Графический дизайн

Alina Afonkina

Anya Sheloumova

Evgeny Revenko

Визуальный стиль Додо Пиццы

Рынок: Евразия

Последнее обновление 28 мая 2026 года

Здесь константы фирменного стиля: логотип, цветовые палитры, описание фотостиля, графика и типографика. Гайд постоянно обновляется. Версия в формате презентации — в Фигме.

Логотип

Объемный знак. Используем объемный знак в брендовых, цифровых и промоматериалах. Знак можно повернуть на 6 градусов против часовой стрелки.

Плоский знак. Эта версия подходит для случаев, когда нет технической возможности воспользоваться объемным знаком (например, ограничения печати в два плашечных цвета) или размер носителя меньше 5 миллиметров (28 пикселей).

Свободное поле. Для объемного и плоского знаков свободное поле равно 1/4 высоты знака.

Логотип в макетах

Интеграция. Стараемся интегрировать название «Додо Пиццы» или «Додо» в копирайт, добавляя к нему знак перед или после слова в зависимости от композиции. Это предпочтительный вариант использования знака без дескриптора.

Классика. Когда нет возможности интегрировать название компании и знак в копирайт заголовка, допускаем использование классического логотипа.

Дескриптор без знака. В некоторых случаях оставляем только дескриптор. Часто используем этот прием в упаковке из-за технических ограничений печати или размерных ограничений.

Аватар. Круглый знак адаптирован для диджитала и соцсетей. В случаях, когда у аватарки случайные скругления, используем вариант с градиентом.

Кобрендинг. В коллаборациях объединяем оба логотипа с помощью разделителя — знака умножения. Когда Додо Пицца является главной площадкой рекламной кампании, ее логотип всегда размещается первым. Визуальный вес логотипов должен быть одинаковым.

Правила размещения

Размер логотипа. Логотип — это часть макета, поэтому он должен быть заметным и крупным объектом, но сбалансированным с остальными элементами. Не делаем логотип излишне крупным: знак не должен перекрывать 1/3 буквы, чтобы сохранить читаемость текста. Также не уменьшаем знак до размера наночастицы, иначе его присутствие на макете перестает играть роль бренд-якоря. Не любим, когда знак выходит за границы макета и из-за этого обрезается.

Нет

Слишком мелкий логотип, наезжает на заголовок

Да

Логотип сбалансирован с заголовком и ценой, не перекрывает текст

Нет

Слишком большой логотип, он частично обрезан и заходит на текст

Да

Объёмный знак в верхней части макета, размер читаемый с расстояния

Расположение на макете. Учитываем контекст размещения носителя в среде — логотип должен всегда оставаться видимым. К примеру, на ситиформатах место логотипа в верхней части макета, чтобы прохожие не заслоняли его.

Нет

Логотип внизу макета на ситиформате заслоняют прохожие

Да

Объёмный знак в верхней части макета, читается с расстояния

Цвета

Наша палитра основана на основных цветах маскота — птицы додо. Дополнительные цвета помогают разнообразить визуальную коммуникацию.

А еще мы добавили несколько дополнительных цветов, чтобы разнообразить визуальную коммуникацию.

Небесно-голубой и лазурный синий прекрасно работают в макетах с напитками, чернично-фиолетовый используем в персональных акциях, неоновый лайм — в линейке продуктов to-go, пастельно-розовый — в десертах.

Текстуры и фоны

У нас есть несколько текстур, которые мы используем в качестве основы для продуктов.

Крафтовый картон. Базовый фон для продуктов в карточках приложения.

Крошка. Подходит для макетов с комбо и простой продуктовой коммуникации, когда не хотим пресыщать изображение смысловыми слоями.

Вода. Водная текстура отлично рифмуется с прохлаждающими напитками.

Металл. Холодная металлическая фактура для премиальных продуктов и промо с технологичным настроением.

Небо. Небесная текстура подходит для лёгких, воздушных макетов, сезонных акций и промо, где важны простор и свежесть.

Оранжевый стол. Текстура стола из пиццерии. Используем в бренд-коммуникациях с продуктами, телефоном с открытым приложением и в макетах, где нужно показать много бренда.

Текст на цветных фонах

Рыжий и темные фоны. В диджитал и печатных носителях на рыжем фоне текст всегда красим в белый. Исключение для рыжего фона — печать на крафтовом картоне в упаковке: из-за технических ограничений текст набираем черным.

