Письмо, которое не разваливается в Gmail, Outlook и Apple Mail: чек-лист верстки

Письмо, которое не разваливается в Gmail, Outlook и Apple Mail: чек-лист верстки

Если в email есть сильная тема и слабая сборка — CTR падает раньше, чем получатель дойдет до CTA. Для арбитражных писем это критично: один кривой блок ломает и мобайл, и dark mode, и доверие к офферу.

— Делай контейнер 600–640 px: это безопасная ширина для большинства клиентов.
— Не ставь сложные многоярусные сетки: 1 колонка почти всегда читабельнее и быстрее в сборке.
— Основной CTA держи в зоне первого экрана и не прячь его ниже длинного текста.

По типографике работает простое правило: 14–16 px для текста, line-height 1.4–1.6, кнопка не уже 44 px по высоте. Если нужен акцент, используй жирность и контраст, а не пять цветов сразу. Изображения режь так, чтобы ключевой смысл жил и без них: у части клиентов картинки по умолчанию не грузятся.

Для dark mode не полагайся на «авось»: проверяй прозрачные PNG, светлые логотипы и цвет текста на темном фоне. Если блок держится только за счет фона картинки — он почти гарантированно поедет. Простые фоновые заливки, явные границы и тест в нескольких клиентах экономят больше, чем потом переписывать шаблон.

Финал простой: сначала собирай письмо как быстрый, понятный прототип без лишнего декора, а уже потом добавляй эффекты. Чем меньше вёрстка зависит от одного клиента, тем стабильнее open-to-click.