1. Цвета (нажмите, чтобы скопировать HEX)
Primary#2563EB
кнопки, акценты
кнопки, акценты
Success#16A34A
оплачено, прибыль
оплачено, прибыль
Warning#F59E0B
внимание, срок
внимание, срок
Danger#DC2626
долг, убыток
долг, убыток
Info#0EA5E9
в работе
в работе
Production#7C3AED
производство
производство
Фон#F4F6FA
Карточка#FFFFFF
Текст#0F172A
Второстепенный#64748B
Тёмный фон#0B1220
Тёмная карточка#162033
White label: партнёр меняет только Primary и логотип. Success, Warning, Danger остаются неизменными, чтобы статусы читались одинаково везде.
2. Типографика
Шрифт: Inter (запасной Roboto, Arial). Поддерживает кириллицу и буквы ү ө ң қ ғ ә һ.
| Стиль | Размер | Вес | Пример |
|---|---|---|---|
| Крупная цифра (KPI) | 28–32 px | 700 | 1 240 000 |
| Заголовок экрана | 20 px | 600 | Заказ #1042 |
| Подзаголовок блока | 13 px, капсом | 600 | Требует внимания |
| Основной текст | 16 px | 400 | Клиент оплатил часть суммы. |
| Подпись | 12–13 px | 400 | Обновлено 5 минут назад |
3. Отступы и скругления
Сетка 4 px: 4 · 8 · 12 · 16 · 24 · 32. Отступ экрана 12–16 px. Скругления: карточки 16 px, кнопки и поля 12 px, плашки 12 px.
4. Кнопки
Высота: 48 px стандарт, 60 px склад и поле, 36 px для таблиц на десктопе. Одна главная кнопка на эк