Гермес.AZ
RFQ-система отдела закупок торгового дома. Заявка клиента расходится автозапросами поставщикам, ответы с почты распознаёт ИИ, предложения сравниваются по цене, сроку и отсрочке — и закупщик выбирает лучшее. Акцент — глубокая бирюза (Мирт): торговля, скорость, надёжность. Ниже — живые компоненты продукта на токенах брендбука. Переключите тему в шапке — всё перекрашивается само.
Заявка клиента и конвейер RFQ
Точка входа продукта. Полоса-конвейер показывает путь заявки: приём → автозапросы поставщикам → приём ответов → выбор. Акцент виден только на действиях и текущем шаге.
Сравнение предложений поставщиков
Ответы с почты распознаны ИИ и сведены в таблицу. Лучшие значения по каждому столбцу — акцентом; строка-победитель подсвечена тинтом и полосой акцента слева. Числа — JetBrains Mono.
| Поставщик | Цена, ₽ | Срок, дн. | Отсрочка, дн. | Статус |
|---|---|---|---|---|
| МеталлТорг | 842 300 | 7 | 30 | Выбран |
| Профиль-Снаб | 861 900 | 5 | 14 | Ответ получен |
| СтальРезерв | 879 400 | 9 | 21 | Ответ получен |
| ГлавМеталл | — | — | — | Ждём ответ |
Каждому поставщику ушёл запрос только на его номенклатуру — прайсы конкурентов не пересекаются. Распознавание с почты снимает ручной ввод: цены и сроки подтягиваются в таблицу автоматически, закупщик лишь сверяет и выбирает.
Аналитика экономии
Итог по закупке — насколько выбор дешевле среднего и худшего предложений. Прогресс-бар и цифры акцентом, статусы — семантикой.
Экономия по заявке RFQ-2087
от среднегоЭкономия за квартал
сумма по закрытым RFQКнопки, чипы, фильтры
Акцент — только на действия. Никаких градиентов и цветных теней. Радиусы 12 px поля/кнопки, 16 px карточки.
Кнопки
Чипы-статусы
Знак — кадуцей
Крылатый жезл Гермеса — покровителя торговли: скорость и надёжный обмен. Монохром, наследует currentColor — красится акцентом продукта и перекрашивается с темой.
Знак живёт в своей скруглённой плашке-иконке (раздел Иконки). Не обрезать в круг, не перекрашивать в чужой цвет, не наклонять — соотношение 1:1. В интерфейсе Гермеса — этот знак; на витрине — зонтичный знак АссортиZ.
Палитра — бирюзовый (Мирт)
Квадраты живые — переключите тему в шапке, и они перекрасятся. Подписанные хексы — значения светлой темы; для серой и тёмной смотрите tokens.css, там прописаны все три.
Как не сломать бренд Гермеса
Бирюза — на действия: кнопка «Новая заявка», текущий шаг конвейера, буква Z, выбранное предложение и полоса экономии.
Статусы ответов (получен/ждём/просрочено) — семантикой, НЕ акцентом. В тёмной и серой темах текст на бирюзе — тёмный (#101114/#1E1F22).
Без градиентов на кнопках и полосах, без теней цветом акцента. Фон таблицы сравнения — плоский нейтральный.
Не путать с тилом Tasker и хвоей ЗБС — бирюза Гермеса темнее и холоднее. Не мешать акценты разных продуктов на одном экране.