fix(sprint-5): sync block CSS styles with real site perm.oclinica.ru/lor
- H1: 36px #cb9768 (was ~20px #53514e) - H2 sections: 36px #000 (was ~20-30px #111827) - Hero title: 22px #333 (was 16px #111827) - Hero CTA: pill style (was outline) - Contact forms bg: #d4f6f8 for both (was #b8e6ed / #fff) - News bg: #f2fee6 (was #fff) - Added version changelogs to all block pages - Updated typography, LLM_CONTEXT v4.3, SPRINTS.md Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
+9
-6
@@ -2,9 +2,9 @@
|
||||
|
||||
## Клиника ухо, горло, нос им. проф. Е.Н.Оленевой
|
||||
|
||||
**Версия контекста:** 4.2
|
||||
**Дата обновления:** 2026-03-23
|
||||
**Актуальный спринт:** Sprint 5
|
||||
**Версия контекста:** 4.3
|
||||
**Дата обновления:** 2026-03-24
|
||||
**Актуальный спринт:** Sprint 5.5
|
||||
**Сайт клиники:** https://oclinica.ru
|
||||
**Брендбук (локально):** http://localhost:3001
|
||||
**Брендбук (production):** https://web-oclinica.vercel.app
|
||||
@@ -67,8 +67,9 @@
|
||||
| Коралловый | `#ffa39c` | rgb(255,163,156) | Акценты | 2 | CTA-кнопки («Запишите меня!») |
|
||||
| Основной текст | `#464646` | rgb(70,70,70) | Текст | 3 | Цвет основного текста на сайте |
|
||||
| Второстепенный текст | `#949290` | rgb(148,146,144) | Текст | 4 | Подписи, второстепенный контент |
|
||||
| H1 страницы | `#cb9768` | rgb(203,151,104) | Текст | 1 | Цвет H1 на страницах разделов |
|
||||
| Светло-кремовый Hero | `#f9f4e7` | rgb(249,244,231) | Фоны | 1 | Фон Hero-баннера страниц разделов |
|
||||
| Светло-бирюзовый фон | `#b8e6ed` | rgb(184,230,237) | Фоны | 1 | Фон формы записи («Будьте здоровы!») |
|
||||
| Светло-бирюзовый фон | `#d4f6f8` | rgb(212,246,248) | Фоны | 2 | Фон обеих форм записи (ранее #b8e6ed) |
|
||||
| Кремовый фон | `#e9e4d4` | rgb(233,228,212) | Фоны | 1 | Тёплые фоны кнопок-пилюль, вторичные секции |
|
||||
| Светло-жёлтый фон | `#eef4d1` | rgb(238,244,209) | Фоны | 1 | Фон карточек отзывов |
|
||||
| Светло-зелёный фон | `#f2fee6` | rgb(242,254,230) | Фоны | 1 | Фон секции новостей |
|
||||
@@ -290,8 +291,8 @@ SVG-версия ожидается (не получена от клиники).
|
||||
| `/components/forms` | ✅ Готова | Форм-контролы — Input/Textarea/Select/Checkbox/Radio/Toggle |
|
||||
| `/components/cards` | ✅ Sprint 4 | Карточки — врач, услуга, новость, отзыв, цена + бейджи/теги/алерты |
|
||||
| `/components/*` | 🔜 Sprint 4–5 | Модалки, таблицы, навигация |
|
||||
| `/blocks/hero` | ✅ Sprint 5 v1.1 | Hero-баннер: фон #f9f4e7, реальное фото врача, галочки #bf9975, кнопка outline |
|
||||
| `/blocks/doctors` | ✅ Sprint 5 v1.1 | Врачи: H2 30px, статистика #60959c без фона, 6 реальных фото |
|
||||
| `/blocks/hero` | ✅ Sprint 5.5 v1.2 | Hero-баннер: H1 36px #cb9768, заголовок 22px #333, кнопка pill, фон #f9f4e7 |
|
||||
| `/blocks/doctors` | ✅ Sprint 5.5 v1.2 | Врачи: H2 36px #000, статистика #60959c без фона, 6 реальных фото |
|
||||
| `/blocks/*` | 🔜 Sprint 5 | Отзывы, формы, новости, footer |
|
||||
| `/pages/*` | 🔜 Sprint 9–11 | Главная, заболевание, врачи, цены, контакты |
|
||||
|
||||
@@ -440,6 +441,8 @@ CSS-классы в `globals.css`. Компонент: `@/components/ui/Button`
|
||||
| 3.0 | 2026-03-22 | Sprint 3: кнопки (Button), форм-контролы (Input/Textarea/Select/Checkbox/Radio/Toggle), LLM-блок на логотипе |
|
||||
| 4.0 | 2026-03-22 | Sprint 4 start: исправлены цвета Oracal (точные RGB из каталога), кнопки/формы по реальному сайту |
|
||||
| 4.1 | 2026-03-22 | Sprint 4 done: карточки (DoctorCard/NewsCard/ReviewCard/PriceCard/ServiceCard), бейджи/теги/алерты |
|
||||
| 4.2 | 2026-03-23 | Sprint 5: блоки Hero v1.1, Doctors v1.1 |
|
||||
| 4.3 | 2026-03-24 | Sprint 5.5: исправлены CSS-стили блоков по реальному сайту (H1 #cb9768 36px, H2 #000 36px, фоны форм #d4f6f8, фон новостей #f2fee6, CTA-кнопка pill) |
|
||||
|
||||
---
|
||||
|
||||
|
||||
+23
-7
@@ -194,6 +194,7 @@
|
||||
- [x] FE: Баннер — единый фон #f9f4e7 (светло-кремовый, замерян пикселем), галочки #bf9975
|
||||
- [x] FE: Правая часть: реальное фото врача с пациентом (спарсено с сайта → public/hero-doctor.jpg)
|
||||
- [x] LLM: v1.1 — исправлен цвет фона, кнопка outline, галочки бежевые
|
||||
- [x] FE: v1.2 — H1: 36px/#cb9768, заголовок баннера: 22px/#333, CTA: pill-стиль, дефис в H1
|
||||
|
||||
**Вводный текст (CEO-блок)** → `/blocks/ceo`
|
||||
- [ ] FE: Текст специализации клиники, Q&A вопросы-стимулы
|
||||
@@ -203,16 +204,20 @@
|
||||
- [x] FE: Реальные фото 6 врачей (спарсены с сайта → public/doctors/)
|
||||
- [x] FE: Реальные имена и специализации врачей из слайдера /lor
|
||||
- [x] LLM: v1.1
|
||||
- [x] FE: v1.2 — H2: 36px/#000000, line-height 38px
|
||||
|
||||
**Блок отзывов** → `/blocks/reviews`
|
||||
- [ ] FE: Карусель: кавычка, текст отзыва, «Читать полностью», стрелки
|
||||
- [x] FE: Карусель: кавычка, текст отзыва, «Читать полностью», стрелки
|
||||
- [x] FE: v1.1 — H2: 36px/#000000, line-height 38px
|
||||
|
||||
**Формы записи** → `/blocks/contact-forms`
|
||||
- [ ] FE: Форма «Будьте здоровы!» (фон #b8e6ed, поля: имя/телефон/врач, кнопка «Запишите меня!»)
|
||||
- [ ] FE: Форма «Узнайте стоимость операции» (белый фон, поля: имя/телефон, кнопка «Перезвоните мне»)
|
||||
- [x] FE: Форма «Будьте здоровы!» (фон #d4f6f8, поля: имя/телефон/врач, кнопка «Запишите меня!»)
|
||||
- [x] FE: Форма «Узнайте стоимость операции» (фон #d4f6f8, поля: имя/телефон, кнопка «Перезвоните мне»)
|
||||
- [x] FE: v1.1 — H2: 36px/#000000, фон обеих форм: #d4f6f8 (ранее #b8e6ed и #fff)
|
||||
|
||||
**Блок новостей** → `/blocks/news`
|
||||
- [ ] FE: 4 карточки новостей в ряд (дата + заголовок), кнопка «Все новости» (mock)
|
||||
- [x] FE: 4 карточки новостей в ряд (дата + заголовок), кнопка «Все новости» (mock)
|
||||
- [x] FE: v1.1 — H2: 36px/#000000, фон секции: #f2fee6 (ранее белый)
|
||||
|
||||
**Footer (подвал)** → `/blocks/contact`
|
||||
- [ ] FE: 4 колонки ссылок, логотип, адрес, соцсети, часы работы
|
||||
@@ -222,10 +227,21 @@
|
||||
- [x] Docs: Типографика сайта — реальные стили на 23.03.2026 (новый раздел в /foundation/typography)
|
||||
- [x] Docs: Цвета — исправлен #f9f4e7 (Hero), #b8e6ed (форма), #e9e4d4 (пилюли)
|
||||
- [ ] FE: Убрать `soon` у Hero и Doctors в Sidebar
|
||||
- [ ] FE: CEO-блок, отзывы, формы, новости, footer
|
||||
- [ ] Docs: Финальное обновление `docs/LLM_CONTEXT.md` по итогам Sprint 5
|
||||
- [ ] FE: CEO-блок
|
||||
- [x] FE: Блоки отзывов, форм записи, новостей — компоненты + страницы документации
|
||||
- [x] Docs: Обновление `docs/LLM_CONTEXT.md` v4.3
|
||||
- [x] FE: Исправлены CSS-стили ВСЕХ блоков по реальному сайту (24.03.2026):
|
||||
- H1 страницы: 36px, #cb9768 (ранее ~20px, #53514e)
|
||||
- H2 секций: 36px, #000000 (ранее ~20-30px, #111827)
|
||||
- Hero заголовок: 22px, #333 (ранее 16px, #111827)
|
||||
- CTA-кнопка Hero: pill (ранее outline)
|
||||
- Фон форм: #d4f6f8 (ранее #b8e6ed и #fff)
|
||||
- Фон новостей: #f2fee6 (ранее #fff)
|
||||
- Типографика сайта: обновлена таблица стилей
|
||||
- [x] FE: Добавлена «История версий» с changelog на каждую страницу блока
|
||||
- [ ] FE: Footer
|
||||
|
||||
**Результат спринта (в работе):** Hero + Doctors задокументированы с реальными фото и точными цветами.
|
||||
**Результат спринта:** Hero v1.2, Doctors v1.2, Reviews v1.1, ContactForms v1.1, News v1.1 — все стили синхронизированы с реальным сайтом.
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user