Videvita brandbook

Page 1

TEXT HERE

BRANDBOOK

1


CONTENT

CONTENT

2

5

LOGO IDEA

7

MODULAR GRID

8

MAIN LOGO

9

MONOCHROME LOGO

10

LOGO TYPE

26

LOGO IDEA

12

FORBIDDEN LOGO USE


CONTENT

13

COLOUR PALETTE

14

BACKGROUND COLOURS

17

VIDEVITA CHARACTERS

20

IDENTITY ELEMENTS

22

FONTS

28

CORPORATE IDENTITY

38

CHARACTER AND POSTER

3


BRAND

Be an actor, be a director VideVita is a unique tool which automatically creates user’s own video films based on the video content from world-spread specialized VideVita cameras, and personally stores those films on a social video portal.

4


LOGO IDEA

map pin

play button

camera

letter «v»

wi-fi

5


MODULAR GRIDS

Logo safe area

x

x

18 x

1,5 x

4x 2x

0,5 x 7x

4x

≈ 6 mm

x

Recommended minimal logo size 25 mm x ≈6 mm

6

25 mm

7x


MODULAR GRIDS

Logotype safe area

x

14 x

x

2x

2x

x

≈ 3 mm

20 mm

Recommended minimal logotype size 20 mm x ≈3 mm

7


MAIN LOGO

Main logo on light and dark backgrounds

8


MONOCHROME LOGO

Monochrome logo

Forbidden to use inverted monochrome logo

9


LOGOTYPE

Forbidden to use logotype instead of main logo in advertisement

Logotype should be used in minor/additional designs or parts of design mockup

10


LOGOTYPE

Use logotype on contrast backgrounds

Forbidden to use background that complicate readability

11


LOGO

Change proportions

Change position

Change proportions of character

Break the name

VIDE

VITA

Change fonts

Change colors

Transform

Transform

Forbidden options to use the logo

12


COLOUR PALETTE

Logo colours

C 50 M 0 Y 25 K 0

C 0 M 100 Y 10 K 0

C 0 M 0 Y 0 K 90

C 75 M 100 Y 40 K 0

C 0 M 20 Y 90 K 0

C 0 M 0 Y 10 K 0

C 0 M 0 Y 2 K 3

Complementary colours

C 50 M 100 Y 15 K 0

Complementary colours

C 25 M 0 Y 90 K 0

13


BACKGROUND COLOURS

Allowed options to use logo on the different backgrounds

14


BACKGROUND COLOURS

Forbidden ways to use logo on different backgrounds

15


VIDEVITA CHARACTERS

VIDE

Boy character

VITA

Girl character

Allowed to use characters with different moods for advertisements, promotions, etc.

16

Boy moods

Girl moods


VIDEVITA CHARACTERS

I SEE YOU

I SEE YOU

I SEE YOU

17


VIDEVITA CHARACTERS

Allowed to use logotype and character separately in minor/additional designs (not in advertisement)

18


VIDEVITA CHARACTERS

19


IDENTITY ELEMENTS

Set of corporate identity icons used for creating different graphic solutions

Social icons can be used in internal corporate presentations, describing the functionality of the project. Social icons are forbidden to be used for promotional purposes and on promotional products.

20


IDENTITY ELEMENTS

21


FONTS

Open Sans Light

Open Sans Regular

Aa

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!?&*()_+#@%:;.,

Open Sans family fonts must be used

22

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!?&*()_+#@%:;.,


FONTS

Open Sans Semibold

Open Sans Bold

Aa

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!?&*()_+#@%:;.,

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!?&*()_+#@%:;.,

Open Sans Extrabold

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!?&*()_+#@%:;.,

23


TYPOGRAPHY Recommended left justify align

LOREM IPSUM DOLOR SIT AMET Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in -

LOREM IPSUM DOLOR SIT AMET LOREM IPSUM DOLOR SIT

Contrast colour solutions for text blocks

Use UPPERCASE for titles

Use of titles on the solid shape background

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem

• Lorem ipsum dolor sit amet • Consectetuer adipiscing elit • Quis nostrud

24

FONTS COLOURS

