i3 Engineering Брендбук

Відповідальне використання

Використання бренду i3 Engineering

Правильне написання:

Назва компанії: i3 Engineering
Назва основної лінійки пристроїв: Atom
Назва додаткової лінійки пристроїв: Atom Extension
Назва мобільного додатку: i3 Home

✅ Правильне написання назви компанії

Illustration

✅ Правильне написання назви мобільного додатку

Illustration

✅ Правильне написання основної лінійки пристроїв

Illustration

Важливо! Не використовуйте ВЕЛИКІ ЛІТЕРИ для написання назв. Перша літера у назві компанії «i» має бути написана з маленької літери, aтретя літера у назві компанії «E» і третя у назві додатка «H» – з великої.

Використання у доменних іменах

Доменне ім’я – це дуже важлиий інструмент маркетингу, який повинен приводити клієнтів до вас та забезпечувати видимість бренду. Вдалостворений домен підвищує пошуковий рейтинг, імідж компанії та відокремлює від мільйона інших веб-проектів.

✅ Для того, щоб використовувати «i3engineering» в URL-адресі, необхідно зробити його частиною URL-шляху

Illustration

❌ Заборонено реєструвати домени або піддомени, що мають назви компанії i3 Engineering або її продуктів. Також не дозволено реєструвати подібні назви, які можуть заплутати клієнтів.

Illustration

Використання у соціальних мережах

Профілі у соціальних мережах, що використовуються для офіційних публікацій від імені i3 Engineering не можуть бути створені без затвердження відділом маркетингу.

Необхідно використовувати хештег #i3engineering у соціальних мережах для публікацій різноманітного контенту, пов’язаного з i3 Engineering.

Використання текстового контенту

✅ Використовуйте правильні шрифти, щоб підкреслювати візуальну ідентичність бренду

Illustration

✅ Для розбірливості тексту, використовуйте відповідний розмір шрифту та міжрядкового інтервалу

Illustration

✅ Текст має бути легким для читання та розуміння. Для цього дотримуйтеся контрасту між текстом і фоном

Illustration

✅ Використовуйте затверджені кольори, щоб підкреслювати візуальну ідентичність бренду

Illustration

Важливо! Для правильного використання текстового вмісту бренду, важливо дотримуватися вказівок та рекомендацій, викладених у брендбуці.Текстовий контент має бути послідовним, ефективним і підсилювати загальні цінності бренду.

Використання графічного контенту

✅ Використовуйте лише горизонтальну або вертикальну версію логотипу

Illustration

✅ Використовуйте відповідний графічний контент таким чином, щоб він вдало поєднувався з текстом

Illustration

✅ Дотримуйтеся стилістики бренду при створенні графічного контенту

Illustration

✅ Дотримуйтеся затвердженої палітри кольорів бренду та використовуйте її постійно

Illustration

Заборонене використання назви компанії, бренду та продукції

Є певні вимоги, яких потрібно дотримуватися щодо використання назви компанії, бренду та продукції i3 Engineering.

✅ Важливо вказати статус партнертства з i3 Engineering на вашому сайті, в маркетингових та графічних матеріалах.

✅ Обов’язково використовуйте один із запропонованих шаблонівкобрендингового логотипу на вашому сайті, в маркетингових та графічних матеріалах ( див. розділ «Шаблони для об’єднання двох логотипів»)

❌ Заборонено використовувати назву i3 Engineering у назві вашої
компанії та продуктів, іменах доменів або піддоменів, для створення сторінок у соціальних мережах.

❌ Заборонено використовувати назву або логотипу компанії без дозволу i3 Engineering. Це може розглядатися як порушення прав на торговельну марку.

Логотип

Основний вертикальний та горизонтальний варіанти

Illustration
Illustration
Illustration
Illustration
Illustration
Illustration
Illustration
Illustration

Захисне поле та мінімальний розмір логотипу

Використовуйте мінімальне захисне поле, щоб логотип легко сприймався і був читабельний! (захисне поле є умовним і не відображається на графічних носіях)

Використовуйте виключно фірмовий шрифт i3 Engineering – Economica!

Не рекомендовано використовувати логотип, не враховуючи мінімальне захисне поле.

Illustration
Illustration

Варіанти компонування логотипа поділяються на 2 групи: однорівневий та дворівневий (залежно від розташування елементів в один або два рядки).Найменші можливі розміри логотипів вказані на ілюстраціях нижче.

Не рекомендовано використовувати логотип меншого розміру,ніж зазначено на ілюстраціях.

1-рівневий логотип

Illustration

2-рівневий логотип

Illustration

Заборонені модифікації

Використання градієнтів

Illustration

Використання нефірмових кольорів

Illustration

Робити додаткові тіні, ефекти

Illustration

Заливка патерном

Illustration

Робити додаткову обводку

Illustration

Використання на нечитабельному фоні

Illustration

Логотип + Слоган

З основним логотипом можна використовувати такі слогани:

Illustration
Illustration
Illustration
Illustration

Шаблони для об’єднання двох логотипів

Об’єднуйте логотип i3 Engineering з логотипом партнера за допомогою цих шаблонів:

Illustration
Illustration
Illustration
Illustration

