Коротко: это руководство про то, как выбрать цвета и шрифты в письмах так, чтобы письма читали и действовали. Подойдёт для кафе, салонов, магазинов и сервисов в Минске, областных центрах и небольших городах Беларуси. Объясняю простыми словами и даю конкретные шаги для внедрения.
Как цвета влияют на поведение подписчиков — сценарий кафе в Гомеле
Сценарий: небольшое кафе в Гомеле запускает утренние купоны по три дня. Владелец хочет, чтобы люди быстро открывали письмо и переходили к купону.
Практический совет: выберите 2–3 основных цвета: нейтральный фон, акцент для CTA и дополнительный для иллюстраций. Для CTA используйте цвет с высоким контрастом к фону и бренду — он выделит кнопку в ленте. В утренних предложениях работают тёплые тона (оранжевый, мягкий жёлтый) для чувства аппетита и энергии; избегайте слишком ярких неоновых оттенков, они отталкивают.
Как сделать: протестируйте кнопку с двумя цветовыми вариантами в одном сегменте: одинаковый заголовок, разные цвета CTA. Отслеживайте CTR и конверсии за 48 часов.
Типографика: читаемость и иерархия — сценарий салона красоты в Минске
Сценарий: салон в Минске рассылает напоминания о записи и спецпредложениях. Письмо должно выглядеть аккуратно на экране телефона и на компьютере.
Практический совет: используйте не более двух шрифтов — один для заголовков, другой для основного текста. Для кириллицы выбирайте понятные веб‑шрифты с хорошей кириллической поддержкой; избегайте декоративных шрифтов в основном тексте. Заголовок 18–24px, тело 14–16px, интерлиньяж 1.3–1.6. Кнопки — минимум 16px по тексту, достаточно внутреннего отступа, чтобы кнопка была легко нажимаемой.
Как сделать: в шаблоне выставьте базовые размеры и проверьте на нескольких устройствах; если письмо читают плохо, увеличьте межстрочный интервал и упростите шрифтовую пару.
Мобильный фокус: сочетание цвета и шрифта для маленьких экранов — сценарий магазина одежды в Бресте
Сценарий: интернет‑бутик из Бреста отправляет рассылку о новой коллекции. Большая часть открытий — с телефонов.
Практический совет: используйте крупные кликабельные элементы и контрастные CTA. На мобильных экранах мелкий шрифт и низкий контраст убивают вовлечённость. Применяйте адаптивную верстку: однослойные блоки, крупные изображения, кнопки на всю ширину при необходимости.
Как сделать: следуйте правилам мобильного дизайна для писем; проверьте шаблон на реальном смартфоне перед рассылкой. Подробные приёмы по адаптивному дизайну писем доступны в материале по мобильному‑first дизайну email для малого бизнеса Беларуси (2026).
A/B‑тесты цвета и шрифта: что измерять — сценарий интернет‑магазина в Гродно
Сценарий: интернет‑магазин из Гродно хочет понять, влияет ли цвет кнопки и шрифт на продажи в праздничные дни.
Практический совет: разделите аудиторию минимум на три группы: контроль, тест цвета CTA, тест шрифта/разметки. Замеряйте открытие, CTR и конверсию по уникальным кликам. Малые выборки требуют более крупных интервалов для статистической значимости.
Как сделать: настройте A/B тест в почтовой системе, отправьте варианты подряд, соберите данные за 72 часа. Если не хватает трафика, объедините похожие сегменты или протестируйте элементы поочерёдно. Практические приёмы тестирования дизайна описаны в руководстве по A/B‑тестированию дизайна и структуры писем для малого бизнеса Беларуси.
Локализация и доступность: шрифты, контраст и контент — сценарий аптеки в Могилёве
Сценарий: аптека в Могилёве рассылает информацию о сезонных препаратах пожилым клиентам и хочет, чтобы письмо было доступным для всех возрастов.
Практический совет: выбирайте шрифты с чёткой кириллической формой, обеспечьте контраст текста и фона не ниже WCAG‑уровня AA, увеличьте размеры для возрастной аудитории. Указывайте цену в BYN и форматируйте даты привычным для региона способом. Короткие заголовки и ясные призывы к действию помогают понять суть письма сразу.
Как сделать: проверьте письмо с помощником по доступности в почтовом редакторе и протестируйте на экране в условиях низкой яркости, чтобы оценить читаемость.
Типичные ошибки
- Многоцветная палитра без иерархии — пользователь не понимает, куда нажимать.
- Декоративный шрифт в основном тексте — снижается скорость чтения и доверие.
- Низкий контраст кнопок и фона — падает CTR, особенно у пожилых подписчиков.
- Фиксированные размеры шрифта без адаптации под мобильные — текст становится невидимым на телефоне.
- Игнорирование кириллической версии шрифтов — текст выглядит неестественно и ломается в письме.
Три шага на неделю: 1) Проведите быстрый аудит текущего шаблона — проверьте контраст и размеры шрифтов; 2) Сделайте две версии CTA с разными цветами и запустите A/B‑тест на небольшой части базы; 3) Протестируйте письмо на реальных смартфонах и попросите трёх сотрудников разного возраста оценить читаемость. Полезные материалы по адаптивному дизайну и тестированию дизайна писем есть в подборке: мобильный‑first дизайн писем, A/B‑тестирование дизайна и структуры писем.