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>
- Оба шрифта с полной шкалой размеров: h1–h6, body, caption, label, overline
- Межстрочный интервал, межбуквенный интервал для каждого стиля
- Правила использования: жирный, курсив, caps
- Примеры живого текста (заголовки, абзацы, списки)
- Правила применения: где DINPro, где Fira Sans
- Живые примеры текста на обоих шрифтах
### 1.3 Логотип
- Основная версия (светлый фон)
- Инвертированная версия (тёмный фон)
- Монохромная версия
**Структура и иерархия (из PDF-брендбука):**
- **«Общий» логотип** — версия сети клиник, применяется в онлайн и оффлайн коммуникациях с клиентами, во внутренней документации, допустимо на общем сайте
- **«Основной» логотип** — локальные версии по направлениям (ЛОР, аллергология и др.), применяется в точках контакта с клиентами, допустимо на лендинге/сайте направления
- Логотип не подлежит изменениям и не сочетается ни с каким дополнительным текстом
**В брендбуке отображается:**
- Обе версии на светлом фоне
- Инвертированные версии (на тёмном фоне)
- Цветовые варианты на форме (коричневый / белый)
- Охранная зона (минимальные отступы)
- Минимальные размеры
- Минимальные размеры для печати (70×25,5 мм / 90×32,8 мм)
- Недопустимые варианты использования
- Скачивание файлов (SVG, PNG)
> ⏳ Логотип будет добавлен после получения вектора
> ⚠️ Вектор логотипа будет предоставлен позже. В Sprint 1 страница отображается с PNG-версией из PDF и полным текстовым описанием правил.
### 1.4 Иконография
- Принципы выбора иконок
@ -171,7 +187,51 @@
---
## 6. Технические требования брендбука
## 6. Оффлайн элементы (Offline Brand Elements)
> Раздел содержит документацию по всем физическим носителям фирменного стиля клиники.
> Страницы в брендбуке — справочные (не интерактивные): изображение носителя + правила применения.
### 6.1 Форма сотрудников
- Бежевый костюм: коричневый логотип, левая сторона груди
- Синий костюм: белый логотип, левая сторона груди
- Размеры логотипа на форме:
- До 46 размера: 70 × 25,5 мм
- От 48 размера: 90 × 32,8 мм
- Фотографии обоих вариантов формы
- Цвета ткани: 080M (тёмно-коричневый) / 010 (белый/светлый)
### 6.2 Бейджи сотрудников
- Размер: 70 × 30 мм
- Серый бейдж: имя + должность + степень
- Белый бейдж с логотипом: имя + должность + степень
- Правила размещения текста и логотипа
- Фотографии реальных бейджей
### 6.3 Внутренняя навигация (таблички)
- Навигационные таблички по этажам (указатели кабинетов)
**ФТ-21.** Для каждого шрифта отображается полная шкала стилей: h1–h6, 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 мм)
- Синий вариант: белый логотип, левая сторона груди
| ОВ-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 |