Unified visual recipe
Визуальный язык
Единая композиция, в которой нормативные цвета, display/UI typography, surfaces, glass, gradients, CTA и motion работают вместе.
One-page overview
Визуальный язык за один экран
Эта композиция не является hero будущего сайта. Она показывает, как совместно работают цвет, типографика, glass, gradient, elevation, CTA и motion.
Visual recipe v0.2.0Медицинская ясность.
Медицинская ясность.
Человеческое тепло.
Нормативная палитра, display-типографика, спокойные surfaces и ограниченные эффекты собираются в один узнаваемый язык.
Surface modes
Четыре режима поверхности
Каждый режим имеет собственную задачу. Их чередование создаёт ритм, но не должно превращать страницу в набор несвязанных тем.
Clinical White
Основной контент, формы, таблицы, сравнения и юридически значимая информация.
Высокая читаемость · минимальный декорSupport Teal
Процесс, услуги, логистика, инструкции и поддерживающие блоки.
Спокойное направление вниманияFamily Warm
Истории семей, эмоциональный proof, забота и завершающие CTA.
Тепло без «глянцевой» сентиментальностиAuthority Navy
Главные CTA, ключевые доказательства, footer и сильные системные акценты.
Контроль · компетентность · безопасностьEffect hierarchy
Три уровня выразительности
Большинство интерфейса живёт на Base. Enhanced применяется точечно. Hero/Overlay — редкий signature layer, а не стандарт каждой карточки.
Base
Плоская поверхность, border, ясная типографика. Используется по умолчанию.
Content first
Enhanced
Мягкий gradient, elevation или subtle glass — только один приём.
Guided emphasis
Hero / Overlay
Выразительное стекло, aurora-gradient и controlled motion для крупных зон.
Signature moment
Typography pairing
Display и UI работают раздельно
Пара выглядит премиально только при строгом разделении ролей: Cormorant формирует редкие крупные моменты, Manrope несёт интерфейс.
Display voice
Роды в Бразилии
без неопределённости
без неопределённости
Cormorant Garamond 600; italic — только как ограниченный editorial accent.
Interface voice
Ясная структура и предсказуемые действия
Manrope отвечает за меню, кнопки, формы, карточки, цены, таблицы, FAQ и длинный текст. Он сохраняет функциональную нейтральность рядом с display-гарнитурой.
400 body500 emphasis600 labels700 actions
Review route
Что смотреть дальше
Визуальный язык утверждается не одной картинкой: его составляющие проверяются на отдельных страницах и фиксируются в checklist.