Справочник интерфейса
UI Kit
Базовые компоненты MERA в стилистике docs/design.md. Сверяй с живой витриной #/ui в concepts-claude/03 при любых изменениях токенов или примитивов.
Токены
Палитра
chalk
фон страницы
paper
блоки «на тон светлее»
surface
карточки/поля на chalk
shade
плейсхолдер изображений
ink
основной текст
ink-soft
вторичный текст
grey
лейблы, мета
grey-light
плейсхолдер, disabled
line
обычный разделитель
line-strong
граница интерактивных элементов
accent
единственный акцент
accent-hover
акцент при hover
accent-tint
плашка под акцентом
alert
ошибка, мало на складе
Шрифты и кегли
Типографика
Hero — serif, --text-hero
Тихий люкс
Заголовок секции — serif, --text-2xl…3xl
Новая коллекция
Лид-абзац — grotesk, --leading-loose
Редакционный текст держит спокойный интерлиньяж: длинные описания моделей и материалов читаются без напряжения.
Оверлайн — .eyebrow
Новая коллекция
Числа — .tabular (font-variant-numeric: tabular-nums)
12 480 ₽ · осталось 3 шт.
Подчёркнутая ссылка — TextLink
Все новинкиДействия
Кнопки
Варианты
Размеры и состояния
На всю ширину — block
Навигация
Ссылки и иконки
Иконочные кнопки — IconButton
Слайдер
Карусель — Carousel
Статусы
Бейджи и чипы
Бейджи — Badge
Чипы — Chip (живой пример)
Ввод
Поля и переключатели
Флажки — CheckRow
Цветовые сэмплы — Swatch / SwatchButton
Сетка размеров — SizeButton (живой пример)
Счётчик количества — Qty (живой пример)
Одиночный чекбокс — Checkbox
Ритм
Отступы и контейнеры
Контейнеры
Шаг отступов (подмножество шкалы Tailwind, см. AGENTS.md §5)
Композитные компоненты
Карточка товара
Композитные компоненты
Сетки и рельсы
Композитные компоненты
Галерея и PDP



Фото 1 из 3
Жакет из шерстяной фланели
Однобортный, с мягким плечом
На фото: Графит. Остальные цвета сохраняют тот же крой и материал.
Выберите размер, чтобы добавить вещь в корзину.
- Бесплатная доставка от 15 000 ₽
- Возврат в течение 14 дней
- Примерка при получении
Композитные компоненты
Каталог и фильтры
21 товаров
Композитные компоненты
Шапка и подвал
Композитные компоненты































