6 правил в рассылках, которые работают без дизайнера

Большинство команд откладывают рассылку, потому что дизайнер занят. Или не торопятся делать письма профессиональными, потому что думают, что без дизайнера и верстальщика красиво не получится.

Мы уверены, что получится. Есть шесть правил, которые дают качественный результат без профессионального дизайнера и дополнительного бюджета.

Правило 1. Иерархия, сначала главное

Заголовок письма отвечает на один вопрос: зачем мне это читать. А после суть и детали.

Визуальная иерархия — это порядок, в котором человек обрабатывает информацию согласно её важности. Чем ярче и крупнее элемент, тем выше его приоритет. Взгляд читателя движется линейно от самого крупного к мелким.

Проверить просто: размойте письмо в редакторе или прищурьтесь. Что выделяется первым? Это и есть ваш визуальный приоритет. Если выделяется не то, значит структура работает против вас.

Правило 2. Одна цель

Одно письмо — одна главная мысль — один призыв к действию.

Это правило нарушают чаще всего. Маркетолог хочет сообщить об акции, анонсировать вебинар и напомнить про блог. И всё в одном письме. В итоге читатель не понимает, что от него хотят, и не делает ничего.

Если целей несколько, нужно отправить несколько писем. Или одно с главным призывом и второстепенными ссылками, которые не конкурируют с основной кнопкой.

Правило 3. Типографика без экспериментов

Не более трёх размеров шрифта в письме. Только безопасные шрифты: Arial, Georgia, Tahoma, Verdana. Если использовать другие — у получателя шрифт заменится автоматически и вёрстка съедет.

Три уровня текста — достаточно:

Этого достаточно для любого письма — от промо до транзакционного уведомления.

Правило 4. Воздух

Отступы и пустое пространство — главный инструмент дизайна без дизайнера. Чем больше места вокруг элемента, тем больше внимания он привлекает.

Не бойтесь пустого места. Письмо, в котором блоки дышат, выглядит профессионально даже без сложной графики. Письмо, где блоки стоят вплотную, выглядит перегруженным даже при красивых иллюстрациях.

Минимальный отступ между блоками — 24 пикселя. Внутренние отступы в блоке — не менее 16 пикселей со всех сторон.

Правило 5. Цвет по правилу 60-30-10

Один акцентный цвет из брендбука. Остальное — нейтральное.

Правило 60–30–10:

• 60% — основной фон (белый или светло‑серый)
• 30% — вспомогательный цвет (светлый оттенок фирменного)
• 10% — акцент (кнопки, выделения, иконки)

Яркие цвета выделяются больше, чем приглушённые. Цвет — мощный инструмент расстановки приоритетов. Если всё одинаково яркое — ничто не выделяется.

Один акцентный цвет на письмо — не ограничение, а инструмент. Кнопка выделяется, потому что она единственная в акцентном цвете. Если в акцентном цвете ещё пять элементов — кнопка теряется среди них.

Правило 6. Мобильная версия и тёмная тема

30–40% читателей открывают письма с телефона. Проверяйте письмо на мобильном всегда — перед каждой отправкой.

Два момента, которые чаще всего ломаются:

Кнопки. На мобильном кнопку нажимают пальцем. Минимальный размер — 44 пикселя по высоте. Кнопки, которые выглядят нормально на десктопе, часто оказываются слишком мелкими на телефоне.

Тёмная тема. Значительная часть пользователей iPhone и Android включает тёмный режим. Текст и кнопки должны читаться в обоих режимах. Используйте достаточный контраст — особенно для текста на цветном фоне.

Как связаны все шесть правил

Правила работают вместе, а не по отдельности. Правильная иерархия бесполезна, если цвет расставляет акценты не туда. Хорошая типографика не спасёт письмо без воздуха. Красивое письмо на десктопе разваливается на мобильном без проверки.

Проверочный вопрос перед отправкой: куда смотрит взгляд в первую секунду? Это должна быть ваша главная мысль. Если нет — пересмотрите иерархию.

Как Letteros помогает соблюдать правила

В Letteros мастер‑шаблон фиксирует все шесть правил заранее: иерархию шрифтов, цветовую систему, отступы. Маркетолог собирает письмо из готовых блоков и вёрстка остаётся профессиональной без ручной настройки каждого элемента.

Адаптивность встроена по умолчанию: письмо корректно отображается на мобильном и в тёмной теме без дополнительной работы.