Блоки
Hero-баннер
Версия:··
История версий
v1.3 — 24.03.2026
- Счётчик: «98 573 просмотра» заменён на «Поделиться / 98572» (как на реальном сайте)
- Убраны кнопки VK/FB/TW
v1.2 — 24.03.2026
- H1: цвет исправлен с #53514e на #cb9768, размер с ~20px на 36px
- Заголовок баннера: размер с ~16px на 22px, цвет с #111827 на #333333
- CTA-кнопка: стиль изменён с outline на pill (фон #E9E4D4, radius 25px)
- Дефис в H1: длинное тире «–» заменено на простой дефис «-» (как на сайте)
v1.1 — 23.03.2026
- Единый фон #f9f4e7 (ранее был разбит на две зоны)
- Реальное фото врача с пациентом
Главный баннер страницы раздела ЛОР — perm.oclinica.ru/lor. Двухколоночный блок, единый светло-кремовый фон #f9f4e7.
Живой пример
ЛОР Клиника ухо, горло, нос - медицинский центр лечения ЛОР заболеваний у детей и взрослых
Эндоскопическое хирургическое лечение ЛОР органов
- ✓БЕЗОПАСНО – оперируют хирурги с 15-летним опытом работы
- ✓БЕЗ ВНЕШНИХ РАЗРЕЗОВ – хирургия сверхмалых размеров
- ✓БЫСТРО – под наблюдением врача пациент находится 1 сутки
Анатомия баннера
Весь баннер — единый фон #f9f4e7
- ·Фон: #f9f4e7 (светло-кремовый) — одинаковый для всего блока
- ·Левая половина (~50%): заголовок uppercase bold + 3 галочки + кнопка outline
- ·Правая половина (~50%): фото врача с пациентом
- ·Минимальная высота: ~280px
Три пункта баннера
✓
БЕЗОПАСНО – оперируют хирурги с 15-летним опытом работы
✓
БЕЗ ВНЕШНИХ РАЗРЕЗОВ – хирургия сверхмалых размеров
✓
БЫСТРО – под наблюдением врача пациент находится 1 сутки
Ключевое слово: uppercase + bold. Описание: обычный текст. Галочка: #bf9975 (бежевый).
LLMLLM-спецификация
Структура баннера
| Зона | Ширина | Фон | Содержимое |
|---|---|---|---|
| Весь баннер | 100% | #f9f4e7 | Единый светло-кремовый фон |
| Левый блок | ~50% | #f9f4e7 (общий) | Заголовок uppercase + 3 галочки + кнопка pill |
| Правый блок | ~50% | #f9f4e7 (общий) | Фото врача с пациентом |
| Под баннером | 100% | #fff | Кнопки соцсетей + счётчик просмотров |
Три пункта баннера
| Ключевое слово | Описание |
|---|---|
| БЕЗОПАСНО | оперируют хирурги с 15-летним опытом работы |
| БЕЗ ВНЕШНИХ РАЗРЕЗОВ | хирургия сверхмалых размеров |
| БЫСТРО | под наблюдением врача пациент находится 1 сутки |
Цвета
| Элемент | Цвет | Токен |
|---|---|---|
| Фон баннера (единый) | #f9f4e7 | Светло-кремовый фон |
| Кнопка CTA | pill-стиль (#E9E4D4, 25px) | bb-btn-pill |
| Заголовок блока | #333333 | — |
| H1 страницы | #cb9768 | 36px, bold |
| Галочка ✓ | #bf9975 | Бежевый |
Правила
✓Фон баннера: #f9f4e7 (светло-кремовый) — единый для всего блока
✓Кнопка CTA: bb-btn-pill (кремовый #E9E4D4, radius 25px)
✓Заголовок: uppercase, bold
✓Три пункта с галочками ✓ (#bf9975)
✕Не менять фон баннера на другой цвет
✕Не разбивать баннер на два разных цвета фона
✕Не убирать три пункта с галочками