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:
+71
-11
@@ -137,10 +137,11 @@
|
||||
### 5.1 Навигация и структура брендбука
|
||||
|
||||
**ФТ-01.** Брендбук имеет постоянную левую (или верхнюю) навигацию с разделами:
|
||||
- Фундамент → Цвета, Типографика, Логотип
|
||||
- Фундамент → Логотип, Цвета, Типографика, Иконография
|
||||
- Компоненты → Кнопки, Форм-контролы, Карточки, Бейджи, Алерты, Модальные окна, Таблицы, Навигация
|
||||
- Блоки → Hero, CEO-текст, Наши врачи, Отзывы, Новости, Формы контакта, Контакт, Услуги
|
||||
- Страницы → Главная, Заболевание, Все врачи, Врач, Цены, Контакты
|
||||
- Оффлайн элементы → Форма сотрудников, Бейджи, Внутренняя навигация, Транспорт, Печать
|
||||
- Эксперименты
|
||||
|
||||
**ФТ-02.** Навигация поддерживает прямые URL для каждого раздела (deep linking).
|
||||
@@ -165,17 +166,35 @@
|
||||
|
||||
---
|
||||
|
||||
### 5.3 Раздел «Типографика»
|
||||
### 5.3 Раздел «Логотип»
|
||||
|
||||
**ФТ-20.** Отображаются все текстовые стили: h1–h6, 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.** Для каждого шрифта отображается полная шкала стилей: 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 мм)
|
||||
- Синий вариант: белый логотип, левая сторона груди
|
||||
- Цветовые коды: 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 |
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user