Логотип ElevenHouse · выбран 22 октября

Доработанный текущий

Тот же почерк, что сейчас: строчные буквы, «e» с наклоном, золотая «h». Мы его выровняли: штрихи одной толщины, одинаковые плечи у букв, а перекладина «e» идёт под 30° — ровно один дом из двенадцати. Знак «eh» собран из тех же букв, а для вкладки браузера у него есть свой рисунок по пиксельной сетке.

ElevenHouse
БылоПрежний логотип eleven house
СталоДоработанный логотип eleven house
  • «e» осталась с наклоном, но собрана из ровного овала. Перекладина, срез хвостика и концы «s» идут под одним углом — 30°.
  • Все штрихи одной толщины, плечи у n, h и u одинаковые. «s» перерисована: нижняя чаша шире верхней, хребет — плавная кривая.
  • Золото «h» на светлом фоне стало тёплым и плотным: раньше буква почти пропадала (1,4 : 1), теперь видна (3,25 : 1). На синем — прежнее золото.
  • Знак «eh» — те же буквы, только жирнее. Между «e» и «h» оставили просвет, чтобы буквы не слипались в мелком размере. Для вкладки браузера нарисован отдельный знак.

Знак «eh»

Две буквы из логотипа. Синий на слоновой кости, золотой или цвета кости — на синем. Знак нарисован кривыми, шрифта в нём нет.

Знак eh, синий на слоновой кости
Знак eh, золотой на синем
64 · заставка
40 · загрузка
32
24
20
16 · меню
40
24
16
40
16

Размер знака считаем по высоте «h», ширина — высота × 1,49. Меньше 16 px в высоту не ставим, для вкладки браузера есть отдельный знак.

Логотип

В строку — для шапок и писем, в две строки — для обложек и первого экрана приложения. Буквы нарисованы кривыми, файлы готовы к работе.

Логотип ElevenHouse на светлом
Логотип ElevenHouse на синем
Логотип ElevenHouse в две строки

#A97E1B — золото «h» на светлом, 3,25 : 1 к слоновой кости. Это свой цвет бренда, а не --gold-edge#E2CA79 — золото на синем, 10 : 1

В шапке сайта

Шапка гостя, логотип 26 px в высоту, на телефоне — 22 px. В кабинете эксперта — 22 px, в свёрнутом меню — знак 16 px в высоту.

Иконка вкладки

Для вкладки знак нарисован заново по сетке 16 px: ножки «h» ровно в 2 px, между «e» и «h» — 1 px просвета, перекладина «e» плотнее. В 32 px сетка совпадает вдвое. В тёмной теме браузера знак становится цвета слоновой кости. Серые квадраты — другие сайты.

вкладка, 16 px
тёмная тема
прежний знак

Иконка приложения

Золотой знак на синем — как решено. На экране телефона она самая тёмная и спокойная: узнаётся по цвету, а не по яркости.

Иконка приложения ElevenHouse, 180 px
180 · App Store
60 · экран
40 · поиск
29 · настройки

Знак занимает 59 % ширины, центр его тяжести стоит чуть выше середины — так знак не кажется осевшим. app-icon.svg со скруглением — для превью. В магазины приложений идут квадраты без скругления и прозрачности, маску накладывает система.

Иконка iOS
iOS 1024, квадрат
Тёмная иконка iOS
iOS, тёмная
Иконка Android в круглой маске
Android, круглая маска
Иконка Android в квадратной маске
Android, скруглённый квадрат
Значок пуш-уведомления
пуш, белый силуэт

Для Android знак лежит отдельным слоем на половину ширины — целиком внутри безопасного круга 66 dp, поэтому никакая маска его не срежет.

Аватар поддержки

Синий круг и золотой знак на 60 % ширины — только у сотрудников ElevenHouse: поддержка и сообщения платформы. Эксперт и клиент видят его в закреплённом диалоге.

Значок подписки

У эксперта с подпиской ElevenHouse на краю фото стоит синяя капсула со знаком «eh». Слов на ней нет: клиенту важно, что эксперт с подпиской, а не как называется тариф. Что значит значок, объясняет подсказка.

Порядок в каталоге: сначала реклама, за ней — эксперты с подпиской, потом все остальные.

Как устроен

Эксперт с подпиской ElevenHouse
36 × 24
вдвое крупнее

Синяя капсула 36 × 24 и знак цвета слоновой кости высотой 14 px, контраст 14,3 : 1. Файл — status-badge.svg, в интерфейсе — eh.status().

Значок — всегда кнопка: наведение, фокус или нажатие открывают подсказку. Подпись для экранного диктора — «Эксперт с подпиской ElevenHouse»; тексты одни на весь продукт (eh.statusText).

Чем отличается от других меток

Рекламапесок, на рамке — оплаченный показ
Проверенный астрологзолотая розетка в тексте — заслужено проверкой
синяя капсула на фото — эксперт с подпиской

Эксперт с подпиской ElevenHouse

При хороших показателях его карточка стоит выше. Это не проверка и не реклама.

Подписка и поддержка не путаются

подписка — капсула, знак цвета кости, только на краю фото эксперта
поддержка — круг 32–40 px, золотой знак, только в чатах и сообщениях платформы

Значок подписки не делаем круглым и не ставим в него золотой знак: круг с золотом значит «пишет ElevenHouse», а не «эксперт одобрен».

Письмо и PDF

В письме — логотип 24 px на слоновой кости, внизу знак. В письма ставим PNG вдвое крупнее: Gmail и Outlook не показывают SVG. На обложке PDF — логотип в две строки, на страницах — знак в подвале.