Брендбук MENA
Константы фирменного стиля в двух языковых контекстах: логотип, цветовые палитры, графика и типографика. И примеры реализации на носителях.
Логотип
Используем плоский знак в форме буквы «D» для брендовых, цифровых и промоматериалов.
У логотипа есть несколько видов, здесь можно скачать все. Ниже расскажем про каждый вид и ситуации использования.
Классический логотип
Знак с дискриптором, дискриптор состоит из строчных букв.
Логотип на белой подложке
Используем, когда цвет фона совпадает с цветом лого или имеет низкую контрастность.
Как мы используем логотип в макетах
Интеграция. Как правило, мы располагаем логотип в «подвале» макета, объединяя его в единый блок с дополнительной информацией.
Расположение может меняться в зависимости от формата, например, в таком горизонтальном макете логотип может располагаться сбоку.
Дескриптор без знака. В некоторых случаях оставляем только дескриптор. Чаще всего используем этот прием в упаковке из-за технических ограничений печати, размерных ограничений, фонового цвета заливки. Или когда нам нужно разместить логотип на сложном фоне, как здесь. На фото не главный вход в пиццерию, поэтому дескриптор без знака допустим.
Минимальный размер логотипа. Минимальный размер лого с изображением птицы — 15 мм. Если логотип меньше — он упрощается до оранжевой формы «D».
Буква «D» может менять цвет на белый или черный, если нет возможности использовать фирменный оранжевый цвет.
Кобрендинг. В коллаборациях объединяем оба логотипа с помощью разделителя — знака умножения (×). Когда Додо пицца является главной площадкой проведения рекламной кампании, ее логотип всегда размещается первым.
Иконки
Активно используем их в приложении. Иногда добавляем в макеты.
Цвета
Палитра строится на основных цветах маскота — птицы додо.
Жгучий оранжевый
Это цвет додо пиццы. Наша визуальная коммуникация стремится быть максимально оранжевой
RGB 255, 78, 0CMYK 0, 75, 100, 0HEX #ff4e00PANTONE 1505Бежевый
Второй базовый цвет — набираем им текст на оранжевом и темных фонах, используем в качестве фоновых заливок
RGB 250, 240, 225CMYK 2, 5, 10, 0HEX #F9F1E6PANTONE 11-0608Черный
Базовый цвет. Набираем им текст, используем в навигации
RGB 0, 0, 0CMYK 0, 0, 0, 100HEX #000000PANTONE BlackСерый
Используем для демонстрации старой цены
RGB 150, 150, 155CMYK 45, 35, 35, 0HEX #949598PANTONE 4255Чистый белый
Третий базовый цвет — набираем им текст на оранжевом и темных фонах
RGB 255, 255, 255HEX #FFFFFFЕще есть цвета позиционирования, которые используются для обозначения типов потребления.
For You
Мягкий желтый: индивидуальность, внимание к себе, комфорт, забота о себе.
For Friends
Теплый зеленый: нейтральный, современный и дружелюбный.
For Family
Оранжевый Додо: поддержка, доверие, семейный уют.
Адаптация позиционирования
Пример адаптации под стиль Рамадана. Сохраняем функциональность категорий в контексте тематического оформления.
Шрифты
Для английского и арабского языков мы используем разные шрифты. Так же есть основные шрифты и дополнительные для разных типов текста.
Основные
Rooftop. Используем его в коммуникациях, в печатных материалах и на диджитал носителях. Он не подходит для объемных текстов, где более четырех строк. В таких случаях используем TTHoves.
Ropa Arabic. Для арабского текста. При создании одного визуала на двух языках, у арабского увеличиваем размер на несколько пунктов, так как высота знаков у шрифтов при одном и том же размере разный.
Дополнительные
Grenette. Используется как акцидентный шрифт для подписей пицц и заголовков спецпроектов.
TTHoves. Используется для больших текстов: лигал, технические описания продуктов на упаковке.
Леттеринг
Используем для заголовков специальных проектов, разрабатывается точечно под задачу.
Правила набора текста
Мы пишем текст и названия с заглавной буквы.
Фразы, требующие наибольшего внимания, пишем заглавными буквами. Например: FREE, WOW, OFF.
Заголовок. Шрифт Rooftop, начертание extrabold или bold, интерлиньяж 90–100%.
Лайн нового позиционирования: Rooftop, начертание bold, интерлиньяж 110%.
Подзаголовок. Rooftop, начертание extrabold или medium, интерлиньяж 100–120%.
Лигал. Шрифты TT Hoves или TT Hoves Сond. Для коротких лигалов в 1–2 строки допустимо использование Rooftop. Иинтерлиньяж 100–120%.
Интерлиньяж
Интерлиньяж в заголовках, подзаголовках и базовом тексте, начертание и зачёркивание ценников, выделение выгоды, отбивка цифр пробелами.
В заголовках. Значение межстрочного интервала варьируется от 90 до 110%. Он меньше, когда заголовок состоит из двух строк и нет выносных элементов. И больше, когда заголовок состоит из трех строк и есть выносные элементы.
Он больше, если в заголовке больше трех строк или у букв много выносных элементов.
В подзаголовках и базовом тексте. Значение межстрочного интервала варьируется от 100 до 120%.
Он больше, если в подзаголовке больше трех строк или у букв много выносных элементов.
Ценники
Начертание ценника согласуется со стилистикой заголовка. При размещении одного-двух ценников цифры и обозначение валюты делаем одного размера по высоте для консистентности.
Между валютой и цифрой используем узкий пробел.
Для подчёркивания выгоды используюем разноразмерную композицию: цифры на 40–50% больше обозначения валюты. В случаях, когда символ валюты меньше цены, он выравнивается по верхней границе цифр.
На сложных фонах цена размещается на плашке, при этом цифры и валюта выполняются в одном размере.
Старая цена
Зачеркиваем ровной полосой. Цвет зачеркивания — в цвет цены или красный.
Ценники региона MENA
Правила размещения и зачёркивания такие же. Здесь примеры реализации в разных странах.
Шейпы
В макетах используем шейпы разных форм, чтобы добавить фактуру, оттенить или добавить глубины. Так же используем как контейнеры для фото.
Не используем баблы как плашки под цены.
Кратко
Выбираем логотип по контексту носителя и фона: используем только утвержденные версии знака и дескриптора, не меняем их пропорции, не искажаем и не собираем новые комбинации вручную. Всегда оставляем вокруг логотипа безопасную зону, проверяем минимальный размер, при котором знак остается читаемым в цифровых и печатных форматах.
В кобрендинге фиксируем единый порядок размещения и визуальный приоритет знаков, чтобы иерархия партнеров оставалась стабильной на всех носителях.
Для цвета опираемся на базовую и дополнительные палитры с точными значениями и всегда проверяем контраст на светлых и темных фонах.
В типографике подбираем шрифт по задаче: Rooftop — для акцентов и заголовков, TT Hoves и TT Hoves Cond — для длинных и технических блоков, Grenette — только как акцидент. В работе с шейпами сохраняем пропорции и логику форм, используем их как контейнеры и не применяем баблы как плашки под цены.
Перед публикацией сверяем композицию на носителях в двух языках, чтобы арабская и английская версии были консистентны по смыслу, иерархии и визуальному ритму.
Если нужен новый шаблон или есть вопросы по применению, обратитесь к авторам гайда: Мария Михайлова и Ирина Смелкова.
Читать далее: