Шаблон HTML-статьи «Галереи маркетинга»

1. Первый экран

1. Выберите тему обложки: vg-theme-wine для бордовой картинки или vg-theme-sand для бежевой.
2. Внутри первого экрана — только H1 без рубрики и подзаголовка. Он занимает всю ширину внутреннего контейнера.
3. Сразу после H1 — обложка на всю ширину того же блока и SEO-подпись к фото.
4. После обложки — авторская строка слева: круглое фото, имя-ссылка, дата, время чтения. Профили: Верико, Олег, Макс.
5. Первый экран заканчивается после обложки и метаданных: без MAX-баннера и без вступительного текста.

2. Переход к статье

Хлебные крошки располагаются после первого экрана, перед основной статьёй. Затем начинается трёхколоночная часть.

3. Основной текст

На desktop: компактное оглавление слева, текстовая колонка по центру, окно консультации справа. На телефоне оглавление сворачивается, правая колонка скрывается, основной текст остаётся в одну колонку.

У врезок, цитат, изображений, карточек, CTA и сайдбаров — единый радиус 15 px. Никаких острых углов.

Правая колонка: «Нужна консультация? Разберём предложение, каналы привлечения и первые шаги для сезонного спроса». Ссылка — #popupzayavka.

4. Финальные блоки

1. Читайте также. Три карточки из текущего раздела: для маркетинга — маркетинг, для ИИ — ИИ и так далее. Для каждой новой статьи обновляется набор карточек и data-topic.
2. Полезные инструменты. Три карточки из /tools, вместо блока «Новое на сайте».
3. CTA. «Обсудим вашу задачу» ведёт к #popupzayavka.
4. Форма Tilda BF204N. Поля: обязательный телефон с авто-маской/валидацией, сайт, однострочное сообщение, обязательное пустое согласие на обработку данных. Радиус 15 px; кнопка — бордовый градиент в чёрный.

5. Проверка перед публикацией

• Проверить 360–390 px и desktop.
• Проверить все ссылки, MAX-баннер и #popupzayavka.
• Убедиться, что отправка формы идёт в Tilda CRM и на email.
• Публиковать только после отдельного подтверждения.