Дмитрий
7067c583ec
Демо-прототип портала менеджеров по продажам в дизайне Лидерры (Forest), приведён к реальной модели данных + расширен. Без бэкенда. - Роли менеджер/начальник, простой демо-вход, переключение роли - Менеджер: Сводка, Мои клиенты, карточка клиента, Привязать, Мой доход - Начальник: Сводка отдела, Результативность, Тарифы менеджеров, Счета (оплата по счёту), Заявки на привязку, Выплаты, Менеджеры - Тарифы = формула дохода (В1): 3 семейства, конструктор, переход «тариф прилипает к клиенту» (В12 решён) - Выбор периода везде (этот/прошлый/позапрошлый/произвольный) - UX-проход Playwright: ?-подсказки, починена вёрстка подписей - Спека: docs/superpowers/specs/2026-06-28-sales-manager-portal-brainstorm.md Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Лидерра · v8 Forest · Handoff пакет
Дата сборки: 2026-05-08 Версия дизайн-системы: v8 Forest WCAG: 2.1 AA verified (axe-core 4.10.2, 0 violations на всех макетах)
С чего начать
- Открой
docs/index.htmlв браузере — это визуальный hub со ссылками на все макеты, токены и документацию. - Прочитай
docs/DEVELOPER_HANDOFF.md— главный технический документ (стек, токены, компоненты, все 25 экранов). - Прочитай
docs/BRANDBOOK_v2.md— бренд (имя, лого, палитра, типографика).
Структура архива
liderra_v8_handoff/
├── README.md ← этот файл
├── docs/
│ ├── DEVELOPER_HANDOFF.md ← главный технический документ (16 разделов)
│ ├── BRANDBOOK_v2.md ← бренд (source of truth)
│ └── index.html ← визуальный hub со ссылками
├── concepts/
│ ├── v8_dashboard.html ← /dashboard
│ ├── v8_deals.html ← /deals (таблица + drawer)
│ ├── v8_deal_card.html ← /deals/{id} (полная страница)
│ ├── v8_kanban.html ← /deals/kanban (14 колонок DnD)
│ ├── v8_billing.html ← /billing
│ ├── v8_settings.html ← /settings (8 вкладок)
│ ├── v8_reports.html ← /reports
│ ├── v8_login.html ← /login + 4 других состояния
│ ├── v8_errors.html ← 404/403/500
│ ├── v8_admin.html ← админка SaaS (6 экранов)
│ ├── v8_landing.html ← главная + тарифы + оферта + политика
│ ├── v8_brand.html ← архив выбора имени и знака
│ └── v8_palette_options.html ← архив выбора палитры (5 вариантов)
├── scripts/
│ ├── palette_v7.py ← OKLCH-расчёт основных токенов с WCAG
│ ├── palette_14.py ← 14-статусная палитра (ΔE2000 ≥ 10.57)
│ └── palette_options.py ← 5 палитр на сравнение
└── screenshots/
├── v8_dashboard_1680.png ← desktop preview каждого экрана
├── v8_dashboard_375.png ← mobile preview
└── ... (все ключевые v8 PNG)
Как запустить локально
# Любой статический сервер из папки архива:
cd liderra_v8_handoff
python -m http.server 8765
# Открыть http://localhost:8765/docs/index.html
Что разработчик может сделать без дизайнера
- Скопировать токены из
DEVELOPER_HANDOFF.md §3→assets/tokens.css - Скопировать SVG-логотип из
BRANDBOOK_v2.md §2.1→ компонентBrandMark.vue - Снять разметку напрямую с любого
concepts/v8_*.html(production-ready) - Использовать готовую 14-статусную палитру из
BRANDBOOK §3.6 - Перерасчитать палитру через
scripts/palette_*.pyесли нужны новые статусы - Прогнать axe-core 4.10.2 на каждом PR (команда в HANDOFF §13.2)
Окружение для проверки
- Node 18+ (для возможной интеграции Playwright/axe)
- Python 3.10+ с пакетами
colour-science,numpy(для regen палитр) - Любой браузер для просмотра HTML (Chromium-семейство для axe DevTools)
Связь
| Что | Куда |
|---|---|
| Вопросы по дизайну | через docs/DEVELOPER_HANDOFF.md §14 FAQ |
| Дизайнер | kpd9363@gmail.com (Платон) |
| Заказчик | Дмитрий |
Конец README.md. Версия архива v8 Forest, собрано 2026-05-08.