Копируется вариант для продукта: картинки PNG и адреса elevenhouse.ru.
Письма ElevenHouse
Восемь писем записи № 48 213 — у клиентки Ирины и астролога Марины. Нажмите ссылку в письме — покажем, куда она ведёт.
Из чего состоит письмо
Семь частей в одном порядке для всех событий. В шаблонах уведомлений (P27) меняются только тексты внутри частей, а цифры правил — подстановки из P25, P35 и P36, в макет они не вшиваются.
- 600 px, одна колонкаТаблицы и инлайн-стили, Geologica с запасным Arial, без JS — переживёт Gmail, Яндекс Почту и Outlook.
- Семь частей в одном порядкеШапку и подвал ElevenHouse отключить нельзя; эксперт — автор внутри письма.
- Кнопка ведёт к объектуК консультации, записи, комнате или деньгам — не в общий список.
- Точные даты и суммы«пт, 23 октября, 14:30», «6 500 ₽» — не «завтра» и не проценты клиенту.
Подвал: три варианта
| Какое письмо | Почему пришло | Ссылки |
|---|---|---|
| ОбязательноеЗаписи, оплаты, переносы и отмены, напоминания и «Можно подключаться»; эксперту — ещё срывы, неустойки, «К списанию» | «Это письмо о вашей консультации. Такие письма приходят всегда, пока запись в силе.» | «Настройки писем» · «Отписаться от необязательных писем» (S5) |
| Можно отключитьОтзывы, сообщения, деньги к выводу, проверка, реклама, сводки | «Вы получили письмо, потому что 23 октября у вас прошла консультация на ElevenHouse.» | Отписка от этого вида одним нажатием — «Не присылать просьбы об отзыве» (S5) · «Настройки писем» |
| Код входаКлиенту, эксперту, администратору команды | «Письмо пришло, потому что этот адрес ввели на странице входа ElevenHouse. Если это были не вы, ничего не делайте: без кода в аккаунт не войти.» | Без ссылок на настройки — только почта поддержки |
Во всех трёх ниже — для какого аккаунта письмо («Письмо для аккаунта клиента · адрес»), реквизиты компании (ООО «Финекст», ИНН и адрес) и почта поддержки.
Правила текста
- Отправитель
- Клиенту — «ElevenHouse» с my@elevenhouse.ru, эксперту — «ElevenHouse · Кабинет эксперта» с work@elevenhouse.ru, сотрудникам — «ElevenHouse · Админка». Рассылки эксперта — «Марина Соколова · ElevenHouse». Ответ на письмо уходит в поддержку.
- Тема и прехедер
- Тема начинается с того, что случилось или что сделать, и с числа: «482 915 — код для входа в аккаунт клиента», «Доступно к выводу: 6 110 ₽». До 60 знаков, без «!» и капса. Время только точное: «сегодня» и «завтра» — лишь рядом с датой. Прехедер продолжает тему, а не повторяет её.
- Люди
- Клиенту человек при первом упоминании в теме, письме и SMS — по специализации услуги: «Астролог Марина Соколова», «с астрологом Мариной Соколовой»; дальше в тексте — «Марина». «Эксперт» — только обо всех сразу. Эксперту клиент до подтверждения — «Ирина М.».
- Слова
- По словарю карты (5.7): консультация, заявка, резерв, «Вывести деньги». Одно действие — одна подпись: в комнату везде ведёт «Подключиться». Клиент не видит слов «неустойка», «К списанию» и названий наборов условий — только даты и суммы. Слов из списка «не используем» (5.7) нет нигде.
- Цифры
- Проценты, часы, суммы и даты — подстановки: {условия_срок} (до какого времени отмена бесплатна), {вернём}, {неустойка}, {скидка}, {дата_списания}; пределы {неустойка_поздняя}, {скидка_процент} — из P25, ставки — из P35, удержание и вывод — из P36. Эксперту — сумма и процент в скобках: «неустойка 975 ₽ (15 %)», «комиссия 390 ₽ (6 % · Team Pro)».
- Обязательные письма
- Отписаться от них нельзя — подвал говорит это прямо. Ссылка «Отписаться от необязательных писем» ведёт в S5 и действует только на этот аккаунт.
Все события
Список из раздела 6.6 карты: для каждого события — тема письма, кнопка и куда она ведёт. Тот же текст идёт в шторку уведомлений (S1) и в шаблоны P27. Примеры — темы для одной и той же записи № 48 213.
Как верстать
Правила для разработки. Письмо собирается из тех же частей и одинаково читается в Gmail, Яндекс Почте, Mail.ru, Apple Mail и Outlook. «Скопировать HTML» под письмом отдаёт готовый вариант для продукта.
Каркас
Таблицы с role="presentation", внешняя — на всю ширину, внутренняя — max-width 600 px (в Outlook — через условный комментарий). Одна колонка. Стили — в атрибутах style; в <head> только сброс, ось шрифта, правки для телефона и тёмной темы. Письмо — меньше 102 КБ, иначе Gmail его обрежет: наши — 11–19 КБ.
Шрифт и размеры
Geologica с осями wght 300–500 и CRSV — её покажут Apple Mail и почта на iOS; где веб-шрифтов нет (Gmail, Outlook), будет Arial, в Outlook принудительно. Заголовок 24/32 с однокруглой «а» ('CRSV' 1, межбуквенный −0,3 px), как на сайте, и на телефоне тоже; код 32/40; текст 16/24; подписи 14/20; подвал 13/18. Веса: 350 текст, 450 кнопка, автор, итог и подзаголовок условий, 500 — только буква в аватаре. Колонка подписей — 176 px, поля карточки 40/48, на телефоне 32/20.
Цвет
Светлая — токены eh.css: фон #F6F0E4, карточка #FFFDF8, плашка #EFE7D7, текст #142037, вторичный #5A6173 (5,5 : 1 к фону, 6,1 : 1 к карточке), линии #E6DCCB, кнопка #142037. Тёмная — из палитры «Ночь»: фон #0E1829, карточка #142037, плашка #1A2843, линии #2B3C5C, текст #F6F0E4, вторичный #B3BACA (8,4 : 1 к карточке), кнопка #F6F0E4 с синим текстом. Золото в письме — только буква «h» в логотипе.
Кнопка
Ссылка с заливкой и отступами 14/24 — 48 px, скругление pill, вес 450; для Outlook — отступы через mso-text-raise. На телефоне — во всю ширину. Если адрес нужен человеку (комната), он стоит текстом под кнопкой.
Картинки
Только PNG и JPG с alt и размерами: логотип 351×48 (показываем 176×24), фото 96×96 (показываем 48). SVG в письмах не работает — в макете он только для превью. Без картинок письмо читается: вместо логотипа — слово «ElevenHouse», вместо фото — буква на сиреневой подложке (alt со стилем). На Team Pro и Studio вместо фото можно логотип эксперта 96×96 в рамке 48 px.
Тёмная тема
meta color-scheme и @media (prefers-color-scheme: dark) для Apple Mail и Outlook, [data-ogsc] для Outlook.com; логотип меняется на светлый, логотип эксперта остаётся на светлой рамке. Gmail перекрашивает письмо сам — поэтому логотип выгружаем с тонкой светлой обводкой.
Прехедер и ссылки
Прехедер — первый скрытый блок в body, 40–90 знаков, дальше заполнитель ‌ . Ссылки — абсолютные https://elevenhouse.ru/… прямо к объекту, без сокращателей. Если вход не выполнен, ссылка откроет вход с нужной дверью и вернёт на ту же страницу.
Заголовки и подписи
Reply-To: help@elevenhouse.ru. У необязательных — List-Unsubscribe и List-Unsubscribe-Post: почта сама покажет «Отказаться от подписки», одно нажатие ведёт в S5. SPF, DKIM, DMARC и BIMI: для аватара нужен квадратный SVG Tiny PS — золотой знак по центру синего поля (файл bimi-eh.svg делаем из mark-eh-gold.svg). Рядом — текстовая версия из тех же частей.
Нельзя
JS, формы, видео, фоновые картинки, текст картинкой, значки шрифтом и SVG. «Без бренда» нет ни на каком тарифе: шапка с логотипом ElevenHouse и подвал остаются всегда. Логотип эксперта — только в блоке автора, вместо фото и не крупнее нашего (решение 26, 3.2 № 10).
SMS
Только код входа и ссылка на оплату, если у клиента есть только телефон. Текст начинается с «ElevenHouse:», называет дверь, а человека — по специализации.
SMS · код входа
ElevenHouse: 731 064 — код для входа в кабинет эксперта. Никому его не сообщайте.
SMS · ссылка на оплату
ElevenHouse: астролог Марина Соколова записала вас на синастрию 23.10 в 14:30. Оплатите до 22.10, 13:30: elevenhouse.ru/pay/7KQ2M