Задача
Требуется сверстать адаптивное HTML-письмо для email-рассылки на основе PSD-макета. Письмо должно корректно отображаться на всех устройствах (десктоп, планшет, мобильный телефон) и во всех популярных почтовых сервисах (Gmail, Яндекс.Почта, Mail.ru, Outlook, Apple Mail).
Ключевые требования
- Поддержка двух тем: светлая и темная (возможно, через медиа-запросы или отдельные версии).
- Адаптивность: письмо должно ломаться по ширине на мобильных устройствах (колонки, изображения, текст).
- Кроссплатформенность: одинаковый рендеринг в основных почтовых клиентах, особенно в Gmail.
- Соответствие дизайну: шрифты, цвета, отступы, изображения - строго по PSD.
- Изображения - только через полные абсолютные ссылки (не inline base64).
- Текст не должен кем-то заменяться: все слова в макете сохраняются, без фабричных фраз (типа “Ваш текст здесь”).
Технические ограничения
- Язык вёрстки: HTML + CSS (inline стили, для мобильных - адаптация через max-width / media-запросы).
- Нельзя: JavaScript, скрипты, внешние font-face (кроме дефолтных e-mail-безопасных шрифтов), iFrames.
- Код должен соответствовать стандартам: ширина главной таблицы - 600px, центрирование.
- Использование относительных или фиксированных величин - обоснованно, по PSD.