From ea869665df41d6f8a8c337be76c4c4bd80154f4d Mon Sep 17 00:00:00 2001 From: zuevav Date: Thu, 17 Sep 2026 22:41:23 +0300 Subject: [PATCH] =?UTF-8?q?DESIGN.md:=20=D0=BC=D0=B8=D1=80=20=C2=AB=D0=A2?= =?UTF-8?q?=D0=B0=D0=B1=D0=BB=D0=BE=C2=BB=20=D0=B4=D0=BB=D1=8F=20=D0=BA?= =?UTF-8?q?=D0=BB=D0=B8=D0=B5=D0=BD=D1=82=D1=81=D0=BA=D0=BE=D0=B3=D0=BE=20?= =?UTF-8?q?=D0=BA=D0=B0=D0=B1=D0=B8=D0=BD=D0=B5=D1=82=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5 (1M context) --- DESIGN.md | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/DESIGN.md b/DESIGN.md index d7beb30..5d327ad 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -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`. + +**Роли.** Вход клиента и вход сотрудника — один экран с переключателем. +Сотрудник в кабинете клиента только готовит поручение, подпись кодом из СМС — +за клиентом; вход сотрудника виден клиенту в «Безопасности».