UI Foundation
Layout и контейнеры
Boxed, wide, full-width и full-bleed композиции, на которых позже будут собираться продуктовые страницы.
Width system
Контейнеры: от narrow до full-width
Foundation должен явно ответить, где читается длинный текст, где живут карточки, а где допустим full-bleed фон.
Full bleed
Full-width и full-bleed
Фон может идти от края до края viewport, а контент внутри остаётся в управляемом wide-контейнере.
Full-bleed section
На всю ширину — без потери читаемости
Используется для крупных эмоциональных или навигационных секций. Внутренний текст не растягивается на весь экран.
Grid
Responsive grid patterns
Сетки сворачиваются без горизонтального overflow и без принудительного свайпа для понимания контента.
Rhythm
Spacing scale
Единая шкала исключает случайные отступы и делает композицию предсказуемой.
Surfaces
Радиусы и тени
Rounded surfaces остаются спокойными: они поддерживают доверие и не превращают интерфейс в декоративную игрушку.
Мелкие controls
Inputs, buttons
Panels
Hero/cards