Продукт · BI

BI.AZ

Платформа дашбордов и аналитики. Акцент — янтарный: тёплая ясность данных. Ниже — живые компоненты продукта на токенах брендбука. Переключите тему в шапке — всё перекрашивается само.

KPI-карточки

Крупное число (JetBrains Mono), подпись, дельта к прошлому периоду и мини-график тренда. Дельта вверх — зелёная, вниз — красная. Акцентом красим не число, а спарклайн.

Выручка, ₽

2 847 320

▲ 12,4%

Заказы

1 284

▲ 5,1%

Средний чек, ₽

2 217

▼ 3,0%

Конверсия

4,8%

▲ 0,6 п.п.

Графики

Нарисованы чистым SVG на токенах — без внешних библиотек. Линии/бары следуют теме и акценту продукта. Сетка нейтральная, данные — акцентом.

Выручка по дням

область + линия

ВыручкаПрогноз

Доля категорий

донат

Электроника · 48%Одежда · 27%Дом · 16%Спорт · 9%

Заказы по каналам

бары

Активность за неделю

спарклайны

Визиты18,2k

Клики4,1k

Покупки862

Таблица и статусы

Числа — моноширинно и по правому краю. Статусы — чипы семантики (не акцентом): успех/ошибка/внимание. Ховер строки — акцентный tint.

Кампания	Статус	Показы	CTR	Расход, ₽
Электроника · поиск	Активна	128 400	5,2%	84 200
Одежда · РСЯ	На модерации	42 100	3,1%	21 500
Дом · ретаргет	Остановлена	9 830	1,4%	3 900
Спорт · охват	Черновик	—	—	0

Кнопки, чипы, фильтры

Акцент — только на действия. Никаких градиентов и цветных теней. Радиусы 12 px.

Кнопки

Чипы-статусы

Выбрано Норма Внимание Проблема

Как не сломать бренд BI

✓

Амбер — на действия и выделенные данные (активный ряд графика, выбранная строка, кнопка).

✓

Статусы — семантикой (зелёный/красный/медь), НЕ акцентом. Числа — JetBrains Mono по правому краю.

Без градиентов на кнопках и барах, без теней цветом акцента. Фон дашборда — плоский нейтральный.

Не красить акцентом всю страницу/большие плашки и не мешать амбер с акцентами других продуктов.