ЗБС.AZ
Система закупок, бюджета и склада (ЗБС). Основной акцент — хвоя: спокойная опора для действий и данных. Вторичный — медь: только для предупреждений и вторичных действий. Ниже — живые компоненты на токенах брендбука. Переключите тему в шапке — всё перекрашивается само.
KPI-карточки
Крупное число (JetBrains Mono), подпись, дельта к прошлому периоду и мини-график тренда. Дельта — семантикой: рост освоения зелёный, перерасход/просрочка — медь/красный. Спарклайн — акцентом хвоя.
Заказы и поставки
Числа — моноширинно и по правому краю. Статусы — чипы семантики: оплачен (good), ждёт оплаты (медь/warn), просрочен (bad), черновик (акцент). Ховер строки — акцентный tint.
| Поставщик | Статус | Сумма, ₽ | Срок |
|---|---|---|---|
| ООО «Смолторг» | Оплачен | 842 300 | 18.07 |
| ТД «Северный» | Ждёт оплаты | 421 500 | 24.07 |
| ИП Ковалёв А.М. | Просрочен | 184 900 | 14.07 |
| ООО «ПромРесурс» | Черновик | — | — |
Бюджет и склад
Прогресс-бары освоения — плоская заливка акцентом хвоя, без градиента. Перерасход красится в bad. Индикатор остатка на складе: норма — good, мало — медь (предупреждение).
Освоение бюджета
по статьямОстатки на складе
позицииКнопки, чипы, фильтры
Хвоя — основной акцент и действия. Медь — вторичные действия и предупреждения. Никаких градиентов и цветных теней. Радиусы 12 px.
Кнопки
Чипы-статусы
Как не сломать бренд ЗБС
Хвоя — основной акцент: действия (кнопки, «Провести заказ»), заливка прогресс-баров, выбранная строка.
Медь — только вторичное: предупреждения (мало на складе, просрочка) и вторичные действия (отклонить, отложить).
Не смешивать хвою и медь как попало и не красить медью основные действия. Без градиентов на кнопках и барах.
Статусы — семантикой (good/warn/bad), НЕ произвольным цветом. Не красить акцентом всю страницу и большие плашки.