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:
+42
-19
@@ -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: Страница «Типографика» — все стили текста (h1–h6, 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: Шкала размеров для обоих шрифтов: h1–h6, 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 (после получения вектора)
|
||||
|
||||
Reference in New Issue
Block a user