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
+70 -10
View File
@@ -16,21 +16,37 @@
- Примеры сочетаний (color pairs) с проверкой контрастности (WCAG AA)
### 1.2 Типографика
- Шрифт: **Fira Sans** (веса 300, 400)
- Шкала размеров: h1h6, body, caption, label, overline
**Фирменный шрифт (бренд, офлайн, печать):**
- Шрифт: **DINPro** — основной шрифт фирменного стиля (логотип, навигация, носители)
- Используется во всех оффлайн-носителях: форма, бейджи, таблички, наружная реклама
**Веб-шрифт (цифровые носители, сайт):**
- Шрифт: **Fira Sans** (веса 300, 400) — шрифт сайта oclinica.ru
**В брендбуке отображается:**
- Оба шрифта с полной шкалой размеров: h1h6, 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 Внутренняя навигация (таблички)
- Навигационные таблички по этажам (указатели кабинетов)
- Таблички на дверях кабинетов (номер + врач + специализация + QR-код)
- Материал: оргстекло, наклейки из плёнок Oracal
- Цвета Oracal: 053M (бирюзовый), 073M (тёмно-серый)
- Шрифт: DINPro
- Фотографии реальных табличек, установленных в клинике
- Шаблоны с размерами и отступами
### 6.4 Брендирование транспорта
- Брендирование трамваев (полная оклейка борта)
- Применяемые цвета: 053M, 073M, 066M, 050M, 081M, 080M
- Правила размещения логотипа и текста
- Примеры готовых макетов (боковой вид, фрагменты)
### 6.5 Печатные материалы
- Листовки / флаеры (двусторонние)
- Визитные карточки сотрудников (с QR-кодом на профиль врача)
- Промо-материалы Telegram-бота (@OLENEVA CLINIC BOT)
- Для каждого носителя: изображение макета + размеры + технические требования к печати
---
## 7. Технические требования брендбука
- Адаптивность: desktop (1440px), tablet (768px), mobile (375px)
- Темная тема (опционально, обсудить)