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_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`.
|
||||||
|
|
||||||
|
**Роли.** Вход клиента и вход сотрудника — один экран с переключателем.
|
||||||
|
Сотрудник в кабинете клиента только готовит поручение, подпись кодом из СМС —
|
||||||
|
за клиентом; вход сотрудника виден клиенту в «Безопасности».
|
||||||
|
|||||||
Reference in New Issue
Block a user