Перейти к содержимому
Pre-Phase-1 Foundation Review. Это каталог элементов, а не прототип сайта.
v0.2.2BIB-UIF-202608020833282026-08-02
Baby in Brazil UI Foundation Review Pack · v0.2.2
Проверка layout… Review checklist

UI Foundation

Карточки

Реальные типы карточек будущего сайта, responsive composition и loading/unavailable states.

Заголовки и body внутри карточек используют Manrope. Cormorant не применяется в мелких карточках, ценах и длинных описаниях.

Cards

Product card inventory

Карточки построены по реальным типам будущего сайта, а не как абстрактные декоративные плитки.

Услуга

До родов

Подготовка медицинского и организационного маршрута.

Пакет

Care

Состав помощи, exclusions и индивидуальный расчёт.

Врач

Профиль специалиста

Специализация, языки, клиники и проверяемые credentials.

Клиника

Клиника-партнёр

Город, facilities, специалисты, галерея и связанный CTA.

Документы

Документы ребёнка

Входные данные, последовательность, сроки и ограничения.

Материал

Экспертный guide

Автор, reviewer, дата review, источники и disclaimer.

Trust signals

Stats и доверительные показатели

Неподтверждённые значения маркируются как placeholders и не выдаются за факты.

4рабочих языка
7–8шагов пути семьи
24/7*пример placeholder, не обещание
★★★★★

Rating Gold только для рейтингов.

Responsive card

Horizontal composition

Используется для case/story или media-rich блока и имеет mobile fallback.

AB
История семьи

Контекст, маршрут, факты и результат

Горизонтальная карточка используется только при достаточной ширине и превращается в вертикальную на mobile.

Открыть историю

Card states

States

Default, hover/focus, unavailable и loading skeleton должны существовать до сборки страниц.

Default

Обычная карточка

Полностью интерактивная и доступная.

Unavailable

Недоступное состояние

Не маскируется под кликабельный элемент.

Effect variants

Glass и elevation variants

Карточки показывают effect layer отдельно от базовой product geometry. Default остаётся плоской белой surface.

ServiceSubtle glass cardДопускается поверх controlled section background.
DoctorMedium glass cardКороткие данные и один CTA, не длинная biography.
StoryWarm glass cardИстория семьи или emotional proof.
OverlayDark media overlayКраткая подпись поверх фотографии/видео.