Brandbook 1part

Page 1

Brand Guidelines


Contents

1

1.0 2.0

Brand Overview Logo

3.0

Color Palette

4.0 5.0 6.0

Typography Grid System Web

7.0

Design Examples

2.1 Primary 2.2 Construction 2.3 Secondary 2.4 Sizing & detalization level 2.5 Wrong usage 3.1 Primary 3.2 Secondary 3.3 Accent

6.1 Colors 6.2 Typography 6.3 Links 6.4 Form elements 6.5 Photo display 7.1 Business card 7.2 Poster 7.3 Email design


Brand Overview

1.0

2

Brand

Overview These are the brand guidelines which explain how to use visual identity with confidence and clarity. The guidelines have been designed to ensure consistency within our brands, helping to create a strong and recognizable communications. The following pages demonstrate flexibility within the identity and should be used to inspire and motivate creative expression. Our unique identity, color palette and typographic style creates a distinctive framework for our brands which helps us stand out from our competitors.


Logo

2.1

3

Logo

Primary The logo is an important part of an identity and should serve as a foundation for all our visual communications.


Logo

4

2.2

Logo

2.3

Logo

Construction

Secondary


Logo

2.4

5

Logo

Sizing & detalization level Normal

Small

Extra Small


Logo

2.5

6

Logo

Wrong usage Do not stretch the logo

Do not use any side colors

Do not change the position of the elements

Do not add any effects


Color Palette

3.1

3.2

7

Color

Primary CMYK RGB #

0/0/0/100 0/0/0 000000

Black

CMYK RGB #

0/0/0/0 255/255/255 FFFFFF

White

0/0/0/90 65/64/66 414042

Dark gray

CMYK RGB #

0/100/45/72 100/0/28 64001C

Deep purple-red

CMYK RGB #

0/87/98/0 240/73/37 F04925

Pomegranate

CMYK RGB #

98/86/40/35 26/46/82 1A2E52

Deep blue

Color

Secondary CMYK RGB #

3.3

Color

Accent



Typography

4.0

9

Typography

SF UI Text Font This is our corporate font. It should be used everywhere where typography is required. It is a simple, clean and legible typeface that compliments our logos.

LIGHT

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 &@?!/+(.,:;)

REGULAR

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 &@?!/+(.,:;)

MEDIUM

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 &@?!/+(.,:;)

SEMIBOLD abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 &@?!/+(.,:;)

BOLD

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 &@?!/+(.,:;)

HEAVY

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 &@?!/+(.,:;)


Grid System

The Grid System

It is important that all communications are designed using the specific grid system. It allows various layout versions when designing a presentation. The use of a grid will help to keep a constant look and ensure that all type and graphic elements line up correctly.

3 mm

5.0

10

27 mm


Web

6.1

11

Web

Colors

Gray #414042, #6D6E71, #939598

Deep Purple-red #391215, #64001C, #D7A0AE

Pomegranate #BF4C28, #F04925, #EDBDB4

Deep blue #091B3D, #1A2E52, #566A8E

6.2

Web

Typography Titles & Headings

Body Text

Commorant Garamond

Roboto

Heading 48 px - Light

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle.

Heading 32 px - Light Heading 26 px - Regular Heading 20 px - Semibold Heading 18 px - Bold Heading 16 px - Bold

Medium / Bold / Italic / Hyperlink


Web

6.3

12

Web Links

Normal

Normal

Hover

Hover

Active

Active

Active Normal Hover Normal

6.4

Web

Form elements Search

Text Field Select Box Text Area


Web

6.5

12

Web

Photo Display Normal

#2D2415, 25% Trancparency

Interior Decor Active


Design Examples

7.1

13

Company

Business Card

Заходь за подарунком!

10 mm

Шоу-рум

50 mm вул. Драгомирова, 12 ЖК Новопечерські Липки тел.: (094) 838 38 91 kdecorshop@gmail.com

10 mm

90 mm


Design Examples

7.2

14

Poster

Дизайн інтер’єру Пошив штор Декорування

Текстиль Посуд Кухні

Подарунки Світло Меблі

Реставрація Перетяжка Try & buy

New Collection

2017

вул. Драгомирова, 12 ЖК Новопечерські Липки тел.: (094) 838 38 91 decorshop.com.ua


Design Examples

7.3

15

E-mail Design

НОВА КОЛЕКЦІЯ

НО КОЛЕ

Ще більше а вашої затиш

Ще більше аксесуарів для вашої затишної домівки

Пледи Посуд Вази

Прикраси Дзеркала Рамки

Прикраси Дзеркала Рамки

Перейти д

Перейти до магазину

01103, Україна, Київ вул. Драгомирова, 12 Відписатися

decorshop.com

01103, Україна, Київ вул. Драгомирова, 12 Відписатися


Design Examples

7.4

А ЦІЯ

рів для мівки

Пледи Посуд Вази

ну

decorshop.com

Packaging Paper bags

16


Design Examples

7.5

Stamp

17


Created by Avantage Agency Kyiv, Ukraine 2017


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.