Светлый фон. На светлых фонах текст красим преимущественно в черный. На белом и светло-сером фоне текст может быть оранжевым. В некоторых случаях можем дополнительно выделить оранжевым цену или важную часть CTA-предложения и УТП продукта.

Типографика

Россия, Беларусь и Западная Европа

Заголовок. Rooftop Extrabold, интерлиньяж 90–100%.

Подзаголовок. Rooftop Extrabold или Medium, интерлиньяж 100–120%.

Лигал. Rooftop Ultra Condensed Regular, стилистика all caps, интерлиньяж 100–120%.

Казахстан

Заголовок. TT Interphases Pro Black, интерлиньяж 90–100%.

Подзаголовок. TT Interphases Pro Black, Bold или Demibold, интерлиньяж 100–120%.

Лигал. Когда лигал двуязычный, набираем русский и казахский текст шрифтом TT Interphases Pro Condensed Regular, стилистика all caps, интерлиньяж 100–120%.

Двуязычные макеты

Разделяем заголовки на двух языках, размещая их в противоположных сторонах на макете — таким образом каждый из них воспринимается индивидуально.

Типографика: детали

Интерлиньяж в заголовках. Значение межстрочного интервала варьируется от 90 до 100%. Он меньше, когда заголовок состоит из двух строк. Здесь интерлиньяж 75%.

Он больше, если в заголовке больше трех строк или у букв есть выносные элементы. Здесь интерлиньяж 96%.

Интерлиньяж в подзаголовках и в базовом тексте. Значение межстрочного интервала варьируется от 100 до 120%. Он меньше, когда текстовый блок состоит из двух строк.

Он больше, если в текстовом блоке больше трех строк или у букв много выносных элементов.

Межбуквенный интервал. Значение межбуквенного интервала варьируется от –25 до 0. Чем крупнее и короче заголовок, тем интервал меньше. Оставляем межбуквенный интервал равный нулю, когда в заголовке больше трех слов.

Межбуквенный интервал равен нулю, потому что заголовок длинный и некрупный

Межбуквенный интервал отрицательный, потому что заголовок короткий и крупный

Межбуквенный интервал отрицательный, потому что заголовок короткий и крупный

Ценники

Выбор начертания ценника рифмуем со стилистикой заголовка, когда на носителе один-два ценника. Когда ценников больше трех, набираем их medium-начертанием. При этом знак валюты и обозначения «от», «до» и подобные не выносим в суперскрипт.

Как собрать ценник. Размер «от» и символ валюты равен 2/3 высоты цифр. «От» и символ валюты выравниваются по верхней границе цифр.

Относительный размер ценника. Когда продукт является ценовым маячком, цену набираем тем же размером, что и заголовок или от 1,5 до 2 раз крупнее заголовка.

Для продуктовых линеек и базовых продуктов цену пишем меньшим размером — 70–80% от размера заголовка или размером базового текста, когда продуктов больше двух.

Для премиальных и эксклюзивных продуктов цену мы обычно не указываем.

Макет с товаром-маячком — цена в 1,5 раза больше заголовка

Макет с размерами цен меньше заголовка

Макет с премиальным продуктом без цены

Промокод. Промокод в размере того блока, к которому относится.

промокод в размере заголовка

промокод в подзаголовке

Ценник и промокод на сложном фоне. Когда фон сложный, цену или промокод можно разместить на плашке.

Как собрать ценник или промокод на плашке. К тексту применяется auto layout, выставляется заливка для фона плашки, поля и скругления в виде «пилюли». Цвет плашки может быть белым или чёрным, не используем обводку. Цвет текста контрастен плашке и тоже может быть белым или чёрным.

Кнопка. Всегда на плашке, поля и скругления в виде «пилюли». Цветовая гамма из трех базовых цветов — белый, чёрный и оранжевый. Не используем обводку. На оранжевом фоне: белая плашка с оранжевым текстом. На тёмном фоне: оранжевая плашка с белым текстом или белая плашка с оранжевым текстом. На светлом фоне: оранжевая или чёрная плашка с белым текстом.

Возрастной ценз. Набираем возрастной ценз без обводок и плашек. Для печатных носителей и наружной рекламы интегрируем ценз в лигал, высота цифр должна быть не меньше, чем две строки лигала. Выключка от края до края. Rooftop Medium.

В диджитал-рекламе пишем возрастной ценз в самом лигале тем же размером, что и остальной текст юридической информации. Шрифт Rooftop Ultra Condensed Regular. Стилистика all caps. Интерлиньяж 100–120%.

