Sellit · Дизайн-система
/dev/components
Витрина токенов и компонентов. Все продуктовые экраны должны использовать только эти кирпичи — никаких ad-hoc классов цвета или числового форматирования.
Кнопки
Поля ввода
Карточки
Заголовок карточки
Описание контекста — используется в формах онбординга.
Контент карточки. Tailwind v4 + дизайн-токены.
Money / Percent / Delta
Money — выручка
62 569,89 ₽
Money — отрицательное (auto-sign)
-19 739 ₽
Percent — конверсия в выкуп
31,0 %
Percent — изменение позиции (auto-sign)
-12,0 %
Delta — выручка ↑
+13 869(28,5 %)13 869 ₽
Delta — расход на рекламу ↓ (lower_is_better)
−2 200(40,7 %)2 200 ₽
Sparkline
Тренд вверх (auto)
Тренд вниз (auto)
Кастомный цвет
Палитра
bg
bg-subtle
bg-muted
accent
success
danger
warning
info
Типографика
H1 · 48px Geist Semibold
H2 · 30px
H3 · 20px
Body · 16px Geist Regular
Small · 14px text-fg-muted
Eyebrow · 12px uppercase
Tabular: 1 234 567,89 ₽