Commit Graph

28 Commits

Author SHA1 Message Date
AR 15 M4 6ce176f970 chore: close Sprint 4, open Sprint 5
- Sidebar: Hero/CEO-текст unlocked (not soon), Sprint 5 · v0.5.0
- SPRINTS.md: Sprint 4 marked  ЗАВЕРШЁН, Sprint 5 plan updated
- LLM_CONTEXT.md: v4.1 — cards/badges/alerts section 9b added

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 23:19:38 +05:00
AR 15 M4 6c5b571884 feat(sprint4): add cards page — DoctorCard, NewsCard, ReviewCard, PriceCard, ServiceCard, badges/tags/alerts
- /components/cards — new page with 5 card types + badges/tags/alerts + LLM block v1.0
- DoctorCard: photo 110×160px placeholder, name, specialty, experience, outline button
- NewsCard: hover bg #eef4d1 + box-shadow (matches real site CSS), CSS class .bb-news-card
- ReviewCard: star rating 1-5 (SVG), text 4-line clamp, bg #eef4d1
- PriceCard: service + price + description + button, highlighted variant (blue border/bg)
- ServiceCard: emoji icon 48×48px, title, description, link
- Badges: 6 color variants (primary/success/warning/danger/neutral/outline)
- Tags: default/active state filters
- Alerts: 4 types (info/success/warning/error) with icons
- globals.css: .bb-news-card:hover, .bb-service-card:hover CSS rules (Sprint 4)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 23:09:22 +05:00
AR 15 M4 2b66fb9cc1 docs: update LLM_CONTEXT.md to v4.0 (Sprint 4 start)
- All 6 Oracal brand colors updated to exact catalog RGB values
- Contrast table recalculated for new hex values
- Color mapping notes updated (typography of differences)
- Logo color variants updated with new hex refs
- CSS vars section updated
- Transport hex refs updated
- Color rules updated (white on 073M/066M/050M/080M, dark on 053M/081M)
- Section 9a: button variants now match real site (primary/outline/teal/pill)
- Section 9a: form controls match real site (height 50px, border #ccc)
- Section 7: /components/cards added as Sprint 4 in progress
- History: version 4.0 added

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 23:04:32 +05:00
AR 15 M4 3811c579fd fix(colors): update Oracal brand colors to exact catalog RGB values
053M: #7ecfca → #0089C3 (rgb 0,137,195)
073M: #5b7b87 → #53514E (rgb 83,81,78)
066M: #5bb5ad → #00818C (rgb 0,129,140)
050M: #1b4c72 → #1B2E5D (rgb 27,46,93)
081M: #c4a882 → #A8885C (rgb 168,136,92)
080M: #5c2e0e → #432F1E (rgb 67,47,30)

- Update globals.css CSS vars + sidebar active bg (→ #dff0fa)
- Update focus box-shadow rgba for new 053M blue
- colors/page.tsx: BRAND_COLORS, COLOR_MAPPING notes, CONTRAST_PAIRS
- LLM text v2.2: new hex/rgb, recalculated WCAG contrast ratios,
  updated rules (white text on 073M/066M/050M/080M, dark on 053M/081M)
- Info banner changed from ⚠️ "приблизительны" to ℹ "точные RGB"

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 22:46:50 +05:00
AR 15 M4 2b9319e70d chore(sprint4): start Sprint 4 — cards
- Sidebar: Sprint 4 · v0.4.0, /components/cards removed from "soon"

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 21:42:46 +05:00
AR 15 M4 d6610a288b chore: add offline photos + mark Sprint 3 complete in SPRINTS.md
- Add 27 offline photos (navigation + transport) that were missing from git
  but referenced by Sprint 2 pages
- SPRINTS.md: mark Sprint 3 as ЗАВЕРШЁН with actual results documented

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 21:40:22 +05:00
AR 15 M4 77c9733144 fix(forms): update form controls to match real site oclinica.ru styling
- .bb-input: height 50px, padding 10px 12px, border 1px solid #ccc, border-radius 4px
  (matches entityform input[type=text] from perm.oclinica.ru)
- .bb-select: height 50px, padding 10px with arrow, same border/radius
- .bb-textarea: same border 1px #ccc, border-radius 4px (was 8px/1.5px teal)
- forms/page.tsx v2.0: added "Контекст применения" section with
  where-used table and realistic form mockup (bg #b8e6ed as on site),
  added "CSS с сайта" code block, updated LLM block to v2.0

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 21:19:09 +05:00
AR 15 M4 c1731615ab fix(buttons): переделаны кнопки под реальный сайт oclinica.ru
Анализ CSS сайта (style.css темы clinic_bootstrap_mobile) выявил
4 реальных типа кнопок — заменены ранее придуманные варианты:

- primary  → коралловый #FFA39C + shadow (форм-сабмит «Запишите меня!»)
- outline  → белый + бежевая рамка #BF9975 («Записаться на прием»)
- teal     → бирюзовый #60959c («Позвонить»)
- pill     → кремовый #e9e4d4 + radius 25px («Заказать звонок»)

Удалены: secondary, ghost, danger (не существуют на реальном сайте)
Добавлен раздел «CSS с сайта» с точными значениями
Добавлена таблица «Где применяется» с реальными CSS-классами сайта
LLM-блок обновлён до v2.0

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 20:41:27 +05:00
AR 15 M4 0855892643 feat(sprint3): кнопки, форм-контролы, LLM-блоки — Sprint 3 v0.3.0
- components/ui/Button.tsx — компонент Button (primary/secondary/ghost/danger, sm/md/lg, loading/disabled)
- components/ui/CodeCopy.tsx — компонент копирования кода (clipboard API)
- components/ui/Toggle.tsx — тумблер (client component, bb-toggle-track/thumb)
- globals.css — CSS-классы: bb-btn, bb-input/textarea/select, bb-checkbox/radio, bb-toggle, @keyframes bb-spin
- app/components/buttons/page.tsx — страница «Кнопки» (варианты, размеры, состояния, code copy, LLM-блок)
- app/components/forms/page.tsx — страница «Форм-контролы» (Input/Textarea/Select/Checkbox/Radio/Toggle, LLM-блок)
- foundation/logo/page.tsx — добавлен LLM-блок v1.0
- Sidebar: убраны «скоро» с Кнопок и Форм-контролов, версия Sprint 3 · v0.3.0
- docs/LLM_CONTEXT.md → версия 3.0, добавлена секция 9a с компонентами

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 20:20:41 +05:00
AR 15 M4 0198947c4e feat: LLM-блоки на страницах цветов и типографики + docs/LLM_CONTEXT.md
- Создан компонент components/llm/LlmBlock.tsx (use client):
  LlmBlock, LlmSection, LlmTable, LlmRules — переиспользуемый
  паттерн для LLM-спецификаций на всех страницах брендбука

- /foundation/colors: добавлен раздел «LLM-спецификация» (v2.1)
  · таблица фирменных цветов Oracal (7 шт.)
  · таблица цветов сайта oclinica.ru (11 шт., +3 новых: коралловый,
    светло-жёлтый, светло-зелёный)
  · таблица контрастности WCAG 2.1
  · правила применения ✓/✕
  · кнопка «Скопировать» — plain text для LLM

- /foundation/typography: добавлен раздел «LLM-спецификация» (v2.0)
  · таблица шрифтов DINPro vs Fira Sans
  · шкала DINPro (6 стилей)
  · шкала Fira Sans (11 стилей, включая letter-spacing)
  · применение по носителям + правила ✓/✕

- docs/LLM_CONTEXT.md: создан сводный машиночитаемый файл бренда
  Версия 2.1: все цвета, типографика, логотип, оффлайн, CSS-vars,
  правила — единый контекст для AI при работе с брендом клиники

- docs/TZ.md: добавлено требование ФТ-03-LLM
- docs/SPRINTS.md: задачи LLM-блоков в Sprint 3–8

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 19:59:58 +05:00
AR 15 M4 6648f16bcb feat(colors): блок соответствия Oracal → Сайт
Визуальное сравнение фирменной палитры с реальными цветами сайта:
- 4 пары с соответствием (053M↔#63bac3, 073M↔#60959c, 066M↔#52b4bd, 081M↔#bf9975)
- 2 Oracal-цвета без аналога на сайте (050M, 080M)
- 3 цвета только сайта без Oracal-кода (текст #464646, серый #949290, крем #e9e4d4)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 19:34:04 +05:00
AR 15 M4 761347ed85 feat(colors): раздел «Цвета с сайта» + документация источника CSS
- Добавлен массив WEB_COLORS (8 цветов из CSS темы oclinica.ru)
- Добавлен компонент WebColorCard с группой, счётчиком применений, HEX/RGB/HSL
- Новый раздел «Цвета с сайта» со ссылкой на CSS-источник в интерфейсе
- TZ.md: ОВ-07 — зафиксирован URL темы clinic_bootstrap_mobile и метод извлечения

Источник CSS: perm.oclinica.ru/sites/all/themes/clinic_bootstrap_mobile/css/style.css

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 19:29:27 +05:00
AR 15 M4 52acdc98e2 feat(sprint2): реальные фото из PDF, тайтлы страниц, убрана Печать
- Навигация: макет Кабинет 04 + карточка врача из PDF, фото дверей 13 и 31, указатели по этажам
- Транспорт: рендер макета трамвая из PDF вместо CSS-заглушки
- Тайтлы: единый формат «Раздел. Цифровой брендбук Клиники ухо, горло, нос им. проф. Е.Н.Оленевой» на всех страницах
- Сайдбар: убран пункт «Печать» (нет данных из брендбука)
- SPRINTS.md: обновлены фактические результаты Sprint 2

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 19:14:17 +05:00
AR 15 M4 0570b50d9f feat(badges): реальные фото бейджей из PDF-брендбука
- Извлечены 2 фото (стр.12 PDF): лицевая (белый бейдж с ФИО) и оборотная (магнитное крепление)
- Убран CSS-макет, добавлены реальные фото с описанием
- Добавлен пример из брендбука (Лебединская Е.А.)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 18:28:02 +05:00
AR 15 M4 789f436be1 feat(uniform): реальные фото формы из PDF-брендбука
- Извлечены 2 фото (стр.11 PDF): бежевый и синий варианты
- Убран CSS-макет, добавлены реальные фото с подписями и цветовыми чипами
- Обновлено описание: два варианта формы

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 18:24:51 +05:00
AR 15 M4 5298f8c1cd feat(logo): добавлен раздел «Символика знака»
Три блока: главный тезис + три значения + почему не звезда

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 18:20:13 +05:00
AR 15 M4 ff3f6acc03 fix(logo): заголовок раздела размеров — убран подзаголовок, текст перенесён в title
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 18:17:53 +05:00
AR 15 M4 39ecd72fde fix(logo): убран второй логотип, одна карточка с объединённым описанием
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 18:15:22 +05:00
AR 15 M4 a715503ca5 docs: обновлена проектная документация по деплою на Vercel
- TZ.md: хостинг (Vercel), стек (актуальные версии Next.js 16/NestJS 11/Prisma 7/pnpm 10/Tailwind 4),
  раздел 12.2 с командой деплоя, закрыты ОВ-02 и ОВ-06
- SPRINTS.md: в Sprint 2 — ссылка на production URL; Sprint 12 — уточнены задачи деплоя
- docs/DEPLOY.md: новый файл — инструкция по деплою фронтенда, локальной разработке,
  план автодеплоя через Gitea Actions, варианты хостинга бэкенда

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 18:11:43 +05:00
AR 15 M4 657cc26d3e fix: TypeScript-ошибка в exportTokens, next.config.ts для Vercel
- colors/page.tsx: Record<string, unknown> вместо Record<string, string>
- next.config.ts: turbopack.root только в development (Vercel conflict fix)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 18:06:54 +05:00
AR 15 M4 f03599abcf merge(sprint-2): завершён Sprint 2 — цвета, типографика, оффлайн элементы
Результаты:
- /foundation/colors с WCAG-контрастом и экспортом JSON
- /foundation/typography с DINPro + Fira Sans шкалами
- 5 страниц /offline/*: форма, бейджи, навигация, транспорт, печать
- Sidebar v0.2.0

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 17:52:14 +05:00
AR 15 M4 02f561fcd3 feat(sprint-2): цвета, типографика, оффлайн элементы
Страницы фундамента:
- /foundation/colors — палитра 7 цветов, HEX/RGB/HSL/CSS-var с копированием,
  WCAG-контраст 7 пар, экспорт JSON-токенов
- /foundation/typography — DINPro (оффлайн) + Fira Sans (веб), шкалы,
  таблица применения, живой пример

Оффлайн элементы (5 страниц):
- /offline/uniform — схема формы, таблица размеров логотипа
- /offline/badges — макеты бейджей 70×30 мм (светлый/тёмный)
- /offline/navigation — 4 шаблона табличек, цвета Oracal
- /offline/transport — CSS-макет трамвая, трёхполосная схема
- /offline/print — макеты визитки и листовки А5, Telegram-бот

Sidebar: убраны «скоро» для Цветов, Типографики, всех Оффлайн
Версия: Sprint 2 · v0.2.0

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 17:52:02 +05:00
AR 15 M4 1cdf0e7e95 merge(sprint-1): завершён Sprint 1 — инициализация + страница Логотипа
Результаты спринта:
- Monorepo (Next.js 16 + NestJS 11 + PostgreSQL/Prisma)
- Docker Compose (PostgreSQL 16, порт 5433)
- Боковая навигация со всеми разделами
- Страница /foundation/logo с реальным логотипом из PDF
- Цветовые варианты, охранная зона, таблица размеров, недопустимые варианты

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 17:42:18 +05:00
AR 15 M4 03cceea13d feat(sprint-1): финальные правки — логотип, название клиники, порты
- PNG логотипа извлечён из PDF (PyMuPDF + Pillow), прозрачный фон (numpy)
- Инвертированный логотип: CSS filter brightness(0) invert(1) на прозрачном PNG
- Исправлено название: «Клиника ухо, горло, нос им. проф. Е.Н.Оленевой»
- PostgreSQL переведён на порт 5433 (5432 занят на хосте)
- next.config.ts: turbopack.root для монорепо
- docs/SPRINTS.md: Sprint 1 помечен  ЗАВЕРШЁН

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 17:39:18 +05:00
AR 15 M4 5105310c92 feat(sprint-1): инициализация monorepo, Next.js, NestJS, страница логотипа
Инфраструктура:
- pnpm workspaces monorepo (apps/web, apps/api, packages/)
- docker-compose.yml: PostgreSQL 16
- .env.example: DATABASE_URL, API_PORT, NEXT_PUBLIC_API_URL

Backend (apps/api — NestJS 11):
- Инициализирован NestJS с pnpm
- Prisma 7 + prisma.config.ts подключен к PostgreSQL
- Схема: User (role: viewer/editor), ExperimentalComponent (status: draft/review/approved)

Frontend (apps/web — Next.js 16):
- App Router, TypeScript, Tailwind CSS 4, Fira Sans (Google Fonts)
- globals.css: CSS-токены бренда (цвета 053M–080M, шрифты)
- layout.tsx: корневой layout с боковой навигацией
- Sidebar.tsx: навигация по всем разделам (Фундамент, Компоненты, Блоки, Страницы, Оффлайн, Эксперименты)
- page.tsx: редирект → /foundation/logo
- /foundation/logo: полная страница «Логотип»
  - Иерархия и версии (Основной / Общий)
  - Цветовые варианты (основной, инвертированный, на форме)
  - Охранная зона с визуализацией
  - Таблица минимальных размеров (форма сотрудников)
  - Недопустимые варианты (6 правил)
  - Блок скачивания (placeholder до получения вектора)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 17:13:42 +05:00
AR 15 M4 2352e99093 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>
2026-03-22 16:27:13 +05:00
AR 15 M4 3bf9f3e307 docs: добавлено техническое задание на oclinica-brandbook v1.0-draft
- Роли: viewer и editor
- Функциональные требования: навигация, компоненты, эксперименты, авторизация
- Интеграция с API oclinica.ru (прокси через NestJS, кэш 15 мин)
- Схема БД: User, ExperimentalComponent
- Стек: Next.js + NestJS + PostgreSQL + Prisma
- Открытые вопросы по API сайта и хостингу

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 14:40:38 +05:00
AR 15 M4 4f1b611065 docs: инициализация проекта, структура репозитория и проектная документация
- README.md: стек, структура monorepo, git-workflow, быстрый старт
- docs/BRANDBOOK_SCOPE.md: полный состав цифрового брендбука
- docs/SPRINTS.md: план 12 недельных спринтов
- .gitignore: node_modules, .env, .next, .DS_Store, .claude

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-22 14:34:50 +05:00