docs: добавлены оффлайн элементы и страница логотипа в Sprint 1

По данным PDF-брендбука клиники:

BRANDBOOK_SCOPE.md:
- Типографика: добавлен DINPro как фирменный шрифт бренда (DINPro = оффлайн/печать, Fira Sans = веб)
- Логотип: иерархия версий («Общий» и «Основной»), правила, размеры на форме
- Новый раздел 6: Оффлайн элементы (форма, бейджи 70×30мм, навигация Oracal, трамваи, печать)

TZ.md:
- ФТ-01: добавлен раздел «Оффлайн элементы» в навигацию
- ФТ-15–17: требования к странице «Логотип» (PNG в Sprint 1, вектор позже)
- ФТ-20–22: уточнена типографика — оба шрифта с правилами применения
- ФТ-43–49: полные требования к разделу «Оффлайн элементы»
- Стек: DINPro добавлен в таблицу технологий
- ОВ-05: закрыт (логотип в Sprint 1), добавлен ОВ-06 (HEX-коды Oracal)

SPRINTS.md:
- Sprint 1: добавлены 9 задач по странице «Логотип» (PNG, иерархия, охранная зона, правила)
- Sprint 2: добавлены задачи по DINPro + 5 страниц раздела «Оффлайн элементы»
- Сводная таблица обновлена

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
AR 15 M4
2026-03-22 16:27:13 +05:00
parent 3bf9f3e307
commit 2352e99093
3 changed files with 183 additions and 40 deletions
+42 -19
View File
@@ -14,39 +14,62 @@
---
## Sprint 1 — Инициализация проекта
## Sprint 1 — Инициализация проекта + страница «Логотип»
**Цель:** Рабочее окружение, monorepo, базовая архитектура.
**Цель:** Рабочее окружение, monorepo, базовая архитектура, первая живая страница брендбука — «Логотип».
### Задачи
### Задачи — инфраструктура
- [ ] FE: Инициализация Next.js (App Router) в `apps/web`
- [ ] BE: Инициализация NestJS в `apps/api`
- [ ] DB: Подключение PostgreSQL + Prisma, базовая схема
- [ ] Настройка Docker Compose для локальной разработки
- [ ] Настройка monorepo (pnpm workspaces)
- [ ] Создание `.env.example`
- [ ] Git: инициализация репозитория, ветки `main` и `develop`
- [ ] FE: Базовая структура брендбука (layout, навигация по секциям)
- [ ] FE: Подключение шрифта Fira Sans
- [ ] Git: создание веток `develop` и `sprint/1`
- [ ] FE: Базовая структура брендбука (layout, боковая навигация по разделам)
- [ ] FE: Подключение шрифта Fira Sans (веб) + подготовка к DINPro (бренд)
**Результат спринта:** Запускается `pnpm dev` — открывается пустой брендбук с навигацией.
### Задачи — страница «Логотип» (первый контент брендбука)
- [ ] Design: Экспорт PNG логотипа из PDF для использования как placeholder
- [ ] FE: Страница `/foundation/logo` в брендбуке
- [ ] FE: Отображение обеих версий логотипа: «Общий» и «Основной»
- [ ] FE: Секция «Иерархия»: описание применения каждой версии
- [ ] FE: Секция «Цветовые варианты»: основной / инвертированный / на форме
- [ ] FE: Секция «Охранная зона» с визуализацией отступов
- [ ] FE: Секция «Минимальные размеры» (таблица: до 46 р. и от 48 р.)
- [ ] FE: Секция «Недопустимые варианты» — правило не менять и не сочетать с текстом
- [ ] FE: Placeholder-блок «Скачать вектор» (кнопка неактивна до получения SVG)
**Результат спринта:** Запускается `pnpm dev`, открывается брендбук с навигацией. Раздел «Логотип» полностью заполнен контентом и правилами.
---
## Sprint 2 — Цвета и типографика (Brand Foundation)
## Sprint 2 — Цвета, типографика и оффлайн элементы (Brand Foundation)
**Цель:** Секция «Фундамент бренда» — цвета и шрифты живые в брендбуке.
**Цель:** Секция «Фундамент бренда» — цвета, оба шрифта, а также первый оффлайн-раздел.
### Задачи
- [ ] Design: Получить и зафиксировать все цвета из файла брендбука клиники
### Задачи — цвета
- [ ] Design: Зафиксировать HEX-эквиваленты всех цветов бренда (053M, 073M, 066M, 050M, 081M, 080M)
- [ ] FE: Создать CSS-переменные / дизайн-токены для всей цветовой палитры
- [ ] FE: Страница «Цвета» — отображение палитры с hex/RGB/HSL, копирование в клик
- [ ] FE: Страница «Типографика» — все стили текста (h1h6, body, caption и т.д.)
- [ ] FE: Живые примеры типографики с Fira Sans
- [ ] FE: Страница «Цвета» — палитра с кодами Oracal/Pantone, HEX, RGB, HSL, копирование в клик
- [ ] FE: Проверка контрастности пар цветов (WCAG AA/AAA)
- [ ] FE: Экспорт токенов в JSON (Figma-compatible)
- [ ] Design: Согласование охранных зон и правил применения цветов
**Результат спринта:** Раздел «Фундамент» полностью готов (без логотипа).
### Задачи — типографика
- [ ] FE: Страница «Типографика» — раздел DINPro (бренд/оффлайн) + раздел Fira Sans (веб)
- [ ] FE: Шкала размеров для обоих шрифтов: h1h6, body, caption, label, overline
- [ ] FE: Чёткое указание: где DINPro, где Fira Sans
- [ ] FE: Живые примеры текста обоими шрифтами
### Задачи — оффлайн элементы (справочный раздел)
- [ ] FE: Раздел «Оффлайн элементы» в навигации брендбука
- [ ] FE: Страница «Форма сотрудников» — фото, правила размещения логотипа, таблица размеров
- [ ] FE: Страница «Бейджи» — размеры 70×30 мм, варианты, состав текста
- [ ] FE: Страница «Внутренняя навигация» — шаблоны табличек, материалы, цвета Oracal
- [ ] FE: Страница «Брендирование транспорта» — макет трамвая, цветовая схема
- [ ] FE: Страница «Печатные материалы» — листовки, визитки, Telegram-бот
**Результат спринта:** Разделы «Цвета», «Типографика» и «Оффлайн элементы» полностью готовы.
---
@@ -224,8 +247,8 @@
| Спринт | Тема | Ключевой результат |
|--------|---------------------------------------|-----------------------------------------|
| 1 | Инициализация | Запускается пустой брендбук |
| 2 | Цвета и типографика | Раздел «Фундамент» готов |
| 1 | Инициализация + Логотип | Брендбук запускается, страница Логотипа готова |
| 2 | Цвета, Типографика, Оффлайн элементы | Фундамент + оффлайн раздел готовы |
| 3 | Кнопки и форм-контролы | Базовые компоненты готовы |
| 4 | Карточки | Все карточки задокументированы |
| 5 | Hero и CEO-текст | Ключевые блоки страниц готовы |
@@ -246,4 +269,4 @@
- Drag-and-drop конструктор страниц
- История версий экспериментальных компонентов
- Мультиязычность (если потребуется)
- Раздел «Логотип» (после получения вектора)
- Раздел «Логотип»: активация кнопки скачивания SVG (после получения вектора)