View ordatech flipbook.
Содержание Логотип Концепция Основная версия Фирменный знак Вертикальная версия Охранное поле Фирменные цвета Использование на фонах Монохромная версия Недопустимое использование Типографика Фирменный шрифт Принципы верстки Системный шрифт Стилеобразующие элементы Фрейм Фирменная графика Фирменная полоса Фотостиль Иллюстрации Иконки брендбук 01
1. Логотип Идея логотипа заключается в визуальном отображении главных ассоциаций бренда. В основу идеи фирменного знака положен синтез двух направлений деятельности компании. Для каждой из отраслей был выбран свой обобщенный символ, объединенный друг с другом единым графическим стилем в рамках одной геометрической формы. Образ стрелки, созданный в результате их сочетания, символизирует динамику и рост компании в целом. 1.1. концепция Гайка ассоциируется с производственными работами, металлом, а ее форма шестигранника символизирует надежность и качество продукции. Катушка является прямой ассоциацией с триммерной продукцией, катушкой лески. Также элемент спирали служит символом объединения, смешения отраслей производства. Стрелка опредставляет собой движение, развитие, рост. Повторяя форму шестигранника, она не препятствует узнаванию главных символов и имеет второстепенное значение. 02 ordatech
1. Логотип ordatech 03 40мм | 160px Полная версия логотипа состоит из знака и шрифтовой части. Знак всегда располагается только слева от шрифтовой части. Расположение элементов логотипа и их пропорции являются неизменными. Не пытайтесь воспроизвести логотип самостоятельно, используйте исходный файл из данного Руководства. 1.2. Основная версия Минимальный размер логотипа для печати и веб
1. Логотип В некоторых случаях возможно использование знака отдельно от шрифтовой части (например, для значка или в качестве буллитов). Не следует использовать знак без шрифтовой части на тех носителях, где важно обозначить узнаваемость компании и акцентировать внимание на её названии. 1.3. фирменный знак Минимальный размер фирменного знака для печати и веб 10мм | 40px 04 ordatech
1. Логотип ordatech 05 15мм | 60px Вертикальная версия логотипа состоит из знака и шрифтовой части. Знак всегда располагается строго по центру шрифтовой части. Расположение элементов логотипа и их пропорции являются неизменными. Не пытайтесь воспроизвести логотип самостоятельно, используйте исходный файл из данного Руководства. 1.4. вертикальная версия Минимальный размер вертикальной версии для печати и веб
1. Логотип Охранное поле – свободная область вокруг логотипа, за которую не должны заходить другие элементы дизайна. Так логотип легко идентифицировать на различных носителях. Оптимальный размер охранного поля равен букве О из шрифтовой части логотипа. По этому принципу строится охранное поле для всех версий логотипа. 1.5. Охранное поле При использовании логотипа или символа нужно всегда соблюдать охранное поле. 06 ordatech
1. Логотип ordatech 07 1.6. фирменные цвета Основные цвета используются для оформления всех печатных и электронных носителей фирменного стиля: начиная от визиток и бейджей, заканчивая электронными рекламными материалами. Цветовая палитра состоит из двух основных цветов: лаймового и графитового. В качестве дополнительных цветов используются белый и черный цвета. Фирменный градиент от лаймового цвета к черному строится строго в приведенном соотношении цветов. Используйте градиент только из оригинального векторного файла. R43 G126 B209 #99F000 C84 M43 Y0 K0 Pantone 2727 C RAL 5015 Oracal 053 R255 G255 B255 #FFFFFF C0 M0 Y0 K0 Pantone white RAL 9016 Oracal 010 R255 G255 B255 #FFFFFF C0 M0 Y0 K0 Pantone white RAL 9016 Oracal 010 R255 G255 B255 #FFFFFF C0 M0 Y0 K0 Pantone white RAL 9016 Oracal 010 50% 50%
1. Логотип 1.7. использование логотипа на фонах На этой странице показаны допустимые цифровые значения корпоративных цветов. Все материалы должны создаваться только с использованием данных цветовых решений. Для отдельных случаев допускается использование 100% черного и 100% белого вариантов логотипа. А также использование фирменного градиента для заливки и фонового решения При наложении логотипа на фото используйте затенение или градиент в соотношении 30:100. Избегайте шумных фонов, соблюдайте контраст. 08 ordatech
1. Логотип 1.7. монохромная версия Чёрно-белый вариант логотипа является дополнительным и используется, если печать в цвете невозможна (например, на бланке факсимильного сообщения). Также используется для лазерной гравировки. ordatech 09
1. Логотип 1.9. недопустимое использование Окрашивание логотипа в нефирменные цвета Измененение композиции логотипа Неверное использование логотипа в инверсии цвета Использование градиентной заливки логотипа на темном фоне Произвольное перекрашивание элементов Искажение пропорций логотипа Изменение шрифта текстового блока Использование только текстового блока Применение наклона к логотипу Использование логотипа на незатемнённой фотографии с большим количеством деталей 1 2 6 7 8 9 10 3 5 4 10 ordatech
2. типографика 2.1. фирменный шрифт Фирменный шрифт — IBM Plex Sans используется для рекламных заголовков первого уровня. Для подзаголовков и основного текста используется шрифт Roboto в начертаниях Regular и Bold. Roboto Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ&abcde fghijklmnopqrstuvwxyz123456789 0$.,”:;%! Roboto Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ&abcde fghijklmnopqrstuvwxyz123456789 0$.,”:;%! IBM Plex SansIBM Plex Sans Bold Aa ABCDEFGHIJKLMNOPQRS TUVWXYZ& 123456789 0$.,”:;%! ordatech 11
2. типографика 2.2. принципы верстки На данной странице показано примерное распределение масштабов текста, используемых при верстке макетов. * Рекламные заголовки первого уровня всегда пишутся прописными буквами. Company profile Our mission Our mission is to bring our skills and technologies to Malaysia to establish the factory of polyamide extrusion products, fulfilling the needs of the local market with goods for daily use for gardening and lawn maintenance, civil construction and road pavement, providing rapid production-lead time, and fast and rhythmic logistics to customers. IBM Plex Sans 24pt Roboto 18pt Roboto 10pt 12 ordatech
2. типографика 2.3. Системный шрифт ordatech 13 В качестве системного шрифта следует использовать Arial в начертаниях Regular и Bold АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЫЪЬЭЮЯ абвгдежзийклмнопрстуфхцчшщыъьэюя1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ& abcdefghijklmnopqrstuvwxyz123456789 0$.,”:;%! АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЫЪЬЭЮЯ абвгдежзийклмнопрстуфхцчшщыъьэюя1234567 890 ABCDEFGHIJKLMNOPQRSTUVWXYZ& abcdefghijklmnopqrstuvwxyz123456789 0$.,”:;%! Arial AaBbCc12345
3. стилеобразующие элементы 3.1. фрейм 14 ordatech Графический элемент логотипа может быть использован в качестве фрейма под фото или видео. Не следует использовать фрейм на тех носителях, где важно обозначить узнаваемость компании и акцентировать внимание на её названии. Также не допускается использование слишком маленького фрейма - изображение должно быть узнаваемым и не иметь шумных фонов.
3. стилеобразующие элементы 3.2. фирменная графика Концепция строится на принципе кадрирования фирменного знака. Четыре графических элемента используются для создания акцентного цветового блока в рекламных макетах. Размещение на всю высоту макета и заливка в один из фирменных цветов обязательна, если форма не используется в качестве фрейма для изображений. ordatech 15
3. стилеобразующие элементы 3.3. фирменная ПОЛОСА 16 ordatech 2х х х х х Фирменная полоса используется в качестве плашки для текста при верстке упаковки продукции, буклетов, бейджей, оформлении слайдов презентаций и в остальных случаях, где есть крупные заголовки. В случае невозможности реализации полосы в фирменных цветах следует использовать монохромную версию.
3. стилеобразующие элементы 3.4. Фотостиль Стиль подразумевает использование как полноцветных, так и черно-белых и тонированных в фирменный градиент (в соотношении градиент - 60%, фото - 100%) изображений преимущественно крупного плана. ordatech 17
3. стилеобразующие элементы 3.5. иллюстрации 18 ordatech Иллюстрации помогают брендингу, предоставляя визуальное представление о продуктах и услугах компании. Данные изображения выполняют функцию навигации по разделам продукции и могут использоваться для рекламных материалов и упаковок товаров. Допускается добавление в использование новых иллюстраций в будущем в той же стилистике для новых разделов.
3. стилеобразующие элементы 3.6. иконки Иконки могут выражать различные смыслы, ускоряя восприятие текста рядом с ним или без него. Важно создавать иконки, ориентируясь на критерий понятности образа. В разработке иконок важно придерживаться заданных стилевых условий: Информативность Закруглённые концы Закруглённые углы Один цвет Фон фирменного цвета Solid Stroke ordatech 19
4. Деловая документация 4.1. фирменный бланк 20 ordatech Формат А4 (210х297) мм В верхней части располагаются логотип, адресный блок и список реквизитов банка. Логоблок Ширина — 37 мм Шрифт Адресный блок и реквизиты банка ― Roboto Regular, 7 pt Наборный текст ― Roboto Regular, 9 pt Иконки : 22pt 20мм 50мм 20мм 20мм 20мм 20мм
4. Деловая документация 4.2. корпоративная визитка ordatech 21 46мм20мм 20мм 8мм 8мм 8мм10мм 24мм Формат А4 (210х297) мм В верхней части располагаются логотип, адресный блок и список реквизитов банка. Логоблок Ширина — 37 мм Шрифт Адресный блок и реквизиты банка ― Roboto Regular, 7 pt Наборный текст ― Roboto Regular, 9 pt Иконки : 22pt
4. Деловая документация 4.3. персональная визитка 24мм 22 ordatech Формат А4 (210х297) мм В верхней части располагаются логотип, адресный блок и список реквизитов банка. Логоблок Ширина — 37 мм Шрифт Адресный блок и реквизиты банка ― Roboto Regular, 7 pt Наборный текст ― Roboto Regular, 9 pt Иконки : 22pt