Посмотрите демо Codenrock
Наш менеджер за 15 минут расскажет о Codenrock, ответит на ваши вопросы и даст вам тестовый тариф на 7 дней
Телефон
E-mail
Имя
Нажимая кнопку "Отправить" вы соглашаетесь на обработку персональных данных и правила пользования сайтом на условиях, изложенных в Политике обработки персональных данных и Условиях пользования сайтом.
Техническая дирекция.
|
Базовые константы.
Логотип. Построение.
Работая над шрифтовым написанием логотипа, мы вдохновлялись эстетикой классических моношириных шрифтов конца XX века.
В их основе лежала идея отсутствия оптической компенсации не пропорцианальности буквенного набора. Они отличались наибольшей точностью, пропорциональностью и строились по ровной сетке. В результате, шрифты "моно" стали ассоциироваться со сложной техникой, строгим математическим расчетом и средой программирования.

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


Угловатые "упрощенные" формы отсылают нас к минималистичным корням "моно" гарнитур, геометрические искажения обратного контура не только создают контраст для маштабирования, но и отлично подчеркивают уникальность шрифта. Скругления выполнены так, чтобы сохраняя квадратную стилистику и не перегружать написание "топорными" формами.
-
Форма буквы D, была сформирована на стыке стилей. Внешний контур скруглен, для придания лаконичности всего буквенного набора. Внутренний напротив, сохранил "технологичные" прямые углы
-
В основе буквы "f" заложен параметр единой толщины линий. Динамики ей придает слегка уменьшенное расстояние между горизонтальными направляющими
-
Скругления буквы "о" имеют разные соотношения, что увеличивает контрастность и читаемость при наборе малым кеглем. Сами же окружности стремятся к квадратной форме.
-
Буква "r" была стилизована под моноширинные гарнитуры начала 80х. В основе лежит простая геометрия - базис построения нашей айдентики
-
Буква "g" симбиоз изящности гуманистического гротеска и техничности моно шрифтов. Разность толщины линий и грубость "монолайнового" прямого угла
-
Буква "е" в типографики считается одной из самых сложных. Чтобы она не смотрелась громоздко, мы добавили разную толщину линий, сохранив квадратные скругления контура.
-
Диакритик(акцент).
создан не только по эстетическим, но и по практическим соображением. В английском и русских языках подобных элементов нет, но для кириллицы характерно расставленная ударения схожим образом.
Логотип
Базовые константы.
Логотип. Версии.
Логотип имеет 2 базовые версии, которые используется в соответсвии с правилами геометрического размещения контента.
Однострочная
версия
Версия логотипа для центрированного размещения,
а так же в случаях когда логотип используется в качестве линейной направляющей.
Например, при использовании в узком горизонтальном контейнере, либо в партнерском ряду, где соседних логотипы имеют горизонтальную ориентацию.
Логотип имеет безопасную зону,
границы которой не могут пересекаться другими
объектами.

Использование
Размещение
Подпись техническая дирекция, является полной версией и используется преимущественно
на рекламных носителях. Byline всегда отцентрирован и размещен таким образом чтобы буквенный набор попадал строго между "e" и "g" логотипа.
Byline
Двустрочная
версия
Версия логотипа для размещения по левой выключке. В таком виде логотип обладает более "правильными" прямоугольными пропорциями.

Использовать исключительно для размещения по левой стороне макета - носителя.
Логотип имеет безопасную зону,
границы которой не могут пересекаться другими
объектами.

Использование
Размещение
Подпись техническая дирекция, является полной версией и используется преимущественно
на рекламных носителях. Byline имеет левую выключку и размещен таким образом чтобы буквенный набор попадал строго между "f" и "r" логотипа.
Byline
Базовые константы.
Логотип. Стили и цвета.
Логотип используется в двух инверсных цветовых решениях.
Использование того или иного цвета зависит от тона фона на котором логотип расположен.
1. Инверсная версия

