DESIGN.md: мир «Табло» для клиентского кабинета
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -75,3 +75,36 @@ near-black в тёмной теме (настоящее рабочее мест
|
||||
доступность). Постранично ещё не подняты: `admin_setup`, `admin_help_*`,
|
||||
`admin_wizard`, `admin_claim` — они наследуют систему, но их частная композиция
|
||||
(плотные формы, help-простыни) ждёт отдельного прохода.
|
||||
|
||||
## Личный кабинет клиента — мир «Табло» (17.09.2026)
|
||||
|
||||
Клиентский ЛК (`modules/lk`, служба `bj-lk`) получает собственную поверхность
|
||||
внутри той же системы. Дизайн-холст: https://claude.ai/artifact/NAW1ak8cGgZDyXjy35p9Av
|
||||
|
||||
**THESIS.** Кабинет — табло отправлений: бумаги куда-то едут, клиент читает
|
||||
состояние и расписание. Отказ от ряда метрик-плиток, одинаковых карточек как
|
||||
структуры страницы и серифного display-шрифта.
|
||||
|
||||
**OWN-WORLD.** Графитовая доска сверху (`#191A1C` шапка, `#1F2124` полоса
|
||||
состояния, отбивка `#E8A33D` 3px), светлая бумага реестра `#EDEBE4`, лист формы
|
||||
`#F7F5EF`. Янтарь `#E8A33D` — «в пути» и первичное действие; зелёный `#1F6B3E`
|
||||
— свободно/исполнено; красный `#A32D22` — отказ; интерактив — индиго `#2C46C0`.
|
||||
Волосяные линейки `#DED8CA` вместо рамок, радиус 2–3px (не 12).
|
||||
|
||||
**Типографика.** Две гарнитуры: Golos Text (интерфейс, кириллица) и JetBrains
|
||||
Mono (все величины, коды, подписи-заголовки `.lbl` — заглавные с трекингом
|
||||
0.1em). Величины всегда `font-variant-numeric: tabular-nums`. Крупная величина
|
||||
на доске 38–62px, шкала интерфейса 13–26px.
|
||||
|
||||
**Композиция.** Шапка 58px: знак (два узла + мост) · разделы · янтарная кнопка
|
||||
«Поручение M2M» (точка входа с каждого экрана) · договор · выход. Ниже — полоса
|
||||
состояния. Рабочая часть — таблицы с группировкой по счетам депо, состояние в
|
||||
правом столбце чипом.
|
||||
|
||||
**Движение.** Один авторский момент — «перекидывание шторки» (`.live`,
|
||||
`@keyframes flip`, 420ms) на чипе состояния, который только что изменился;
|
||||
отключается при `prefers-reduced-motion`.
|
||||
|
||||
**Роли.** Вход клиента и вход сотрудника — один экран с переключателем.
|
||||
Сотрудник в кабинете клиента только готовит поручение, подпись кодом из СМС —
|
||||
за клиентом; вход сотрудника виден клиенту в «Безопасности».
|
||||
|
||||
Reference in New Issue
Block a user