ДокументацияРазделы, компоненты, системы и их подразделы
Система компоновки
Регионы, сетка и адаптивность
03 · Система компоновки
Страница собирается из повторяемых регионов
Компоновка задаёт иерархию страницы, ограничивает строку чтения и помогает содержимому адаптироваться без привязки к конкретному устройству.
Регионы
Структура остаётся понятной на любом экране
Верхний контекст
Навигация
Основное содержимое
Дополнительный контекст
Примитивы
Крупные решения строятся из простых правил
ContainerПредсказуемые поля и максимальная ширина.
GridРаспределение крупных областей по колонкам.
StackСистемный вертикальный ритм без случайных отступов.
AlignmentЕдиные линии выравнивания для связанных элементов.
Адаптивность
Breakpoint выбирается по содержимому
Сетка может использовать 4, 8 или 12 колонок в зависимости от доступного пространства. Перестроение происходит в момент, когда содержимое теряет читаемость, а не при совпадении с моделью устройства.
Проверка: порядок чтения и фокуса должен оставаться логичным после перестроения регионов.
Слои
Z-index выражает роль, а не случайное число
- ДокументОбычное содержимое страницы.
- Закреплённый интерфейсЭлементы, сохраняющие положение при прокрутке.
- Всплывающий слойDropdown, tooltip и другие локальные поверхности.
- Диалоговый слойModal и drawer поверх текущего контекста.