Awem Гайдбук
Логотип
Основная версия
Основной логотип — название компании в голубом цвете.
Монохромная версия
Для случаев, когда нельзя использовать цвет, используйте монохромную версию логотипа.
Логотип с подстрочником
Дополнительная версия логотипа используется, когда нужно обозначить специализацию компании.
Знак
В случаях, когда места под полный логотип не хватает, или чтобы не дублировать основной логотип в рамках одного носителя, первую букву логотипа можно использовать отдельно в качестве фирменного знака. Например, если в презентации полная версия уже использована на обложке, на отдельных слайдах можно использовать знак.
Иконка
Охранное поле
Охранное поле логотипа не даёт ему визуально смешаться с другими элементами дизайна.
Высота и ширина поля равны высоте буквы «A». Размещать в этом пространстве графические элементы, изображения или текст запрещено.
Высота и ширина поля равны высоте буквы «A». Размещать в этом пространстве графические элементы, изображения или текст запрещено.
Обратите внимание: На схеме указано минимальное расстояние. Его можно увеличивать, но нельзя уменьшать.
Минимальный размер
Минимально допустимый размер логотипа и логотипа с подстрочником для печатных носителей и цифровой среды. Определяется шириной логотипа. Постоянен для всех версий логотипа.
Минимальная ширина указана без учёта охранного поля.
Минимальная ширина указана без учёта охранного поля.
Логотип и цвет
Основную версию логотипа в голубом цвете можно размещать на нейтральном светлом или черном фоне. А также на подходящем по цвету участке фотографии без лишних деталей.
Не используйте голубой логотип на цветном фоне.
Размещая логотип на цветном фоне, следите, чтобы он был достаточно контрастным, предпочтительнее использовать белый логотип. Черный логотип используйте как можно реже.
Размещая логотип на цветном фоне, следите, чтобы он был достаточно контрастным, предпочтительнее использовать белый логотип. Черный логотип используйте как можно реже.
Сочетание цвета логотипа с фирменными цветами.
Запрещённые приёмы работы с логотипом
Некоторые операции нельзя совершать с логотипом, так как это приведёт к неприемлемому результату: потере узнаваемости, искажению, затруднению чтения.
1
не искажайте пропорции логотипа
2
не поворачивайте его на угол, отличный от 90°
3
не используйте шрифты, отличные от фирменных
4
не используйте в логотипе градиенты и другие визуальные эффекты
5
используйте только фирменные цвета: чёрный, белый и голубой
6
не используйте обводку
Фирменный стиль
Фирменные цвета
Основной фирменный цвет — голубой. Он используется для фона, фирменных градиентов и графики.
Дополнительные цвета: оранжевый, фиолетовый, серый и чёрно-фиолетовой. Они используются для фирменных градиентов и графики. Чёрно-фиолетовой цвет также используется для фона в тёмной теме.
В диджитал-среде и при печати яркость цветов отличается.
Дополнительные цвета: оранжевый, фиолетовый, серый и чёрно-фиолетовой. Они используются для фирменных градиентов и графики. Чёрно-фиолетовой цвет также используется для фона в тёмной теме.
В диджитал-среде и при печати яркость цветов отличается.
Фирменные цвета для digital-среды
Дополнительные оттенки
Фирменные цвета для печати
Обратите внимание: Цвета на экране могут отображаться с искажением. Номера оттенков подобраны по вееру Pantone. Перед печатью всегда уточняйте цвета с помощью веера Pantone.
Дополнительные оттенки в CMYK
Примерные пропорции цветов в стиле Awem отражает схема ниже. Основной цвет — голубой. Оранжевый — второй по объёму. Чуть меньше представлен фиолетовый, ещё меньше — чёрно-фиолетовый. Серый используется меньше всего.
Форма
Форма фирменной буквы «А» становится основой для ключевого элемента фирменного стиля — формы свечения летающей тарелки.
Форму можно использовать как контейнер для фото или фирменного градиента.
Обратите внимание: первые два варианта градиента используются в 90% случаев, а оранжево-фиолетовый – в оставшихся 10%.
Форму можно располагать так, чтобы на макете было видно только ее фрагмент или всю форму целиком. Однако избегайте слишком маленьких обрезков фона, которые могут оставаться по углам. Слишком маленькими считаются фрагменты, площадь которых составляет лишь несколько процентов от площади, закрытой формой.
Форму можно разворачивать и менять её размер:
Можно использовать как часть фона:
Не помещайте в фирменную форму людей на фотографии, если они находятся в коммуникации с другими людьми. Это может создать эффект «пузыря», нежелания человека разговаривать с собеседником.
Сама летающая тарелка — не основной элемент стиля, а "пасхалка", которую можно периодически использовать в макетах для поддержания космической тематики. Используйте для тарелки сплошную заливку фирменными цветами, не применяйте градиенты и прозрачность. Тарелку можно поворачивать, но нельзя менять ее форму.
Фирменные градиенты
Фирменные градиенты: двухцветные оранжево-фиолетовый и фиолетово-голубой, и одноцветный – голубой. Они создаются при помощи инструмента «свободный градиент» в программе Adobe Illustrator.
Градиенты могут уходить в прозрачность. Проценты прозрачности и положение опорных точек для построения градиента можно менять в зависимости от потребностей макета. Однако существуют минимальные значения для части градиента: на цветном фоне — 40%, на фотографии — 10%.
Используйте градиент в фирменной форме. В одной форме допускается только по одной области каждого цвета.
Обратите внимание: Оранжево-фиолетовый градиент допускается использовать только
в сочетании с фирменным голубым цветом. Стоит избегать наложения прозрачного оранжевого и голубого, так как при смешении получается зеленый оттенок.
в сочетании с фирменным голубым цветом. Стоит избегать наложения прозрачного оранжевого и голубого, так как при смешении получается зеленый оттенок.
Градиент можно использовать как часть фона макета в сочетании с фотографиями или сплошной заливкой фирменного голубого. В этом случае часть градиента должна иметь непрозрачность 100%.
Можно одновременно использовать градиент с фирменным фоном и фотографию.
Обратите внимание: Оранжево-фиолетовый градиент допускается использовать только в сочетании с фирменным голубым цветом.
Важно соблюдать правильное соотношение фирменных цветов: основной цвет — голубой, оранжевый — второй по объёму, чуть меньше представлен фиолетовый.
Важно соблюдать правильное соотношение фирменных цветов: основной цвет — голубой, оранжевый — второй по объёму, чуть меньше представлен фиолетовый.
Дополнительная графика
Дополнительная графика из разноцветных кругов-конфетти или планет поддерживает космическую тематику.
Обратите внимание: не используйте прозрачность для дополнительной графики.
Чтобы избежать слишком сильного мельтешения и пестроты, используйте на одном макете не больше трех кругов — или ещё меньше, если на изображении и так много элементов.
Выберите два из четырёх фирменных цветов (голубой, оранжевый, серый, фиолетовый). Сочетайте круги разных размеров.
Выберите два из четырёх фирменных цветов (голубой, оранжевый, серый, фиолетовый). Сочетайте круги разных размеров.
Иконки
Для иконок используются только фирменные цвета: голубой, оранжевый, фиолетовый, серый.
Основные принципы, которых следует придерживаться: сплошная заливка, выпуклые формы и мягкие углы, построение на основе замкнутых форм, а не линий.
Основные принципы, которых следует придерживаться: сплошная заливка, выпуклые формы и мягкие углы, построение на основе замкнутых форм, а не линий.
Обратите внимание: не используйте для иконок прозрачность и градиенты, это создает визуальный шум и помеху для восприятия иконки.
Примеры иконок:
Можно использовать выворотку и размещать белые иконки на цветном фоне.
При создании более сложных иконок используйте фирменные цвета и их оттенки. Также допускается использование "летающих" кругов и других простых форм (сердечки, звезды и т.д.)
Шрифт
Фирменный шрифт — бесплатная гарнитура Commissioner.
Для заголовков используется начертание Commissioner Black.
Для текста — более сдержанные, прямые начертания.
Для основного текста — Commissioner Regular.
Для подзаголовков, дополнительных подписей и комментариев можно использовать дополнительные начертания — такие, как Comissioner Bold или Commissioner Light.
Для заголовков используется начертание Commissioner Black.
Для текста — более сдержанные, прямые начертания.
Для основного текста — Commissioner Regular.
Для подзаголовков, дополнительных подписей и комментариев можно использовать дополнительные начертания — такие, как Comissioner Bold или Commissioner Light.
Обратите внимание: все заголовки набираются с прописной буквы. Не набирайте шрифтом Commissioner Black слишком длинные тексты, максимум 4−5 слов.
Для больших массивов текста используйте чёрный и белый цвета. Для заголовков и акцентных фраз можно использовать фирменные оттенки голубого, оранжевого и фиолетового. При этом запрещено размещать цветной текст на цветном фоне.
Пропорции в макетах
Примеры пропорций в имиджевых макетах.
Для горизонтального макета:
Для горизонтального макета:
Для вытянутого горизонтального макета:
Для вертикального макета:
Для квадратного макета:
Персонаж
Маскот Awem — космический пришелец, образ которого основан на первой букве логотипа. Используется прежде всего в HR-коммуникации.
Дополняя персонажа простыми элементами, можно создавать разных героев с нужным характером.
Дополняя персонажа простыми элементами, можно создавать разных героев с нужным характером.
Сам персонаж окрашивается градиентом на основе фирменного цвета. В 80% случаев используется голубой вариант маскота, в оставшихся 20% — оранжевый и фиолетовый. Дополнительные элементы — простые формы со сплошной заливкой, создавая их, придерживайтесь общих принципов для иконок.
Вы можете дополнять персонажа аксессуарами, но не перекрывайте больше 20% контура маскота, он должен хорошо считываться.
Обратите внимание: летающих элементов вокруг маскота должно быть не более трех, чтобы не перегружать макет.
Основная форма маскота не меняется, можно только менять положение зрачка внутри глаза и поворачивать маскота на плоскости.
Используйте не больше трёх фирменных цветов для одного персонажа (цвет, в который окрашен маскот + два дополнительных).
Размещайте маскота на контрастном фоне. Фиолетовый маскот лучше всего смотрится на голубом или белом фоне без градиента.
Стоит избегать:
- Размещения голубого маскота на голубом фоне, даже если это небольшая часть, так как это искажает форму.
- Стоит избегать смешения фиолетовых градиентов и фиолетового маскота.
Запрещённые приёмы работы с маскотом
1
не меняйте форму персонажа
2
не применяйте к персонажу перспективные искажения
3
не перекрашивайте персонажа в цвета, отличные от фирменных
4
не применяйте к персонажу визуальные эффекты
5
не используйте обводку
6
не переводите персонажа в чёрно-белый
Иногда мы можем пошалить и отойти от правил, делая "рисованного" маскота под стиль мемов или комиксов :)
Сочетание стиля с графикой из игр
Использовать графику из игр в макетах можно двумя способами.
Первый — отдельные элементы графики или персонажи из игр. Располагайте их на фоне фирменного цвета в сочетании с фирменной графикой или элементами. Не используйте постороннюю графику или градиенты для фона. Не используйте посторонние шрифты — исключением может быть только логотип игры или компании.
Первый — отдельные элементы графики или персонажи из игр. Располагайте их на фоне фирменного цвета в сочетании с фирменной графикой или элементами. Не используйте постороннюю графику или градиенты для фона. Не используйте посторонние шрифты — исключением может быть только логотип игры или компании.
Второй вариант — использование скриншотов из игр целиком. Их можно сочетать с градиентом фирменного цвета, например, чтобы разместить сверху текст. Не используйте дополнительную фирменную графику и градиенты из нескольких цветов, чтобы не перегружать макет. Не используйте посторонние шрифты, за исключением логотипа игры.
С осторожностью сочетайте графику из игр с фотографиями и маскотом, чтобы не перегружать макет.
Чтобы продемонстрировать какой-то элемент графики или персонажа отдельно, например для портфолио на ArtStation, используйте темный фон. За фон тенью помещайте основной арт. Если артов несколько, для фона выбирайте любой, но один.
Фотостиль
Используйте цветные фотографии хорошего качества. Основные герои фотографий — люди, сотрудники Awem. Предпочтение отдавайте светлым снимкам с холодным подтоном, их проще сочетать с разноцветной фирменной графикой. Для обработки фото можете использовать фирменный пресет.
Однако на вечеринках или конференциях условия съёмки бывают разными. Поэтому, используя фотографии с большим количеством тёмных оттенков, старайтесь, чтобы они были хорошо освещены и без искажений цвета.
Неудачные примеры фотографий — слишком пестрые, плохо освещенные или с искаженными цветами, жёлтым или зелёным подтоном:
Используйте линейные градиенты фирменного фиолетового или голубого цветов для частичного тонирования фотографий — например, чтобы разместить поверх текст.
Носители фирменного стиля
Шаблоны постов Инстаграм
Составление ленты
Около 60% занимают посты с фотографиями. Цвет фона — преимущественно синий. Тёмная тема, посты с маскотом и посты с графикой из игр — для особых случаев, они могут занимать примерно 10% ленты. Дополнительную графику с разноцветными кружками советуем использовать примерно в 20% случаев, чтобы не перегружать ленту. Это могут быть посты с фотографиями или без. Форма с градиентом — в 30% постов.
Следите за тем, чтобы похожие по шаблонам посты не стояли рядом или друг под другом (например, посты с формой).
Следите за тем, чтобы похожие по шаблонам посты не стояли рядом или друг под другом (например, посты с формой).
Обложки для постов
Чтобы разнообразить ленту и учесть разные ситуации, шаблоны предусматривают выравнивание текста по центру и по левому краю, а также два варианта размеров заголовков.
Выравнивайте текст по верхней или по нижней границе охранного поля. Для заголовков первого уровня (самых главных) используйте шрифт Commissioner Extra Bold 126 pt. Для подзаголовков — Commissioner Medium 55pt. Подзаголовок использовать не обязательно.
Выравнивайте текст по верхней или по нижней границе охранного поля. Для заголовков первого уровня (самых главных) используйте шрифт Commissioner Extra Bold 126 pt. Для подзаголовков — Commissioner Medium 55pt. Подзаголовок использовать не обязательно.
Для создания изображения на обложке можно использовать различные варианты графики, описанные в разделе «Фирменный стиль».
Шаблоны постов с графикой из игр
Для рассказа о создании игр можно использовать отдельные элементы или скриншоты из игр. При этом важно соблюдать правила работы с игровой графикой.
Шаблоны постов с фотографией
Создавая такие обложки, вы можете использовать фирменную форму купола, голубой или фиолетовый градиенты, плашки с закругленными углами.
Шаблоны внутренних слайдов с текстом
Для объёмных массивов текста используйте чёрный шрифт в начертании Commissioner Regular 36 pt на светлом фоне — именно в таком варианте текст читается проще всего. Используйте подложки белого цвета со скругленными углами. Если текста немного, его можно расположить на более сложном фоне:
Внутренние слайды для тематических постов также можно дополнять графикой из игр:
Слайды внутри одного поста оформляйте по одному и тому же шаблону.
Шаблоны для сториз
В шаблонах сториз используются те же приёмы, что и в постах. Вертикальный формат сториз позволяет набирать крупные заголовки Commissioner Extra Bold (155 pt) в две строки.
Презентации
У нас есть фирменный шаблон для презентаций в Google slides. В нем есть инструкция по использованию шаблона, примеры слайдов, графиков и диаграмм, а также иконок.
Если у вас не установлен фирменный шрифт, выделите фрейм с текстом, в меню выбора шрифтов нажмите «Больше шрифтов» и найдите Commisioner.
Если у вас не установлен фирменный шрифт, выделите фрейм с текстом, в меню выбора шрифтов нажмите «Больше шрифтов» и найдите Commisioner.
Фон текстовых слайдов может быть либо серым, либо фирменным голубым. Сохраняйте в презентации одинаковый размер заголовков — от 28 до 32 pt;не меньше 32 pt для разделительных слайдов.
В образцах презентаций есть слайд с иконками. Можете скопировать его на свой слайд.
В образцах презентаций есть слайд с иконками. Можете скопировать его на свой слайд.
Вставляя на слайды или шаблоны слайдов фирменные градиенты, сохраняйте изображения в png с прозрачным фоном.
Вставляя маскота или какую-то другую картинку без фона на слайд с цветным фоном, используйте png-файл с прозрачным фоном.
Вставляя в презентацию изображения, используйте либо контейнер круглой формы, либо прямоугольник со скруглёнными углами.
Вставляя маскота или какую-то другую картинку без фона на слайд с цветным фоном, используйте png-файл с прозрачным фоном.
Вставляя в презентацию изображения, используйте либо контейнер круглой формы, либо прямоугольник со скруглёнными углами.
Оформление сайта
Так могут выглядеть обновленные страницы сайта.
Стенд Роллап
Размер: 850×2000 мм.
Материал: баннерная ткань.
Способ изготовления: широкоформатная печать.
Материал: баннерная ткань.
Способ изготовления: широкоформатная печать.
Блокнот
Обложка
Размер: 130×210 мм.
Материал: искусственная кожа.
Способ нанесения изображения: блинтовое тиснение.
Материал: искусственная кожа.
Способ нанесения изображения: блинтовое тиснение.
Внутренний блок
Часть листов внутреннего блока — белая c линовкой в точку. Другая часть — персонализированная, с изображением маскота.
Размер: 124×204 мм.
Материал: кремовая безхлорная бумага плотностью 80 г/м², плотные листы – 300-350 г/м².
Способ изготовления: цифровая или офсетная печать. Допускается блокнот на внутренней пружине в мягкой обложке из итальянского кожзама с внутренним тиснением маскота.
Размер: 124×204 мм.
Материал: кремовая безхлорная бумага плотностью 80 г/м², плотные листы – 300-350 г/м².
Способ изготовления: цифровая или офсетная печать. Допускается блокнот на внутренней пружине в мягкой обложке из итальянского кожзама с внутренним тиснением маскота.
Рубашка поло
Материал: хлопок.
Способ нанесения изображения: вышивка.
Размер логотипа: 50 мм.
Можно заказать здесь.
Бирка
Размер: 20×30 мм.
Размер логотипа на бирке: 15×12 мм.
Материал бирки и способ нанесения изображения при большом тираже: вышивка жаккардовой этикетки на станке.
Материал бирки и способ нанесения изображения при маленьком тираже: сублимационная печать на ткани либо флекс-печать на ленте.
Способ нанесения изображения: вышивка.
Размер логотипа: 50 мм.
Можно заказать здесь.
Бирка
Размер: 20×30 мм.
Размер логотипа на бирке: 15×12 мм.
Материал бирки и способ нанесения изображения при большом тираже: вышивка жаккардовой этикетки на станке.
Материал бирки и способ нанесения изображения при маленьком тираже: сублимационная печать на ткани либо флекс-печать на ленте.
Белая рубашка поло:
Худи
Кофта свободного кроя с капюшоном.
Материал: хлопок.
Размер логотипа: 50 мм
Способ нанесения изображения: вышивка.
Можно заказать здесь.
Бирка
Размер: 50×15 мм.
Вшивная бирка
Размер: 20×30 мм.
Размер логотипа на бирке: 15×12 мм.
Материал бирки и способ нанесения изображения при большом тираже: вышивка жаккардовой этикетки на станке.
Материал бирки и способ нанесения изображения при маленьком тираже: сублимационная печать на ткани либо флекс-печать на ленте.
Материал: хлопок.
Размер логотипа: 50 мм
Способ нанесения изображения: вышивка.
Можно заказать здесь.
Бирка
Размер: 50×15 мм.
Вшивная бирка
Размер: 20×30 мм.
Размер логотипа на бирке: 15×12 мм.
Материал бирки и способ нанесения изображения при большом тираже: вышивка жаккардовой этикетки на станке.
Материал бирки и способ нанесения изображения при маленьком тираже: сублимационная печать на ткани либо флекс-печать на ленте.
Чёрная толстовка:
Бомбер:
Бейсболка
Материал: хлопок.
Размер логотипа: 40 мм.
Размер знака: 25×20 мм.
Способ нанесения изображения: вышивка.
Размер логотипа: 40 мм.
Размер знака: 25×20 мм.
Способ нанесения изображения: вышивка.
Бутылка для воды
Способ нанесения изображения на бутылку: тампопечать.
Способ нанесения изображения на ремешок: шелкотрансфер.
Способ нанесения изображения на ремешок: шелкотрансфер.
Значок