Инверсная версия логотипа имеет 2 возможных отражения: Fill & Line
2. Базовая версия

Темнее
Светлее
Стилистические вариации
2 string & fill
2 string & line
1 string & fill
1 string & line
Элементы айдентики.
Базовые цвета.
Black
Цифровой контент:
RGB 00 00 00
HEX #000000
Физические носители:
CMYK 100 79 44 93
Pantone Black C
В качестве основной цветовой градации выбран профиль Grayscale.
Главными константами которого являются абсолютные черный* и белый цвета.
Для печати используется смесевой эквивалент черного. Использование подобной альтернативы позволит "попасть в цвет" и избежать типографских ошибок.
Pantone Black C имеет глубокий синий оттенок.
White
Цифровой контент:
RGB 255 255 255
HEX #ffffff
Физические носители:
CMYK 0 0 0 0
Pantone P 179-1 C
Элементы айдентики.
Цветовая схема.
Основные цвета составляют 50 % цветового спектра фирменного стиля.
Так же допускается использование градации серого цвета.

Дополнительную палитру составляют желтый и синий цвета. Цветная палитра является акцидентной, применяется как дополнение к основным цветам и самостоятельно не используется.

Выбор цветов обусловлен направлениями работы технической дирекции.
Черно-белая палитра символизирует точную, узкоспециализированную работу
над составлением планов, сопутствующей документации, техническим контролем.
Желтый и синие цвета отсылают к основным техническим средствам над которыми эта работа осуществляется(звук, свет).

White
Black
PANTONE 116 C

PANTONE 2736 C

Цифровой контент:
RGB 255 255 255
HEX #ffffff
Физические носители:
CMYK 0 0 0 0
Pantone P 179-1 C
Цифровой контент:
RGB 00 00 00
HEX #000000
Физические носители:
CMYK 100 79 44 93
Pantone Black C
RGB 30 34 170
HEX #1E22AA
CMYK 97 95 0 0

RGB 255 205 0
HEX #FFCD00
CMYK 0 14 100 0

5%
10%
20%
70%
80%
90%
Элементы айдентики.
Шрифт
В качестве шрифта акциденции и набора используется гарнитура TT Firs.
TT Firs — универсальный гротеск, нарисованный в современном Скандинавском стиле.

Характер шрифта подчеркивает строгость и технологичность бренда.
Геометрические, угловатые формы коррелируется с типографикой логотипа, а принадлежность к семейству гротесков обеспечивает идеальную читабельность как на digital, так и на физических носителях.
TT Firs Extrabold

-

Начертание Extrabold отлично подходит для акциденции, и набора заголовков.
-

Начертание Regular используется преимущественно для набора больших массивов текста.
TT Firs Regular

Элементы айдентики.
Фирменные элементы. Графика.
Основой графического стиля выступает модульная сетка.

Модульная сетка - неотъемлемый атрибут проектирования, применяемый в различными специалистами от архитекторов до веб-дизайнеров. Модульная система упрощает и ускоряет конструирование. Эту ассоциацию мы заложили в визуальную идентичность бренда, тем самым подчеркивая характер деятельности бренда. Создавать проекты с помощью профессиональных методов, которые позволяют оптимизировать трудозатраты подрядчиков-исполнителей и решают сложные задачи клиентов.

В зависимости от характера макета и его функций, она может служить как контейнером(табличной формой), так и декоративным графическим элементом.
Символ
звука
Символ
света
Каждый элемент фирменного стиля, является самостоятельной графической единицей.
Он может использоваться как часть интерфейса(например обозначая количество/графу/деление) в графике или таблице, либо участвовать в построении паттерна, бэкграунда или даже иллюстраций.
Каждому элементу может быть присвоен любой цвет из фирменной палитры.
Запрещается изменение цвета треугольного элемента на желтый, а круга на синий.
Модуль