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
+71 -11
View File
@@ -137,10 +137,11 @@
### 5.1 Навигация и структура брендбука
**ФТ-01.** Брендбук имеет постоянную левую (или верхнюю) навигацию с разделами:
- Фундамент → Цвета, Типографика, Логотип
- Фундамент → Логотип, Цвета, Типографика, Иконография
- Компоненты → Кнопки, Форм-контролы, Карточки, Бейджи, Алерты, Модальные окна, Таблицы, Навигация
- Блоки → Hero, CEO-текст, Наши врачи, Отзывы, Новости, Формы контакта, Контакт, Услуги
- Страницы → Главная, Заболевание, Все врачи, Врач, Цены, Контакты
- Оффлайн элементы → Форма сотрудников, Бейджи, Внутренняя навигация, Транспорт, Печать
- Эксперименты
**ФТ-02.** Навигация поддерживает прямые URL для каждого раздела (deep linking).
@@ -165,17 +166,35 @@
---
### 5.3 Раздел «Типографика»
### 5.3 Раздел «Логотип»
**ФТ-20.** Отображаются все текстовые стили: h1h6, body-large, body, body-small, caption, label, overline.
**ФТ-15.** Страница «Логотип» присутствует в брендбуке с Sprint 1 — с PNG-версией из PDF и полным описанием правил (вектор добавляется позже).
**ФТ-21.** Для каждого стиля показаны: font-family, font-weight, font-size, line-height, letter-spacing.
**ФТ-16.** На странице отображаются:
- Обе версии логотипа: «Общий» (сеть) и «Основной» (направление)
- Иерархия и область применения каждой версии
- Цветовые варианты: основной, инвертированный (на тёмном фоне), на форме (коричневый / белый)
- Охранная зона с визуализацией отступов
- Минимальные размеры для печати (70×25,5 мм и 90×32,8 мм)
- Запрещённые варианты использования
**ФТ-22.** Живые примеры текста отображаются шрифтом Fira Sans с реальным контентом.
**ФТ-17.** После получения вектора — кнопки скачивания файлов (SVG, PNG с прозрачным фоном).
---
### 5.4 Компоненты — общие требования
### 5.4 Раздел «Типографика»
**ФТ-20.** Отображаются оба фирменных шрифта:
- **DINPro** — шрифт бренда (оффлайн, логотип, носители)
- **Fira Sans** (веса 300, 400) — веб-шрифт сайта
**ФТ-21.** Для каждого шрифта отображается полная шкала стилей: h1h6, body-large, body, body-small, caption, label, overline с параметрами: font-family, font-weight, font-size, line-height, letter-spacing.
**ФТ-22.** Чётко указано, где применяется каждый шрифт: DINPro — оффлайн и носители, Fira Sans — сайт и digital-коммуникации.
---
### 5.5 Компоненты — общие требования
**ФТ-30.** Каждый компонент отображается со всеми своими вариантами и состояниями одновременно на одной странице.
@@ -185,7 +204,7 @@
---
### 5.5 Страницы
### 5.6 Страницы
**ФТ-40.** Каждая страница брендбука показывает полноразмерный макет, собранный из утверждённых блоков.
@@ -195,7 +214,46 @@
---
### 5.6 Экспериментальная секция
### 5.7 Раздел «Оффлайн элементы»
> Раздел является справочным — содержит только изображения носителей и правила применения без интерактивных компонентов. Доступен обеим ролям (viewer и editor).
**ФТ-43.** Раздел «Оффлайн элементы» содержит подразделы:
- Форма сотрудников
- Бейджи
- Внутренняя навигация
- Брендирование транспорта
- Печатные материалы
**ФТ-44.** Каждый подраздел содержит:
- Изображение носителя (фото или макет)
- Технические параметры: размеры, цвета (коды Oracal/Pantone и их HEX-эквиваленты), шрифт, отступы
- Текстовые правила применения
**ФТ-45.** Для носителей, использующих цвета бренда, отображаются плашки цветов со ссылкой на соответствующий токен из раздела «Цвета».
**ФТ-46.** Страница «Форма сотрудников» содержит:
- Бежевый вариант: коричневый логотип, левая сторона груди, размеры по таблице размеров (до 46: 70×25,5 мм; от 48: 90×32,8 мм)
- Синий вариант: белый логотип, левая сторона груди
- Цветовые коды: 080M (коричневый) / 010 (белый)
**ФТ-47.** Страница «Бейджи» содержит:
- Размер: 70 × 30 мм
- Серый бейдж и белый бейдж с логотипом
- Состав текста: имя, должность, учёная степень
**ФТ-48.** Страница «Внутренняя навигация» содержит:
- Шаблоны навигационных табличек (этажные указатели, таблички на двери)
- Материал: оргстекло, плёнки Oracal 053M и 073M
- Пример с QR-кодом на профиль врача
**ФТ-49.** Страница «Брендирование транспорта» содержит:
- Макет оклейки трамвая (боковой вид)
- Применяемые цвета: 053M, 073M, 066M, 050M, 081M, 080M
---
### 5.8 Экспериментальная секция
**ФТ-50.** В разделе «Эксперименты» отображается список экспериментальных компонентов:
- Для `viewer`: только со статусом `approved`
@@ -223,7 +281,7 @@
---
### 5.7 Авторизация
### 5.9 Авторизация
**ФТ-60.** При входе на защищённые страницы неавторизованный пользователь перенаправляется на `/login`.
@@ -341,7 +399,8 @@
| ORM | Prisma | 5.x | Type-safe запросы, миграции, seed |
| Стилизация | CSS Modules | — | Изоляция стилей, нет рантайм-зависимостей |
| Дизайн-токены | CSS Custom Properties | — | Нативно поддерживается всеми браузерами |
| Шрифт | Fira Sans | — | Google Fonts, кириллица, веса 300 и 400 |
| Шрифт (бренд) | DINPro | — | Фирменный шрифт бренда, оффлайн-носители |
| Шрифт (веб) | Fira Sans | — | Google Fonts, кириллица, веса 300 и 400, сайт |
| Авторизация | JWT + httpOnly cookie | — | Безопасное хранение токена |
| Пакетный менеджер | pnpm | 9.x | Monorepo workspaces, скорость |
| Контейнеризация | Docker + Compose | — | Единообразное окружение dev/prod |
@@ -455,7 +514,8 @@ oclinica-brandbook/
| ОВ-02 | Параметры хостинга для production-деплоя | Клиника | TBD |
| ОВ-03 | Нужна ли страница «Заболевание» как отдельный тип, или это подвид страницы «Услуга»? | Клиника | Sprint 9 |
| ОВ-04 | Список иконок — какую стороннюю библиотеку утвердить? (Lucide, Heroicons, и др.) | Совместно | Sprint 2 |
| ОВ-05 | Нужен ли раздел «Логотип» в v1.0 или ждём вектор? | Клиника | Sprint 2 |
| ОВ-05 | ~~Нужен ли раздел «Логотип» в v1.0 или ждём вектор?~~ **Закрыт:** страница логотипа реализуется в Sprint 1 с PNG-версией; вектор будет добавлен позже | — | Закрыт |
| ОВ-06 | HEX-эквиваленты цветов Oracal (053M, 073M, 066M, 050M, 081M, 080M) для использования в токенах | Совместно | Sprint 2 |
---