Keyreel brandbook

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.