Правила використання

  • 1


    Рекомендовано використовувати кобрендинговий логотип для того, щоб зробити акцент на партнерсті з i3 Engineering. Наприклад, у візуальних матеріалах для спільних маркетингових цілей, поліграфічній продукції, web-банерах та ін.

  • 2


    Потрібно вибрати один із запропонованих шаблонів кобрендингового логотипу. Важливо врахувати на якому фоні буде використовуватися логотип ( темний або світлий ), пропорції партнерського логотипу і лише тоді вибрати найбільш вдалий шаблон.

  • 3


    Допустиме використання інших версій логотипу i3 Engineering в парі з партнерським лого (див. розділ «Основний вертикальний варіант» та «Основний горизонтальний варіант»)

Заборонені модифікації

 ❌ Використання шаблону, не врахувавширозміри та пропорції логотипів

Illustration

Використання шаблону, не врахувавши фон,на якому розміщується логотип

Illustration

 ❌ Використання шаблону, не врахувавши захисне поле для кожного логотипу

Illustration

Деформація чи будь-які змінилоготипів

Illustration

Додавати тіні, ефекти, додатковуобводку до логотипів

Illustration

Логотип застосунку

Важливо! Це єдиний дозволений варіант використання логотипа застосунку. Будь-які модифікації заборонені.

Illustration
Illustration

Колір

Фонові кольори

Illustration
Illustration
Illustration

Додаткові акцентні кольори

Illustration
Illustration

Принципи використання

  • 1


    Фонові кольори бренду i3 Engineering: темно-сірі відтінки, чорний, палітра Navy Blue (див. розділ «Фонові кольори»).
    Додаткові кольори: помаранчевий та синій (див. розділ «Додаткові кольори»). Рекомендовано використовувати не більше 3-х кольорів (враховуючи дві палітри) для вдалого колірного рішення макету.

  • 2


    Не забувайте враховувати пропорції використання кольорів, а саме фонові кольори завжди мають займати близько 95% від всіх кольорів, використаних в макеті. Додаткові – не більше 5%, коли хочете зробити акцент на певному елементі, заголовку, іконках і т.д.

  • 3


    Використовуйте кольори свідомо! Не кожна сторінка вашого дизайну має включати всі фонові та додаткові кольори. Шукайте цікаві поєднання між яскравими елементами (помаранчевий або синій) та темним контрастним фоном (Navy Blue, темно-сірий, чорний)

  • 4


    Не рекомендовано використовувати декілька додаткових кольорів, адже тоді втрачається фокус і стає незрозуміло на чому саме був зроблений акцент. Застосовуйте акцетні кольори, коли хочете показати сильно виражені контрастні відношення між одним елементом (або групою елементів) та іншими.

Принципи використання акцентних кольорів

Дозволені модифікації

Поєднання темного фону та акцентного кольору – помаранчевого

Illustration

Поєднання білого фону та акцентного кольору – синього

Illustration

Поєднання темного фону Navy Blue і яскравого помаранчевого заголовку

Illustration

Заборонені модифікації

Поєднання неконтрастного світлогофону та акцентного кольору

Illustration

Використання декількох акцентнихкольорів в одному макеті

Illustration

Надмірне використання акцентних кольорів (для тексту, іконок, заголовку)

Illustration

Типографіка

Основний шрифт і його використання

✅ Основний шрифт i3 Engineering – Roboto. У нього використовується чотири накреслення: Light, Regular, Medium, Bold для побудови вдалихшрифтових комбінацій

Illustration
Illustration
Illustration
Illustration

Шрифтові комбінації та розміщення тексту

✅ Розміщення тексту, коли є заголовок, підзаголовок та додатковий текст

Illustration

✅ Розміщення тексту, коли є заголовок та основний текст

Illustration

Дозволені модифікації

✅ Використання заголовку з акцентним помаранчевим кольором та світло-сірого тексту на темному фоні

Illustration

✅ Використання заголовку з акцентним синім кольором та темно-сірого тексту на білому фоні

Illustration

✅ Використання заголовку білого кольору та світло-сірого тексту на темному контрастному фоні

Illustration

✅ Використання правильних шрифтових накреслень: заголовок – Bold, додатковий текст – Light

Illustration

Заборонені модифікації

❌ Використання темно-сірого тексту на темному неконтрастному фоні

Illustration

❌ Використання світло-сірого тексту насвітлому неконтрастному фоні

Illustration

❌ Використання відтінків кольорів, які незазначені в палітрі кольорів

Illustration

❌ Використання невідповідних шрифтових
накреслень: замість Bold – Light та ін.

Illustration

❌ Поєднання заголовку та основного тексту,не врахувавши відстань між двома блоками

Illustration

❌ Застосування до тексту різноманітнихефектів, які спотворюють читабельність

Illustration

Пристрої та їх пропорції

Зображення пристроїв

Пристрої краще розміщувати на однотонному фоні темно-сірого, чорного або темно-синього кольору

Illustration

Правильні пропорції пристроїв

✅ Правильні пропорції основних пристроїв cерії Atom

Illustration

✅ Приклад співвідношення смартфона та одного з пристроїв серії Atom

Illustration

Важливо! За всіма необхідними матеріалами щодо пристроїв звертайтеся до менеджерів компанії i3 Egineering

Заборонені модифікації

❌ Змінення кольорів пристрою

Illustration

❌ Деформація форми пристрою

Illustration

❌ Розміщення додаткових графічнихелементів на пристроях

Illustration

❌ Використання зображення пристрою нанерівномірному кольоровому фоні

Illustration

❌ Розміщення пристроїв поверх фотографій

Illustration

❌ Розміщення графічних елементів, якізакривають логотип на пристроях

Illustration