Основной версией логотипа является вариант горизонтального расположения знака и текстовой частью и с выделенной флагом России буквы «Z». Эту версию мы используем всегда, когда это позволяет ситуация. Только когда основной знак не подходит, можно применять дополнительные варианты.

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

При размещении логотипа на изображении, логотип должен хорошо на нём читаться. Для этого нужно размещать его на участках картинки с небольшим количеством деталей, например, небо, одноцветный объект или фон с размытием. Если такого участка нет на картинке, под логотип можно поставить затемнение/осветление или подложку белого или чёрного цвета. Подложку лучше всего будет сделать по контуру логотипа, чтобы это было похоже на стикер — смотрится аккуратнее и не так привлекает к себе внимание, при этом, если

Фирменный шрифт компании — GT America от компании Grilli Type. Заголовки, подзаголовки и надзаголовки набираются начертанием Compressed Bold, всегда верхним регистром и без разрядки букв. Абзацы текста, а так же акцентные тексты, например, цитаты и фактоиды — начертанием Regular, допустимо выделять отдельные части текста стилями Italic и Bold. Цитаты — Compressed Regular Italic.

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

Для создания системы типографики используется два правила:

1. Используем коэффициент 1,250 Major Third.
2. Размеры шрифта всегда кратны 2: 6, 8, 10, 12, 14 и так далее.

Как это работает:

1. Определяем базовый размер шрифта.
2. Для увеличения, умножаем его на 1,250.
3. Для уменьшения — делим на 1,250.
4. Когда получается неровное число, например, 61,04 px, то округляем его так, чтобы оно было кратно двум — 62 px.

Пример:

1. Базовый заголовок, который нам нужен — 40 px.
2. Строим заголовок вверх: 40 × 1,250 = 50 px.
3. Строим заголовок вверх: 50 × 1,250 = 62,5 px. Округляем до 62 px.
4. Строим заголовок вверх: 62 × 1,250 = 77,5 px. Округляем до 78 px.
5. Если нужен заголовок вниз, то: 40 ÷ 1,250 = 32 px.
6. Проделываем это с текстами, цитатами и другими текстовыми стилями, где нам нужна градация размеров.

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

В дальнейшем в стиле развивается идея стикеров: к блокам заголовкам-стикерам можно приставлять любы объекты, превращая их в эмблемы, значки и стикеры.

Для этого:

1. Любой логотип или рисунок обвести контуром фирменного цвета или вложить в прямоугольник.
2. Приставить к заголовкам-стикерам или поставить отдельно в любое место макета.

Если объект не нуждается в обводке и хорошо читается на фоне, то обводку делать не обязательно.

Так как основные образы игры — это автомобили и поиск решения задач, в дополнении ко всем предыдущим принципам добавляются ещё два стилизующих элемента: пометки от руки и образы близкие к автомобильному движению, в основном знаки дорожного движения, стрелки навигатор и светофоры.

Несколько идей:

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

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

Чтобы уменьшить динамику стоит:

• уменьшить разнообразие углов поворота у объектов,
• сократить количество фирменных цветов до 1,
• уменьшить сдвиги объектов отностильно друг друга в право и влево,
• использовать меньше стилистических приёмов за раз.

Чтобы увеличить динамику:

• наоборот увеличить углы повторота,
• применять 2–3 фирменных цвета,
• увеличить сдвиги объектов влево-вправо,
• добавить и заголовки-стикеры, значки, рисунки от руки и так далее.

Успокаивать макет или наоборот разгонять, зависит от цели и среды, где будет применяться макет:

• если цель привлечь внимание, то стоит сделать макет динамичнее,
• если цель улучшить читаемость, то стоит сделать макет спокойнее,
• если при этом вокруг много шума, то успокоить макет будет выгоднее — он выделится на фоне активной среды,
• если при этом среда спокойная и однообразная, то динамичный макет привлечёт больше зрителей.