Справочник интерфейса
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
НовинкаОграниченная серияМой размер−1 шт.Бестселлер
Чипы — Chip (живой пример)
Ввод
Поля и переключатели
Флажки — CheckRow
Цветовые сэмплы — Swatch / SwatchButton
Сетка размеров — SizeButton (живой пример)
Счётчик количества — Qty (живой пример)
Одиночный чекбокс — Checkbox
Ритм
Отступы и контейнеры
Контейнеры
.container — 1440px
.container-wide — 1760px
.container-narrow — 940px
Шаг отступов (подмножество шкалы Tailwind, см. AGENTS.md §5)
1
2
3
4
5
6
8
10
12
16
20
24
32
Композитные компоненты
Карточка товара
Композитные компоненты
Сетки и рельсы
Композитные компоненты
Галерея и PDP
Кадр 1 из 3
Бестселлер
Жакет из шерстяной фланели
Однобортный, с мягким плечом
24 900 ₽
ЦветГрафит
На фото: Графит. Остальные цвета сохраняют тот же крой и материал.
Размер
Выберите размер, чтобы добавить вещь в корзину.
- Бесплатная доставка от 15 000 ₽
- Возврат в течение 14 дней
- Примерка при получении
Жакет из шерстяной фланели
24 900 ₽Композитные компоненты
Каталог и фильтры
21 товаров
21 товаров
Композитные компоненты
Корзина
Бесплатная доставка доступна
Подытог24 900 ₽
Итого24 900 ₽
Композитные компоненты