Верстка

Приемлемые варианты верстки. Предпочитаем простые решения — они помогают сохранять узнаваемость нашей коммуникации. Мы верстаем макеты: – с выключкой по левому краю; – с выключкой по центру. Третьего не дано.

Как рассчитать ширину поля макета. Ширина поля равна самой длинной стороне носителя, поделенной на 25. Для суперузких и супервысоких носителей, например, суперсайта или узких диджитал-баннеров, самую длинную сторону делим на 50.

листовка а6

сити-формат

лайтбокс

билборд

Когда нет возможности интегрировать название компании в копирайт заголовка, добавляем дескриптор внизу макета.

большой формат

суперузкий

квадратный

средний формат

суперузкий горизонтальный

Фотостиль

Продуктовость. Показываем горячую, «живую» еду — пар над пиццей, пластичный кусочек, тянущийся сыр. Посуда может не совпадать с упаковкой в пиццерии, но должна быть привычной для масс-маркета; еду подаём на пергаменте или в посуде, со свободной уютной раскладкой; ингредиенты ставим рядом с напитком, чтобы передать вкус. Избегаем остывшей пиццы с жёсткой геометричной формой, продуктов «в воздухе» без пергамента и посуды, претенциозного ресторанного сеттинга с лишним декором, коллажности, искусственности и «пластиковой» еды.

Нет

Остывшая пицца, жесткая, геометричная форма

Да

Образы горячей пиццы: пар, пластичный кусочек пиццы и тянущийся сыр

Нет

Любая еда на поверхности без пергамента или посуды, продукты «в воздухе»

Да

Посуда может не совпадать с упаковкой в пиццерии, но должна быть привычной для масс-маркета

Нет

Претенциозный, ресторанный сеттинг, лишние элементы декора

Да

Еда на пергаменте или в посуде, свободная, уютная раскладка

Нет

Печенье летает в воздухе, перформативно, нереалистично

Да

Показываем ингредиенты рядом с напитком для демонстрации вкуса

Неидеальность. Кадры должны выглядеть живыми: реалистичные бортики у пиццы, крошки и капли соуса; капли конденсата на холодных напитках и естественная подача; слегка мятая, но не разорванная бумага — фокус на продукте; уместный брендинг — оранжевый аксессуар или элемент упаковки. Избегаем остывшей «геометричной» пиццы, постановочной гипертрофированной неидеальности, неаккуратной коробки и избытка упаковки, перебора с обработкой и эффектами — блюром, бликами, мерцанием.

Нет

Остывшая пицца, жесткая, геометричная форма

Да

Реалистичные бортики у пиццы, крошки и капли соуса рядом с продуктом

Нет

Артистичные подтеки, постановочная, гипертрофированная неидеальность

Да

Капли конденсата на холодных напитках, естественная подача

Нет

Неаккуратная коробка, слишком много упаковки, продукт теряется

Да

Слегка мятая, не разорванная бумага, фокус на продукте

Нет

Перебор с обработкой и эффектами: блюр, блики, мерцание —  это отвлекает внимание от продукта

Да

Обработка дополняет образ, атмосферу, не мешает считывать продукт, а наоборот, выделяет его

Нет

Очень картинный и нереалистичный сеттинг, перебор с оранжевым: стол, упаковка, напиток, кольцо

Да

Уместное использование брендинга: оранжевый аксессуар или элемент упаковки

Поверхности в фото. Фон поддерживает идентичность бренда: детали интерьера, как в нашей пиццерии и на террасе — белый стол в крапинку, рыжие столы и стулья, светлое дерево; белые столы для внутренней коммуникации, оранжевые — для внешней; алюминий, как на кухне; монохромная подложка с тенью. Избегаем «чужого интерьера» с тёмным деревом без брендовых элементов, лишнего декора, претенциозного ресторанного сеттинга и коллажа вместо фона.

Нет

«Чужой интерьер»: слишком много дерева, оно тёмное, совсем нет брнедовых элементов

Да

Детали интерьера, как в нашей пиццерии и на террасе — белый стол в крапинку, рыжие столы и стулья, светлое дерево

Нет

Слишком много декора: цветы, проигрыватель, скатерть с принтом

Да

Белые столы для внутренней коммуникации, оранжевые для внешней

Нет

Претенциозный, ресторанный сеттинг

Да

Алюминий, как на кухне

Нет

Коллаж вместо фона

Да

Монохромная подложка с тенью

Графика

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG

Copy SVG

Copied SVG