Дизайн-система · публичная
UI Kit
Единственный источник стиля сайта. Чего нет здесь — того нет на сайте.
01
Цвета
Чернила
#141414
Бумага
#F1F0ED
Белый
#FFFFFF
Акцент
#F43C20
Серый текст
#63625D
Слабый серый
#85847F
Линии
#E2E1DC
Тёмная панель
#171718
Акцент #F43C20 — только детали: ховеры, ошибки, «горит». Никогда — заливка кнопок и фонов. Как текст — не мельче крупного и жирного: на заливке акцентом набор чернилами (контраст 5.4:1).
02
Типографика
делаю продукты
заголовок второго уровня
заголовок третьего уровня
Основной текст 17px с межстрочным 1.55. Golos Text, начертания 400/500/600, заголовки строчными. Строка 45–75 знаков, выключка влево.
03
Радиусы
Поля · 14
Карточки · 24
Панели · 32
Кнопки · 999
04
Кнопки
05
Пилюли
АктивнаяОбычнаяПовторение12
06
Поля
07
Иконки
Только Lucide, штрих 2px, размеры 16/20/24. Эмодзи запрещены. Глиф ✦ — текстом.
08
Тёмная панель и штамп
Тёмная панель
Фон #171718, радиус 32. Штамп с вращающимся кольцом (30 с, стоп при reduced-motion).