VISUAL GUIDELINES 1
ЗМІСТ
ПРО ВІЗУАЛЬНИЙ СТИЛЬ......................................... 3 ЛОГОТИП................................................................................ 4 ФІРМОВІ КОЛЬОРИ........................................................ 6 ФІРМОВІ ШРИФТИ.......................................................... 8 ВИКОРИСТАННЯ ФІРМОВИХ ШРИФТІВ....... 10 ВІЗЕРУНОК............................................................................ 11 МОДУЛЬНІ СІТКИ............................................................. 12 ОФОРМЛЕННЯ ДОКУМЕНТАЦІЇ........................... 13 ДІЛОВА АТРИБУТИКА................................................. 14 САЙТ.......................................................................................... 20 СОЦІАЛЬНІ МЕРЕЖІ...................................................... 21
2
01
ПРО ВІЗУАЛЬНИЙ СТИЛЬ Даний документ є зведенням правил для візуального формлення всієї продукції, що стосується мобільного додатку KEYRELL. Тільки послідовне і точне застосування даних правил створить впізнаваний образ як самого додатку, так і всієї супутної продукції. Даний документ опише візуально офрмлення мобільного додатку, сайту, сторінок соціальних мереж, рекламних матеріалів, бізнес-матераілів (фірмовий бланк, бізнес карта, конверт, папка, сувенірний пакет, офрмлення презентацій)
01 про візуальний стиль
3
02
ЛОГОТИП
Логотип складається з двох елементів: фірмового символу та назви моьільного додатку, написаного фірмовим шрифтом. Фірмовий символ складається з двох елементів: зовнішнього, який символізує щілину замку, та внутрішнього, що символізує ключ. Дозволяється використання логотипа у повному вигляді (фірмовий символ + назва) та у скороченому вигляді (фірмовий символ)
02 логотип
4
Логотип може бути використаний як в кольоровому варіанті, так і в монохромному або в градаціях сірого.
*
* для забезпечення контрастності, основний колір логотипа (CMYK: 80% 20% 20% 0%) замінюється на світліший (CMYK: 56% 14% 14% 0%)
02 логотип
5
03
ФІРМОВІ КОЛЬОРИ Палітра фірмових кольорів складається з пари компліментарних кольорів голубого та помаранчевого, а також з градієнта помаранчевого кольору: два тона в світлу сторону та два тони в темну стороу, та темного голубого. Пара основних кольорів натякає на країну походження додатку – Україну, перегукуючись кольорами з національним прапором.
CMYK: 80% 20% 20% 0% RGB: 0, 156, 187 HEX: 009CBB
CMYK: 0% 50% 100% 0% RGB: 247, 147, 29 HEX: F7931D
03 фірмові кольори
6
Додаткові кольори CMYK: 90% 51% 47% 23% RGB: 21, 92, 104 HEX: 155C68
CMYK: 5% 30% 100% 0% RGB: 241, 183, 27 HEX: F1B71B
CMYK: 56% 14% 14% 0% RGB: 110, 179, 203 HEX: 6EB3CB
CMYK: 3% 42% 100% 0% RGB: 240, 159, 31 HEX: F09F1F
CMYK: 0% 78% 100% 0% RGB: 241, 94, 34 HEX: F15E22
CMYK: 32% 91% 100% 44% RGB: 113, 35, 19 HEX: 712313
CMYK: 66% 0% 37% 0% RGB: 10, 210, 189 HEX: 0AD2BD
CMYK: 71% 0% 70% 0% RGB: 10, 200, 126 HEX: 0
03 фірмові кольори
7
04
ФІРМОВІ ШРИФТИ Фірмовим шрифтом для назви додатку вибраний шрифт
EdgeLineDemiBold (keyreel) Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Vv Xx Yy Zz Основним шрифтом для текстів та повідомлень вираний шрифт
Raleway (regular) Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Vv Xx Yy Zz Raleway (medium) Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Vv Xx Yy Zz
04 фірмові шрифти
8
Raleway (light) Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Vv Xx Yy Zz Raleway (bold) Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Vv Xx Yy Zz Raleway (black) Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Vv Xx Yy Zz
04 фірмові шрифти
9
05
ВИКОРИСТАННЯ ФІРМОВИХ ШРИФТІВ Для оформлення документів використовується виключно шрифт Raleway. Розміри шрифта встановлються наступним принципом:
ЗАГОЛОВОК ПЕРШОГО РІВНЯ (24 pt, upper case, medium) ЗАГОЛОВОК ДРУГОГО РІВНЯ (14 pt, upper case, regular) Основний текст (10 pt, regular) Виделння в тексті (10 pt, bold) ВСТАВКА В ТЕКСТ (10 pt, bold, upper case) При зміні розміру шрифта основного тексту, решта розмірів шрифтів змінюються пропроційно.
05 використання шритів
10
06
ВІЗЕРУНОК
Візерунок утворений з частини логотипу з циклічним повротом на 450
06 візерунок
11
07
МОДУЛЬНІ СІТКИ Всі документи чи рекламні матерали повинні будуватись за наступними принципами: лист A4, 300DPI, 2480px*3508px baseline: 20 px gutter: 20 px module width: 230 px module height: 10 bl modules count: 10 md
07 модульні сітки
12
08
ОФОРМЛЕННЯ ДОКУМЕНТАЦІЇ
08 оформлення документації
13
09
ДІЛОВА АТРИБУТИКА ФІРМОВИЙ БЛАНК
09 ділова атрибутика
14
ВІЗИТКА
VLAD KOZLOVSKI senior programmer
kozlovski@keyreel.io
+38 068 321 3100
09 ділова атрибутика
15
КОНВЕРТ
вул. Пилипа Орлика, 1д, Чернівці, Україна
09 ділова атрибутика
keyreel.io
+38 068 321 3100
16
ПАПКА
FRONT SIDE
FLAP 2
BACK SIDE
http://keyreel.io
FLAP 1
09 ділова атрибутика
17
ПАКЕТ
09 ділова атрибутика
18
T-SHIRT
09 ділова атрибутика
19
ЧАШКА
09 ділова атрибутика
20
USB FLASH
09 ділова атрибутика
21
10
САЙТ
10 сайт
22
11
СОЦІАЛЬНІ МЕРЕЖІ FACEBOOK
LINKED IN
11 соціальні мережі
23
visual guidelines
S TANI T SK I d e s i g n
S TANI T SK I d e s i g n
S TANI T SK I
11 соціальні мережі
d e s i g n
24