Что проверяем
Статья показывает, как выглядят основные template-блоки внутри разных цветовых секций.
Как читать
Белая, серая и фиолетовая секции собраны одинаково: заголовок, описание, список, карточки, метрики и короткая таблица. Отдельно показан rows-блок.
Зачем это нужно
Так редактор сразу видит, какие блоки доступны и как они меняются от цвета секции.
Белая секция: базовая подача
Белый фон подходит для спокойных смысловых блоков, где важнее всего читаемость текста и ровная структура материала.
Что должно быть внутри секции
- Заголовок задает тему блока.
- Описание раскрывает контекст без перегруза.
- Список, карточки, метрики и таблица помогают показать разные форматы данных.
Карточка с выводом
Коротко фиксирует один главный тезис, который должен остаться у читателя.
Карточка с примером
Показывает, как оформить практический сценарий или частую ситуацию.
Главная мысль
Один широкий блок выделяет главный вывод и не дробит внимание на лишнюю сетку карточек.
Хороший пример
Такой вариант подходит для короткого удачного сценария, который нужно показать отдельно от общего текста.
Что-то идет не так
Такой вариант подсвечивает риск, ошибку или место, где читателю важно остановиться.
к скорости чтения за счет короткой структуры и понятных акцентов.
к удержанию внимания, когда важные цифры вынесены крупно.
Короткая таблица белой секции
| Параметр | Что показывает | Как читать | Зачем нужно |
|---|---|---|---|
| Текст | Главный смысл | Слева направо | Быстро вводит в тему |
| Данные | Факт или цифра | Без сложных графиков | Поддерживает вывод |
Серая секция: отделяем важный блок
Серый фон нужен, когда секцию надо визуально отделить от соседнего текста, но сохранить спокойный корпоративный вид.
Когда использовать серую секцию
- Для блока с диагностикой или промежуточными выводами.
- Для набора карточек, который должен читаться как отдельный модуль.
- Для таблицы, если рядом много обычного текста.
Диагностика
Подходит для перечисления зон проверки и первых наблюдений.
Решение
Помогает показать, какой шаг следует после анализа.
Главная мысль
Один широкий блок выделяет главный вывод и не дробит внимание на лишнюю сетку карточек.
Хороший пример
Такой вариант подходит для короткого удачного сценария, который нужно показать отдельно от общего текста.
Что-то идет не так
Такой вариант подсвечивает риск, ошибку или место, где читателю важно остановиться.
к скорости сканирования, когда блок отделен спокойным серым фоном.
к ясности вывода за счет одного сильного акцента и коротких строк.
Короткая таблица серой секции
| Параметр | Что показывает | Как читать | Зачем нужно |
|---|---|---|---|
| Проблема | Что мешает | Через призму бизнеса | Помогает выбрать шаг |
| Действие | Что делать | С конкретным сроком | Снижает неопределенность |
Фиолетовая секция: акцент и итог
Фиолетовый фон лучше использовать дозированно: для финального вывода, сильного тезиса или блока, который должен выделиться.
Что хорошо работает на фиолетовом фоне
- Ключевой итог после длинного объяснения.
- Список действий, который хочется выделить.
- Метрики и короткая таблица с понятной пользой.
Главный вывод
Подчеркивает решение, которое бизнесу важно принять после чтения.
Следующий шаг
Переводит материал из объяснения в понятное действие.
Главная мысль
Один широкий блок выделяет главный вывод и не дробит внимание на лишнюю сетку карточек.
Хороший пример
Такой вариант подходит для короткого удачного сценария, который нужно показать отдельно от общего текста.
Что-то идет не так
Такой вариант подсвечивает риск, ошибку или место, где читателю важно остановиться.
к заметности ключевого вывода на контрастном фоне.
к доверию, когда результат показан крупно и без лишних деталей.
Короткая таблица фиолетовой секции
| Параметр | Что показывает | Как читать | Зачем нужно |
|---|---|---|---|
| Итог | Что решили | Одной строкой | Фиксирует результат |
| Шаг | Что дальше | В формате действия | Убирает разрыв |
Красная секция: риски и ограничения
Критичный риск
Используется для предупреждений, ошибок, потерь или факторов, которые нельзя игнорировать.
Что проверить
Карточка помогает сразу назвать действие, которое снижает риск.
Чего не делать
Нужна для короткого антипримера без длинного объяснения.
Где остановиться
Помогает отделить важный риск от лишней тревоги и не перегружать блок.
Зеленая секция: польза и результат
Положительный эффект
Подходит для результата, выигрыша, экономии или подтвержденного улучшения.
Что изменилось
Показывает, какой процесс стал понятнее, быстрее или дешевле.
Следующий шаг
Переводит хороший результат в дальнейшее действие команды.
Что закрепить
Фиксирует полезную практику, которую стоит оставить в рабочем процессе.
Строки и дополнительные template-блоки
Этот блок показывает компоненты, которые не являются обычным маркированным списком: rows, акцентные карточки, картинка, маленький FAQ и отдельная кнопка.
Строка с выводом
Info-list выводится рядами: слева короткий заголовок, справа пояснение.
Строка с действием
Такой формат удобен для шагов, правил, критериев проверки или компактных сравнений.
Строка с ограничением
В отличие от обычного list, здесь каждый пункт выглядит как самостоятельная строка.
HTML-классы
Доступны классы gray, bold, italic. Их можно комбинировать: серый жирный курсив.
Главная мысль
Один широкий блок выделяет главный вывод и не дробит внимание на лишнюю сетку карточек.
Хороший пример
Такой вариант подходит для короткого удачного сценария, который нужно показать отдельно от общего текста.
Что-то идет не так
Такой вариант подсвечивает риск, ошибку или место, где читателю важно остановиться.
Чем отличается template.faq от FAQ-секции?
Template FAQ выглядит как контентный блок внутри статьи, а FAQ-секция использует готовую секцию сайта.
Когда использовать этот вариант?
Когда нужны короткие вопросы прямо внутри материала, без отдельного большого FAQ-блока.
