DESIGN.md: мир «Табло» для клиентского кабинета

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
zuevav
2026-09-17 22:41:23 +03:00
parent 1f12167946
commit ea869665df
+33
View File
@@ -75,3 +75,36 @@ near-black в тёмной теме (настоящее рабочее мест
доступность). Постранично ещё не подняты: `admin_setup`, `admin_help_*`, доступность). Постранично ещё не подняты: `admin_setup`, `admin_help_*`,
`admin_wizard`, `admin_claim` — они наследуют систему, но их частная композиция `admin_wizard`, `admin_claim` — они наследуют систему, но их частная композиция
(плотные формы, help-простыни) ждёт отдельного прохода. (плотные формы, 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`.
**Роли.** Вход клиента и вход сотрудника — один экран с переключателем.
Сотрудник в кабинете клиента только готовит поручение, подпись кодом из СМС —
за клиентом; вход сотрудника виден клиенту в «Безопасности».