Челябинск
Внутренний UIKit

UIKit «Твоя няня рядом»

Полная дизайн-система сайта: палитра, типографика, кнопки, карточки, шапки/футеры, Hero-блоки страниц, формы. Закрыто от поисковиков. Используется при добавлении новых блоков для сохранения единого визуального языка.

Содержание (32 раздела)

Дизайн-система

01 · Палитра 02 · Типографика 03 · Отступы и контейнеры 04 · Брейкпоинты 05 · Тени и радиусы

Айдентика

06 · Логотип 07 · Маскоты-мишки 08 · Иконки сайта

Атомы

09 · Кнопки 10 · Бейджи 11 · Trust Row 12 · Формы

Layout

13 · Шапка (десктоп) 14 · Шапка (мобилка) 15 · Футер 16 · Floating Socials

Секции

17 · Hero 18 · Stats 19 · WhyTrust 20 · Подбор по шагам 21 · Похожие услуги 22 · Pricing 23 · FAQ 24 · Отзывы 25 · Принципы 26 · Фотогалерея 27 · CTA / форма

Контент

28 · Услуги (live) 29 · Няни (live) 30 · Блог (live)

Для клиента

31 · Шпаргалка 32 · Customizer сейчас
01 · Палитра
Фон страниц
#FAF6F1
COLORS.bg
Фон секций альт.
#F5EFE6
COLORS.bgAlt
Карточки
#FFFFFF
COLORS.card
Границы / разделители
#E8DCC8
COLORS.border
Основной текст
#3B3226
COLORS.text
Текст вторичный
#6B5B47
COLORS.textLight
CTA зелёный (бренд)
#92AB5E
COLORS.cta
CTA зелёный hover
#7A9648
COLORS.ctaHover
Акцент оранжевый
#D18D55
COLORS.accent
Акцент hover
#C07A45
COLORS.accentHover
Тёплый коричневый
#C2956B
COLORS.warm
Золотой
#E8B84A
COLORS.gold
Голубой вторичный
#8EB5D6
COLORS.secondary
Использование: в Next.js — через COLORS из components/layout/site-shell.tsx. В WP-теме — inline style="color:#3B3226". Кастомный CSS-переменных в теме нет.
02 · Типографика — Nunito
H1 / 36–48px / Extra Bold (800)

Подберём заботливую и внимательную няню

H2 / 28–36px / Extra Bold (800)

Почему можно доверять

H3 / 18–24px / Bold (700)

Подбор по шагам — 4 этапа

Body / 16px / Regular (400)

Большинство агентств берут количеством. Мы берём качеством, потому что за нами стоят две мамы, и у каждой своя суперсила.

Body Large / 18px (Hero подзаголовки)

Доверие и забота рядом — надёжная помощь мамам

Small / 14px / Regular

+7 (904) 303-35-53 · Челябинск · 8:00 — 21:00

Caption / 12px / Bold uppercase

Полезное чтение

ШрифтNunito (Google Fonts), weights 400/600/700/800 Подключениеvar(--font-nunito) в layout.tsx Кириллицаsubsets: latin + cyrillic
03 · Отступы и контейнеры
Главный контейнерmax-w-7xl mx-auto px-4 (1280px) Узкий контейнер (текст)max-w-3xl, max-w-4xl, max-w-5xl Padding секции (десктоп)py-16 md:py-24 (64–96px) Padding секции (моб.)py-12 md:py-16 (48–64px) Gap между карточкамиgap-4 / gap-6 / gap-8 (16/24/32px) Радиус карточкиrounded-2xl / rounded-3xl (16/24px) Радиус кнопкиrounded-xl / rounded-2xl Шапка высота~80px (с учётом padding и лого h-14)
04 · Брейкпоинты Tailwind
sm≥ 640px (мобильный landscape) md≥ 768px (планшет) lg≥ 1024px (десктоп) — порог переключения шапки xl≥ 1280px (большой десктоп) Принципmobile-first: дефолт = моб., классы добавляются для bigger
На <1024px десктопное nav скрыто, виден гамбургер → drawer справа (z-index 100).
05 · Тени и радиусы
shadow-sm
2 4px rgba
shadow-md
4 16px rgba
shadow-lg
12 30px rgba
shadow-xl
20 40px rgba
07 · Маскоты-мишки
bear_hugs_heart
bear_holds_heart_red
bear_pillow
bear_letter
bear_heart_belly
bear_sitting
Особое: bear_holds_heart_red — стоит над секцией «Почему доверять» только на /services/hour/ (slug=hour). Решение протокола 2026-04-28.
08 · Иконки сайта (favicon)
icon.png
512×512
icon-light-32x32.png
32×32
apple-icon.png
apple-touch
09 · Кнопки
Primary CTA — оранжевый градиент
Secondary — зелёный (CTA brand)
Phone tonal (тонкая кнопка телефона)
Chip / Pill — фильтры
10 · Бейджи
✦ Популярная услуга ♥ Новинка ХИТ Опыт 10+ лет
11 · Trust Row (зелёный)
✓ 7 этапов проверки
✓ Договор
✓ Медкнижка
✓ Гарантия замены
12 · Формы — поля и состояния
Введите корректный email
13 · Шапка (десктоп)
Челябинск
📞 +7 (904) 303-35-53 ♥ Подобрать няню
Источник менюwp-theme/inc/nav-data.php → nanny_main_nav_items() Dropdown «Услуги»CPT 'service' orderby=menu_order Файл шаблонаtemplate-parts/site-nav-inner.php Stickyfixed top-0 z-50, blur-фон
14 · Шапка (мобилка) + drawer
Услуги
Няня на час
Няня на ночь
Постоянная няня
Няня для новорождённого
Няня на полный день
Автоняня
Наши няни
О нас
Работа няней
Блог
Контакты
ТриггерКнопка-гамбургер (lg:hidden) Drawerfixed right-0 width 85% max-w-360px z-100 Закрытиеbackdrop click + Escape + клик по ссылке
16 · Floating Socials (плавающая панель справа снизу)
M T VK
Сейчас визуально только. Ссылки берутся из Customizer (nanny_telegram, nanny_max, nanny_vk).
17 · Hero-блоки (главная / услуга / About)

