PSA-Control.AZ
Приёмка и расценка продукции: акты приёмки, план-факт по контрагентам, баланс долгов и переплат. Акцент — индиго: глубокий синий, который читается как финансовая надёжность — то, что нужно системе, где всё считается до копейки. Ниже — живые компоненты продукта на токенах брендбука. Переключите тему в шапке — всё перекрашивается само.
Журнал актов приёмки
Главный экран продукта. Все числа — моноширинно и по правому краю: разряды встают в колонку, и столбец сравнивается взглядом. Акцент — только на действии и на итоговой строке. Статусы актов — семантикой, не акцентом.
| Акт | Контрагент | Категория | Статус | Вес, кг | Цена, ₽/кг | Сумма, ₽ |
|---|---|---|---|---|---|---|
| ПСА-0025075 | ИП Иванов И. И. | Яблоки · Симиренко | Оплачен | 12 480 | 82,50 | 1 029 600,00 |
| ПСА-0025076 | ИП Петров П. С. | Вишня · свежая | На согласовании | 418 | 410,00 | 171 380,00 |
| ПСА-0025077 | ИП Сидоров С. В. | Арбузы · Астрахань | Черновик | 8 060 | 28,90 | 232 934,00 |
| ПСА-0025078 | ИП Кузнецов К. Ю. | Груши · Конференц | Оплачен | 1 245 | 168,00 | 209 160,00 |
| ПСА-0025079 | ИП Иванов И. И. | Яблоки · Симиренко | Расхождение веса | 9 730 | 82,50 | 802 725,00 |
| Итого за смену · 5 актов | 31 933 | — | 2 445 799,00 | |||
Акцент достаётся только итогу. Если подсветить каждое число, не выделено ничего — а в учёте взгляд должен падать ровно на сумму, за которую расписываются.
Карточка контрагента и сводка смены
Слева — с кем работаем и сколько должны, справа — что происходило за смену. Долг красим семантикой (красный/зелёный), а не индиго: приёмщик читает знак суммы раньше, чем подпись к ней.
Минус — наш долг контрагенту, плюс — переплата в нашу пользу. Знак всегда явный: «−» не подразумевается цветом.
Смена 24.07
площадка ПарнасПриём по часам
вес, тПлан-факт и баланс расчётов
Два разных вопроса на одном экране: «набираем ли объём» и «кто кому должен». Полоса плана — акцентом, перевыполнение — зелёным, перебор бюджета — красным. Риска на полосе показывает, где факт должен стоять к этому дню.
План-факт по категориям
июль, тонныПеребор бюджета — красным, даже если план по тоннам зелёный: перевыполнение любой ценой не считается успехом.
Баланс по контрагентам
на 24.07Ноль — по центру шкалы: долг уходит вправо, переплата влево. Так видно перекос по всему списку, не читая цифры.
Статусы актов
Путь акта от черновика до оплаты. Статус — это семантика, а не акцент продукта: человек должен отличать «оплачен» от «расхождения» цветом, одинаковым во всех продуктах платформы. Индиго достаётся только текущему, выбранному состоянию.
Успех — зелёный, внимание — медный, ошибка — красный. Эти три цвета общие для всей экосистемы и берутся из нейтральной базы, а не из палитры продукта.
Кнопки, чипы, фильтры
Акцент — только на действия. Никаких градиентов и цветных теней. Радиусы 12 px поля/кнопки, 16 px карточки.
Кнопки
Чипы-статусы
Палитра — индиго
Квадраты живые — переключите тему в шапке, и они перекрасятся. Подписанные хексы — значения светлой темы; для серой и тёмной смотрите tokens.css, там прописаны все три.
Как не сломать бренд PSA-Control
Индиго — на действия и итоги: кнопки, ссылки, суффикс .AZ, активный фильтр, итоговые суммы. Обычные числа в таблице — основным цветом текста.
Статусы актов (принят/на согласовании/ошибка) — семантикой, НЕ акцентом. В тёмной и серой темах текст на индиго — тёмный (#101114/#1E1F22).
Без градиентов на кнопках, без теней цветом акцента. Суммы — только моноширинным шрифтом с tabular-nums, иначе разряды не встают в колонку.
Не путать с голубым Эфира — индиго темнее и уходит в синий. Не мешать индиго с акцентами других продуктов на одном экране.