Брендбук 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
Правила размещения и зачёркивания такие же. Здесь примеры реализации в разных странах.
Графика
Шейпы
В макетах используем шейпы разных форм, чтобы добавить фактуру, оттенить или добавить глубины. Так же используем как контейнеры для фото.
Не используем баблы как плашки под цены.