Composition foundation
Правила сборки секций
Анатомия секции: контекст, смысл, доказательство и следующий шаг без повторения каталога компонентов.
Anatomy
Секция собирается из четырёх смысловых слоёв
Не каждый слой обязан быть отдельной колонкой; порядок должен оставаться читаемым без CSS.
Section variants
Одинаковая анатомия — разные композиции
Contained
Смысл внутри предсказуемой ширины
Для features, FAQ, process и comparison.
Split
Текст и доказательство работают вместе
Для hero, врача, клиники или сложной услуги.
Centered
Один сильный вывод и один следующий шаг
Для финального CTA и короткого intro.
Full bleed surface
Фон может быть широким, текст — нет
Surface отделяет смысловой этап, но сохраняет reading measure.
Surface transitions
Фон кодирует этап, а не декоративное настроение
01Orientation
02Evidence
03Human story
04Decision
Assembly check
Перед утверждением секции
Понятен основной вопрос без изображения.
Есть факт, source или честная маркировка demo.
CTA соответствует намерению и не повторяет соседний.
На mobile логический порядок сохраняется.
Heading hierarchy не перепрыгивает уровни.
Surface и effect имеют функциональную роль.