Тёмная тема в письмах Brevo: как проверить логотип, цену и кнопку покупки
Как проверить товарное письмо Brevo в светлой и тёмной теме, сохранить читаемость условий и отличить предпросмотр от реального почтового клиента.
Содержание статьи
Письмо Brevo может выглядеть правильно в редакторе и потерять читаемость в тёмной теме почтового приложения. Клиенты по-разному изменяют цвета: часть оформления сохраняется, часть инвертируется. Для товарной рассылки важно проверить не абстрактное соответствие макету, а видимость названия, цены, условий и кнопки. Руководство проверено 29 октября 2026 года.
Что рекомендует документация
Brevo советует учитывать прозрачность изображений, оставлять достаточный фон вокруг непрозрачной графики и при необходимости добавлять границу, тень или фон к тёмным логотипам. Платформа отдельно предупреждает, что предпросмотр не всегда точен, и рекомендует тестовую отправку на устройства с включённой тёмной темой.
Поведение зависит от почтовой программы и её версии, поэтому один удачный снимок не доказывает одинаковое отображение везде. Не стоит обещать универсальную совместимость после изменения одного цвета. Цель проверки — обнаружить критические проблемы в тех сочетаниях устройств и приложений, которые важны для вашей аудитории.
Проверяйте смысл, а не только бренд
Редакционная рекомендация — начать с информации, влияющей на покупку. Читается ли цена, заметно ли ограничение акции, понятно ли, какой вариант товара показан? Если условие стало почти невидимым, исправление важнее идеального сохранения оттенка декоративного блока. Не переносите значимое ограничение в малоконтрастную подпись ради аккуратного вида.
Учебный пример: тёмный логотип на прозрачном фоне исчезает после изменения фона письма. Рядом кнопка сохраняет заливку, но её текст становится трудно различимым. Это две разные проблемы: первая касается узнаваемости, вторая — возможности выполнить действие. Для каждой нужен отдельный контроль после правки.
Подготовьте набор проверочных состояний
Откройте полученное письмо в светлой и тёмной теме на телефоне и компьютере. Проверьте начало, товарные блоки и конец. Затем отключите изображения, если клиент позволяет: основной смысл предложения должен оставаться доступным. Сравнивайте одну и ту же финальную версию, чтобы не принять различие макетов за различие режимов.
Для персонализированных писем включите длинное название товара, старую и новую цену, а также вариант без второстепенного блока. Изменение состава способно поставить текст на другой фон. Проверка только короткой демонстрационной карточки не подтверждает читаемость всех реально формируемых вариантов.
Как выбирать исправление
Сначала попробуйте упростить проблемный блок: разделить текст и декоративную графику, изменить фон или добавить различимую границу. После этого повторите проверку в обоих режимах. Исправление тёмной темы не должно создавать бледную кнопку в светлой. Сохраните скриншоты до и после, чтобы решение можно было объяснить следующему дизайнеру.
Логика доступного порядка чтения полезна независимо от платформы, но конкретные настройки редакторов различаются. А обрезка длинного HTML в Gmail является другой проблемой: изменение контраста не сокращает код сообщения и не восстанавливает скрытый конец письма.
В итоговом листе приёмки укажите проверенные приложения, режимы и оставшиеся ограничения. Не отмечайте все клиенты проверенными по встроенному предпросмотру. Практический результат — покупатель видит товар, понимает условия и может перейти к покупке в проверенных режимах, а команда знает, какие элементы требуют повторного контроля при следующей смене шаблона.
Материал отражает сведения на указанную дату. Правила и условия работы площадок могут измениться. Редакционные принципы