Правила использования знака и логотипа
Правила использования знака и логотипа
Правила написания сервиса
Во всех текстовых материалах мы пишем название сервиса Ozon латиницей и с заглавной буквы, а Забота — кириллицей и тоже с заглавной буквы.
Название компании Ozon
Во всех текстовых материалах мы пишем название сервиса Ozon латиницей и с заглавной буквы, а Забота — кириллицей и тоже с заглавной буквы.
Правильно:
Ozon Забота
Неправильно:
Ozon забота
Логотип Ozon Забота
Логотип Ozon Забота
Основной логотип

Основной логотип

Альтернативный логотип

Альтернативный логотип

Монохромное исполнение
Монохромное исполнение
Основной логотип

Основной логотип

Альтернативный логотип

Альтернативный логотип

Охранные поля
Любые изображения и текст должны быть удалены от логотипа на расстояние первой буквы «O» самого логотипа.
Охранные поля
Любые изображения и текст должны быть удалены от логотипа на расстояние первой буквы «O» самого логотипа.
Основной логотип

Основной логотип

Альтернативный логотип

Альтернативный логотип

Неправильное использование
Неправильное использование
Нельзя сокращать или увеличивать расстояние от подстроки до основного логотипа
В логотипе название сервиса всегда пишется с маленькой буквы
Не растягивайте название сервиса на всю ширину логотипа Ozon и не меняйте пропорции построения
Нельзя искажать шрифт в подстроке
Недопустимо использование эффектов
Недопустимо перекрашивание элементов в логотипе
Цветовая палитра Ozon Забота
Цветовая палитра Ozon Забота

Основные цвета

Фирменные цвета взяты из основной палитры цветов Ozon. 
Основные цвета используются в соотношении 70 на 30 к дополнительным.
Morning blue

HEX

00A2FF

RGB

0 162 255

Dark space

HEX

001A34

RGB

0 26 52

Dark space 25

HEX

EEF2F5

RGB

238 242 245

Дополнительные цвета

Используются в иллюстрациях и графических элементах.

Для векторных иллюстраций есть особый цвет, Night sky: используется только для обводок, дополнительных деталей одежды и волос персонажей.

Мы минимизируем использование градиентов: совсем не используем их внутри иллюстраций и ограниченно — на фонах.
Ozon blue

HEX

005BFF

RGB

0 91 255

Green grass

HEX

00BE6C

RGB

0 190 108

Orange star

HEX

FFA800

RGB

255 168 0

Ozon magenta

HEX

F1117E

RGB

241 17 126

Morning blue 50

HEX

80D0FF

RGB

128 208 255

Night sky (special)

HEX

090089

RGB

9 0 137

Шрифт
Шрифт
Графические элементы и иконка
Графические элементы и иконка
Основная концепция = 3D + 2D-графика

Основная концепция = 3D + 2D-графика

В качестве графических элементов используется коллаборация двух видов графики: белых 3D-элементов (материал — пластик) и цветной векторной графики в цветах палитры.
При комбинировании двух стилей графики мы используем универсальную пропорцию 85% к 15%.
Скачать
Графические 3D-элементы

Графические 3D-элементы

Общие требования для 3D-элементов — белый цвет, материал — пластик с сохранением свето-теневого рисунка. Добиться такого эффекта на цветных изображениях можно с помощью масок коррекции ч/б с настройкой «максимальный белый», снижение насыщенности и настроек экспозиции.
Скачать
Иконка в приложении

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

Для отображения сервиса в приложении. Недопустимо изменение положения и размера знака в иконке.
Скачать
Иллюстрации
Также в качестве графических элементов используются 2D-иллюстрации в фирменной палитре и специально разработанном «наивном» стиле.
Иллюстрации
Также в качестве графических элементов используются 2D-иллюстрации в фирменной палитре и специально разработанном «наивном» стиле.
При создании и изменении иллюстраций необходимо придерживаться 
нескольких правил:
  • Стиль состоит из штриховых обводок и плоских заливок чистыми цветами, без градиентов. Обводки должны быть одинаковы во всем макете и соразмерны композиции.
  • Обводки всегда только одного цвета — Night sky.
  • Люди на иллюстрациях имеют лица без теней, но с живыми обводками, нельзя пользоваться обводками без утоньшения к краям бровей, глаз и рта.
  • У девушек и маленьких детей можно использовать схематичный румянец в форме овалов, цвет — Ozon magenta.
  • У всех персонажей чуть вытянутые конечности. Кисти рук имеют пальцы, но нет более мелкой детализации. Ушные раковины обозначены схематично.
  • Волосы используем преимущественно цвета Night sky. Так же допустимы волосы цвета Ozon magenta, у пожилых персонажей — в градациях серого.
  • Можно использовать портреты персонажей до пояса, с использованим масок.
Промоматериалы: примеры
Промоматериалы: примеры

Общие рекомендации:

  • Мы ведем диалог о тех, кому помогаем, корректно и на оптимистической ноте, в этом поможет редполитика.
  • В макетах должно быть много воздуха и ощущение легкости.
  • Комбинируем 2D- и 3D-графика в пропорциях 85% к 15%.
  • Баннеры могут оформляться с помощью фотоматериалов, в таком случае необходимо комбинировать фото и 3D/мелкое 2D.
  • Мы не используем тригеррные фото в своих коммуникациях.

При оформлении баннеров не стоит забывать 
базовые правила типографики:

  • Не допускаются висячие предлоги на конце строки.
  • Кавычки должны быть «ёлочками».
  • Длинное тире, а не дефис.