Мастер-статья: все компоненты тела статьи
Витрина всех блоков тела статьи: как каждый выглядит, какие поля принимает и когда его применять. Собрана тем же генератором, что и боевые статьи, поэтому показывает компонент ровно таким, каким он выйдет на сайт.
Витрина всех блоков тела статьи: как каждый выглядит, какие поля принимает и когда применяется. Собирается тем же генератором, что и боевые статьи, поэтому показывает компонент ровно таким, каким он выйдет на сайт.
Если коротко
Вводная строка блока «Если коротко» — одна фраза, заголовок рисует генератор.
- Первый тезис: 2–3 самостоятельных ответа по 1–2 строки.
- Второй тезис: пункты с круглыми лаймовыми чек-маркерами.
- Третий тезис: больше трёх не ставим.
ID-2 · prose
H2 раздела — ID-2
Заголовок раздела плюс вводные абзацы. Десктоп 28/600/36, телефон 20/600/28.
Второй абзац того же раздела. Между абзацами зазор 20.
ID-10 · h3
H3 подраздела — ID-10
Подраздел внутри H2. Десктоп 20/600/28, телефон 18/600/24.
ID-1 · prose
Отдельный абзац без заголовка — компонент «Paragraph» (392:6797).
Таблицы — ID-6, ID-28, ID-29
Три режима: обычная, карточками на телефоне, числовая.
ID-6 · table
| Колонка-заголовок | Вторая колонка |
|---|---|
| Первая строка | Значение |
| Вторая строка | Значение |
| Третья строка | Значение |
ID-28 · table · mobile: "stack"
| Колонка-заголовок | Вторая колонка | Третья колонка |
|---|---|---|
| Первая строка | Значение | Значение |
| Вторая строка | Значение | Значение |
| Третья строка | Значение | Значение |
Ниже — числовая таблица: значения выровнены вправо, цифры моноширинные.
ID-29 · table · numeric: true · mobile: "stack"
| Показатель | План | Факт |
|---|---|---|
| Первый показатель | не более 80 000 ₽ | 80 000 ₽ |
| Второй показатель | 80 | 90 |
| Третий показатель | 4 | 2 |
Врезки — ID-14
Три типа. Различаются иконкой, заголовком и рамкой.
ID-14 · callout · variant: "important"
Тип Important: рамка лаймовая 2 px, иконка alert-triangle. Для предупреждений и юридических оговорок.
ID-14 · callout · variant: "example"
Тип Example: рамка серая 1 px, иконка checklist. Для иллюстраций и разборов.
ID-14 · callout · variant: "note"
Тип Note: рамка серая 1 px, иконка info. Для уточнений и границ темы.
Шаги и списки — ID-4, ID-11
Шаг несёт действие в заголовке, результат абзацем и критерий готовности.
ID-4 · steps
Первый шаг — действие в заголовке
Результат шага обычным абзацем сразу под заголовком.
Готово, еслиКритерий готовности после приглушённой метки.
Второй шаг — только заголовок и результат
Критерий необязателен: без него метка не выводится.
Третий шаг — только заголовок и текст
Поле text работает как раньше, если результат и критерий не заданы.
ID-11 · list
- Маркированный список: точка 8 × 8 графитовая, не лаймовая.
- Второй пункт списка.
- Третий пункт списка.
ID-15 · checklist
- Пункт чек-листа: круг 24 лаймовый, галочка чёрная 10 px.
- Счётчик в шапке считается автоматически.
- Число пунктов не ограничено.
Расчёты — ID-21
Два варианта: формула и разобранный пример. Блок — тёмная карточка.
ID-21 · formula
Показатель = первое значение × второе значение
Пояснение под формулой, белым по тёмному.
ID-21 · formula · variant: "worked"
Главная строка расчёта = 100 × 2 = 200
продолжение = 200 ÷ 4 = 50
Пояснение внутри карточки: белый с прозрачностью 78%, как в макете.
Строка допущения — выводится ПОД тёмной карточкой, приглушённым серым.
Карточки и акценты — ID-5, ID-16, ID-27
Ниже — блоки, которые расставляют акценты внутри раздела.
ID-5 · cards
Карточка с номером
Заголовок 16/500/20 в строку с номером, описание под ними с отступом 20.
Вторая карточка
Отличается от шагов тем, что это не процесс, а перечень элементов.
ID-16 · kpi
ID-16 · kpi
ID-27 · takeaways
- Блок с лаймовой рамкой 2 px — ставится перед FAQ или нижним CTA.
- Маркеры те же, что у чек-листа.
- Больше четырёх пунктов не ставим.
Сравнения — ID-17, ID-20, ID-19
Блоки для сопоставления вариантов и показа последовательности.
ID-17 · pros
- Один связанный сценарий
- Меньше ручных операций
- Нужны исходные данные
- Требует настройки до запуска
ID-20 · beforeafter
ID-20 · beforeafter · variant: "metrics"
ID-19 · timeline
- ПодготовкаСобрать доступы и данные
- НастройкаСобрать связку и проверить
- ЗапускОткрыть доступ и следить за отчётом
- ПроверкаСвести итоги цикла
Медиа и цитаты — ID-12, ID-13, ID-22
Медиа-слот показывает заглушку, если картинка не задана.
ID-12 · image
ID-13 · quote
«Текст цитаты в тёмной карточке. Ставится только с проверенной цитатой, выдуманных быть не должно.»
ID-22 · sources
- Источник1. Название документа и дата проверки.
- Источник2. Второй источник в том же формате.
Контекстные ссылки — ID-31
Одна фраза с анкором. Адрес берётся из реестра по слагу.
ID-31 · linkbridge
Подробнее в материале «Образец названия связанного материала».
ID-31 · linkbridge · variant: "inline"
Вариант без плашки — ссылка прямо в тексте абзаца: название материала — ставится, когда отдельный блок избыточен.
ID-30 · note
Контрастная плашка из ранней вёрстки. Оставлена в наборе: акцент сильнее, чем у обычной врезки.
Частые вопросы
Первый вопрос — компонент FAQ Group (394:7172)
Первый ответ раскрыт по умолчанию. Внешней белой подложки у блока в статье нет.
Второй вопрос
Остальные вопросы закрыты. Пустые вопросы и ответы валидация не пропускает.
Третий вопрос
Разметку FAQPage не ставим — решение по SEO от 06.08.2026.