Use of bullets


TYPOGRAPHY LOREM IPSUM DOLOR SIT AMET

Base text 10 pt Title text 14 pt

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut

Fonts for main text Open Sans Light Open Sans Regular Open Sans Semibold

LOREM IPSUM DOLOR SIT AMET

Base text 10 pt Title text 18 pt

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-

LOREM IPSUM DOLOR SIT Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nos-

38

CHARACTER AND POSTER

Fonts for title text Open Sans Extrabold Open Sans Light Open Sans Semibold Open Sans Bold

Base text 10 pt Title text 20 pt Title size of titles should be minimum 4 pt larger than the main text

Base text 14 pt Title text 40 pt

25


LETTER 2 cm 2 cm

4,5 cm 1 cm

Size of logo 4,5 x 1 cm Open Sans Bold 10 pt Open Sans Light 10 pt Leading 14 pt

Open Sans Bold 14 pt Leading 18 pt Open Sans Light 12 pt Leading 16 pt

Open Sans Bold 12 pt 3 cm

Open Sans Light 12 pt Leading 16 pt 2 cm 26


DOCUMENTS

Open Sans Bold 16 pt Leading 20 pt

Open Sans Bold 12 pt Leading 18 Secondary Text Open Sans Light 8 pt Secondary Title Open Sans Bold 10 pt Leading 12 pt Secondary Text Open Sans Light 8 pt Leading 10 pt

Open Sans Bold 10 pt

Open Sans Regular 8 pt 2 cm

2 cm

1 cm

Open Sans Light 10 pt Leading 14 pt

27


DOCUMENTS 2 cm 2 cm

Open Sans Bold 10 pt

Open Sans Bold 16 pt Open Sans Light 10 pt Open Sans Bold 16 pt Open Sans Light 10 pt Leading 16 pt

Main Title Open Sans Bold 16 pt Main Text Open Sans Light 10 pt Leading 14 pt

Open Sans Bold 10 pt Open Sans Light 10 pt Leading 14 pt

28

Open Sans Regular 10 pt

2 cm


DOCUMENTS

2 cm

2 cm

Open Sans Bold 16 pt Open Sans Bold 12 pt Open Sans Bold 10 pt Open Sans Bold 8 pt

29


BUSINESS CARDS

Business card face side

Corporate business card back side +38 0432 53-10-11 +38 0432 53-10-11 www.videvita.com videvita@gmail.com

Ivan Zvaryborshch +38 0432 53-10-11 +38 0432 53-10-11 www.videvita.com videvita@gmail.com

30

Personal business card back side


BUSINESS CARDS

Business card face side

Corporate business card back side +38 0432 53-10-11 +38 0432 53-10-11 www.videvita.com videvita@gmail.com

Ivan Zvaryborshch

Personal business card back side

+38 0432 53-10-11 +38 0432 53-10-11 www.videvita.com videvita@gmail.com

31


PRESENTATION

32


PRESENTATION

33


PRESENTATION

34


PRESENTATION

35


COPRORATE IDENTITY

36


COPRORATE IDENTITY

37


COPRORATE IDENTITY

38


COPRORATE IDENTITY

39


ADVERTISING

Character should interact with people and (or) environment

40

Character should be flat


ADVERTISING

Logo and copywright should have enough contrast to background for easy reading

41


ADVERTISING

Logotype only, can be used in additional design products if there is main advertising with the main logo to refer

42


ADVERTISING

43


ADVERTISING

Videvita poster visualisation

44


ADVERTISING

45


ADVERTISING MISTAKES

Forbidden to use logo with bad contrast to background

46


ADVERTISING MISTAKES

Avoid lack of character interaction On this photo people and character don’t interact

47


MAP MARKERS

48


MAP MARKERS

49


CORPORATE IDENTITY

Videvita office visualization

50


CORPORATE IDENTITY

51


CORPORATE IDENTITY

Videvita office visualization

52


CORPORATE IDENTITY

53


TEXT HERE TEXT HERE

www.happydesign.pro hello@uhappydesign.com

54

+380 63 277 2012 +380 96 096 7080


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.