Composition foundation

Правила сборки секций

Анатомия секции: контекст, смысл, доказательство и следующий шаг без повторения каталога компонентов.

Anatomy

Секция собирается из четырёх смысловых слоёв

Не каждый слой обязан быть отдельной колонкой; порядок должен оставаться читаемым без CSS.

01КонтекстKicker, breadcrumb или короткая рамка вопроса.

02СмыслЗаголовок и краткое объяснение без рекламной гиперболы.

03ДоказательствоФакты, media, специалист, процесс, source или ограничение.

04ДействиеОдин следующий шаг; вторичный action только при реальной альтернативе.

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 имеют функциональную роль.