Шаблоны
Чек-лист
Подготовка к разработке
Структура
Шаблоны
Скачать шаблон e-mail рассылок
Чек-лист
1. Главное сообщение с key-visual размещайте на сером фоне #F5F5F5, rgb (245, 245, 245), контент — на белой плашке #FFF, rgb (255, 255, 255).
2. Картинку, кнопку и текст в блоках обязательно выравнивать по центру. Это обеспечит корректное отображение на мобильных устройствах.
3. Иллюстрации используйте в стиле QIWI.
4. Промо-иконки также в стиле QIWI.
5. Фотореалистичные изображения в стиле QIWI.
6. Типографика выполняется в стиле QIWI.
7. Кнопки в стиле Brand Button или Simple Button в размере Normal.
Подготовка к разработке
Предоставляйте исходники шириной через Zeplin. Ширина макета 600px. Графику передавайте в разработку в двух размерах — 1x и 2x, — в формате png.
Структура
Верхний блок
Верхний блок с основным сообщением включает в себя иллюстрацию в фирменных цветах QIWI или фотореалистичное изображение. Композиция верхнего блока выравнивается строго по центру.
Параметр | Шрифт Verdana | Размер текста, px | Высота строки, px |
Заголовок | Bold | 32 | 40 |
Основной | Regular | 16 | 24 |
Цвета
![]() | Заголовок | #000, rgb (0, 0, 0) |
![]() | Основной текст | #666, rgb (102, 102, 102) |
Нижний блок
Нижний блок включает в себя одну белую карточку или несколько белых карточек. Блоки внутри карточки выравниваются строго по центру и размещаются в одну колонку.
Параметр | Шрифт Verdana | Размер текста, px | Высота строки, px |
Заголовок | Bold | 22 | 32 |
Основной | Regular | 14 | 22 |
Карточки могут включать в себя иллюстрацию или фотореалистичное изображение, текстовую часть и Brand Button или Simple Button в размере Normal.