Files
portal/liderra_v8_handoff
Дмитрий f52402fabe docs(handoff): Sprint 2 Phase C — Google Fonts API v2 + @font-face fallback strategy (audit O-stack-10)
Sprint 2 Phase C (modernization). Закрытие audit O-stack-10:
- DEVELOPER_HANDOFF §4.5 — Google Fonts API v2 + @font-face fallback strategy
  (расширение раздела о Sprint 1 Phase E font-display стратегия §4.4).
- Документировано: когда нужен fallback (расширенная аудитория Chrome 50-99 / Safari 12-14),
  шаблон @font-face блоков, migration path (скачивание + размещение), trade-offs.
- Текущее решение Лидерры: только API v1 + display=swap (целевая аудитория Chrome 100+).
- Решение пересмотреть при GDPR/audit/статистике старых браузеров.

O-stack-06 (FD plugin в ~/.claude/settings.json) — manual user step, выводится в
финальном отчёте Sprint 2 (файл вне git).

O-refactor-07 (CLAUDE.md §0 reorg) — уже фактически реализовано в §9 (полная
история перенесена в docs/CHANGELOG_claude_md.md ранее, оставлены 2 последние
версии в шапке).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-09 19:39:26 +03:00
..

Лидерра · v8 Forest · Handoff пакет

Дата сборки: 2026-05-08 Версия дизайн-системы: v8 Forest WCAG: 2.1 AA verified (axe-core 4.10.2, 0 violations на всех макетах)


С чего начать

  1. Открой docs/index.html в браузере — это визуальный hub со ссылками на все макеты, токены и документацию.
  2. Прочитай docs/DEVELOPER_HANDOFF.md — главный технический документ (стек, токены, компоненты, все 25 экранов).
  3. Прочитай 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

Что разработчик может сделать без дизайнера

  1. Скопировать токены из DEVELOPER_HANDOFF.md §3assets/tokens.css
  2. Скопировать SVG-логотип из BRANDBOOK_v2.md §2.1 → компонент BrandMark.vue
  3. Снять разметку напрямую с любого concepts/v8_*.html (production-ready)
  4. Использовать готовую 14-статусную палитру из BRANDBOOK §3.6
  5. Перерасчитать палитру через scripts/palette_*.py если нужны новые статусы
  6. Прогнать 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.