Дизайн-код ФРАНТЛАС: как выглядит статья

Предпросмотр · собран 07.09.2026

Эта страница собрана тем же сборщиком и тем же стилем, что и живые статьи портала. Она нужна, чтобы посмотреть глазами на все блоки сразу и решить, что оставляем, что правим, а что выкидываем. Текст ниже настоящий по смыслу, но взят как пример.

Обычный текст и заголовки

Так выглядит основной текст: Golos Text, 17 пикселей, строка не шире 64 знаков. Абзацы держим короткими, по три-четыре строки, чтобы на телефоне не получалось полотно. Ссылки внутри текста подчёркнуты акцентным цветом, например страница о проверке франчайзера.

Подзаголовок третьего уровня

Третий уровень нужен там, где внутри раздела несколько самостоятельных кусков. Если их два, лучше обойтись абзацем.

Подсказка и предупреждение

Две врезки, которые разбивают текст и вытаскивают главное. Синяя это совет, тёплая это риск. Больше двух каждого вида на статью не ставим.

Одна крупная цифра

Когда в статье есть цифра, ради которой её и читают, показываем её отдельно.

Несколько цифр в ряд

Если показателей два или четыре, ставим сеткой вместо перечисления в абзаце.

Полосы: структура вложений

Полосы показывают доли. Это не всегда про рост: чаще про то, из чего складывается сумма.

Цифры в примере условные. Рядом с любым расчётом дохода или окупаемости ставим дисклеймер по ФЗ-39.

До и после

Сравнение работает там, где цена решения видна только рядом с альтернативой.

Цепочка шагов

Процесс из трёх-пяти шагов показываем цепочкой, а не нумерованным списком.

Таблица

Таблицы остаются как были: тонкая линия, серая шапка, горизонтальная прокрутка на узком экране.

Цитата

Что дальше

Если этот вид устраивает, следующим шагом переносим блоки в живые статьи: сначала одну эталонную, потом остальные восемь по тому же шаблону.