Hero услуги (1 колонка текст + 1 колонка фото 4:3)

Главная → Услуги → Няня на час
✦ Популярная услуга

Няня на час

Бережная поддержка в нужный момент.

♥ Подобрать няню
фото услуги (1200×900+)

Hero About (фото Оли+Яны 3:4)

О нас

Агентство «Твоя няня рядом»

Большинство агентств берут количеством. Мы берём качеством.

18 · Stats — 4 цифры
50+
нянь в базе
87%
рекомендуют нас
2-3 ч
срочный подбор
95%
остаются с первой няней
19 · WhyTrust (с белой подложкой + мишка для hour)

Почему можно доверять

Няне на час доверяют, потому что это проверенный специалист, который умеет быстро установить контакт с ребёнком и обеспечить ему безопасность.

Это надёжное решение для ситуаций, когда нужна кратковременная, но профессиональная помощь.

Логика мишки: в single-service.php showBear=true только если get_post_field('post_name')==='hour'. Решение протокола от 28.04.2026.
20 · Подбор няни по шагам (4 шага)
1

Оставьте заявку

Позвоните или заполните форму на сайте

2

Подберём няню

Учтём все ваши пожелания и требования

3

Пробный день или видеовстреча

Возможность мягкого знакомства

4

Оформление сотрудничества

Прозрачные условия и ясные договорённости

21 · Похожие услуги — центрирование при <3

Когда 3 услуги — обычный grid 3-cols:

Карточка
Карточка
Карточка

Когда 2 — grid 2-cols + max-w-3xl + mx-auto:

Карточка
Карточка
Источник: Tailwind grid md:grid-cols-2 gap-6 max-w-3xl mx-auto при count=2; md:grid-cols-3 при count≥3.
22 · Стоимость (Pricing)
Минимальный выход — 4 часа
от 1 000 рублей
23 · FAQ — выпадающие вопросы
Как быстро вы можете найти няню? ▼

Срочный подбор занимает 2-3 часа. Для постоянной — 1-3 дня.

Что если няня не подошла? ▼

Бесплатная замена в течение всего периода работы.

24 · Отзывы (3 карточки)
🥰
★★★★★

"Нашли няню за один день! Очень довольны."

Анастасия М.

😊
★★★★★

"Пользуемся услугами уже год. Всегда выручают."

Ольга К.

🤗
★★★★★

"Боялась оставлять грудничка, но Анна покорила с первого дня."

Екатерина В.

25 · «Наши принципы» (4 карточки)
♥

Человечность

Работаем не с базой, а с людьми

🛡

Ответственность

7 этапов проверки — не для галочки

🤝

Сопровождение

Поддерживаем няню и семью пока всё не сложится

✦

Честность

Цены открыты. Договор прозрачный.

27 · CTA «Нужна няня прямо сейчас» (форма + мишка)

Нужна няня прямо сейчас?

Оставьте заявку — перезвоним за 15 минут

28 · Услуги (live из CPT) — 6
Няня на час
от 1 000 рублей
нет фото
Няня на ночь
от 780 рублей
нет фото
Постоянная няня
от 650 рублей
Няня для новорождённого
от 650 рублей
нет фото
Няня на полный день
от 85 000 рублей
Автоняня
от 750 рублей
29 · Няни (live) — 4
Светлана
42 лет · опыт 7 лет
Евгения
38 лет · опыт 8 лет
Ирина
59 лет · опыт 12 лет
Алёна
30 лет · опыт 3 года
30 · Блог (live) — 7
Маленький мир малыша: кто будет рядом, когда мамы нет рядом?
29.05.2026
Реальные кейсы: как мы решаем сложные задачи по подбору няни
22.05.2026
Подбор няни: внимание к деталям.
22.05.2026
Почему самостоятельный поиск няни опасен: 4 скрытых риска
21.05.2026
Почему вы не обязаны справляться в одиночку
27.04.2026
Почему сложно доверить ребёнка — и как сделать это спокойно
27.04.2026
Ночная няня: когда она действительно нужна
27.04.2026
31 · Шпаргалка — где что менять
Телефон, email, адресВнешний вид → Настроить → «Контакты сайта» Название агентства, слоганВнешний вид → Настроить → «Бренд сайта» Заголовки страницы «Блог»Внешний вид → Настроить → «Страница «Блог»» Цена услуги, описаниеУслуги → выбрать → «Поля услуги» Фото услугиУслуги → выбрать → «Изображение записи» (справа) Добавить услугуУслуги → «Добавить услугу» Скрыть услугуУслуги → выбрать → Статус: Черновик Имя, возраст, опыт ня́ниНяни → выбрать → редактирование Фото ня́ниНяни → выбрать → «Изображение записи» Добавить ня́нюНяни → «Добавить няню» Удалить ня́нюНяни → выбрать → «Перенести в корзину» Статья блогаЗаписи → «Добавить запись» Меню в шапкеВнешний вид → Меню Порядок услуг в dropdown «Услуги»Услуги → Быстрое редактирование → Порядок
32 · Текущие значения Customizer (контроль что применилось)
Бренд Город— Слоган— Телефон 1+7 (904) 303-35-53 Телефон 2— Email— Адрес — город— Адрес — улица— Часы работы— Telegramhttps://t.me/body_therapy_o Max— VKhttps://vk.ru/nyanya_74