Привіт, цe — логобук

Він допоможе тобі розібратись із візуальним стилем та зрозуміти, до чого тут літера G, і до чого тут зображення Сloud.

Логотип

Логотип

Ідея лого

Giga — це префікс системи SI, що дає кратність 109, тому ми вирішили створити символ, що показуватиме саме GigaCloud

Головна версія

Використання головної версії логотипа — пріоритетне. Подальші правила регулюють функціональність логотипа та правильність його використання. Нижче наведені рівноправні версії лого.

Додаткові версії

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

Кольорові версії

Створили різновиди лого з основними чорним та білим кольорами. Їх слід використовувати, коли потрібно досягти найбільшого контрасту з фоном зображення. Ці версії логотипа врівноважені з головною версією. Також такі кольорові поєднання можливі для лого у двох рядках та логомарці.

Завантажити версії

Чорно-білі версії

Ще одна з версій лого — чорно-біле виконання. Її потрібно використовувати у випадках, коли використання кольору неможливе або якщо потрібно передати стиль.

Завантажити версії

Охоронне поле

Щоб логотип чітко зчитувався у великому масиві інформації та не змішувався з іншими елементами, існує охоронне поле логотипа. Його розмір визначається розміром хмаринки.

Мінімальний розмір

Мінімальний розмір для логотипа складає 8 мм по висоті. При меншому розмірі елементи зливаються, тому логотип погано читається. Для лого у 2 рядки — це 12 мм, для логомарки — 5 мм, а для знаку — 4 мм.

Заборони

Щоб логотип завжди мав гарний вигляд та добре зчитувався, потрібно також ознайомитись із заборонами, як не можна його використовувати.

Заборонено змінювати пропорції логомарки чи типографічної частини

Заборонено змінювати шрифт логотипа

Заборонено змінювати елементи в логомарці

Заборонено змінювати колір логотипа на сторонні, не брендові кольори

Заборонено накладати ефекти на логотип, які змінюють його вигляд

Заборонено довільно крутити логотип або окремі його частини

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

Типогра
фіка

Шрифт

Брендовий шрифт — e-Ukraine. Його потрібно використовувати в усіх можливих матеріалах.

Типографіка

Для звичайного тексту використовуємо шрифт e-Ukraine Light, розмір становить Х. Для підзаголовків — e-Ukraine Bold. розмір якого становить приблизно 1.4Х.

Інтерліньяж

Щоб текст мав гарний вигляд, потрібно використовувати підібраний інтерліньяж та сітку для побудови типографіки. Основні лінії заголовків та звичайного тексту повинні збігатись та розміщуватись в одній системі сіток. Інтерліньяж для звичайного тексту становить не менше 1,4Х від розміру кегля, а для заголовків — мінімум 1.1Х.

Системний шрифт

Якщо використання основного шрифту неможливе, то потрібно використовувати стандартний системний шрифт Arial. Його параметри мають збігатись зі шрифтом e-Ukraine.

Колір — важлива складова впізнаваності бренду, тому потрібно використовувати тільки ті кольори, які зазначені у цьому блоці.

Кольори

Основні кольори

Логотип складається з двох кольорів: основний червоний та графітовий.

Red

#DE1F35
07  100  85  01

Black

#101010
00  00  00  94

Веб кольори

Для вебу можемо додатково використовувати відтінки нашого основного червоного та сірого кольорів.

Shades of red

Shades of gray

Щоб матеріали виглядали консистентно, потрібно наслідувати певні параметри, які зазначені нижче.

Елементи

Ідея композиції

В основу будь-якого матеріалу закладаємо ідею гігантизму та величі. Використовуємо логомарку у великому розмірі та дотримуємось мінімалізму у стилі. Елементи можуть ставати настільки великими, що можуть виходити за межі полотна.

Сітка матеріалів

Використовуємо квадратну модульну сітку, незалежно від формату матеріалу. У цій сітці розташовуємо всі потрібні елементи, включаючи знак.

Плашка підпису

Для матеріалів, у яких можна підкреслити приналежність до GigaCloud, ми використовуємо плашку з підписом. Буква G може змінювати своє положення по лівій грані прямокутника, але ніколи не виходити повністю на верхню, нижню чи праву грань.

Фотографії

Фото потрібно використовувати тільки у високій якості. Ці фотографії мають показувати технологічність або велич. З цим можуть допомогти геометричні форми.

Приклад розробки

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

Переглянути приклади постів у Figma