b rand i dentity g u ide li n es VERSION 1.0 APRIL 2015
1
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
CONTENTS INTRODUCTION
2
1.0 BASIC ELEMENTS 1.1 1.2 1.3 1.4 1.5 1.6 1.7
5 6 7 8 9 10 11
2.0 PRINTED COMMUNICATION 2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 2.10 2.11
13 14 15 16 17 18 19 20 21 22 23
3.0 APPLICATIONS 3.1 3.2 3.3
25 26 27
3
BASIC ELEMENTS
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
1.0 4
BASIC ELEMENTS 1.1 THE LOGO
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
THE LOGO
Color version
Monotone One color version
5
BASIC ELEMENTS 1.2 EXCLUSION ZONE AND MINIMUM SIZE
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
EXCLUSION ZONE
exclusion zone. MINIMUM SIZE
6
BASIC ELEMENTS 1.3 LOGO POSITIONAL GUIDE
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
POSITIONAL GUIDE
7
BASIC ELEMENTS 1.4 PROTECTING THE LOGO 01
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
02 DOs & DON’Ts
01 – Stretching Never stretch the logo 03
04
02 – Skewing 03 – Changing colors Never adjust the color
05
06
04 – Rotating Never rotate the logo 05 – Rearranging Never rearrange the logo 06 – Delete Never crop the logo
8
BASIC ELEMENTS 1.5 COLOR PALETTE
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
Primary color
produced as a Pantone spot color.
Cyan
Magenta
Yellow
Black
Secondary color
9
BASIC ELEMENTS 1.6 PRIMARY TYPEFACE FOR PRINTED PUBLICATIONS
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
HELVETICA NEUE
Helvetica Neue UltraLight
Helvetica Neue Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&()
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&()
Helvetica Neue UltraLight Italic
Helvetica Neue Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&()
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&()
Helvetica Neue Light
Helvetica Neue Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&() Helvetica Neue Light Italic
Helvetica Neue Bold Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&()
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&()
10
BASIC ELEMENTS 1.7 SECONDARY TYPEFACE FOR STATIONERY AND ONLINE
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
ARIAL
Arial Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&() Arial Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&() Arial Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&() Arial Bold Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklnopqrstuvwxyz 1234567890!@£%&()
11
PRINTED COMMUNICATIONS
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
2.0 12
PRINTED COMMUNICATIONS 2.1 GRAPHIC DEVICE – THE SLASH Slash 1
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
THE GRAPHIC SLASH
Slash 2
13
PRINTED COMMUNICATIONS 2.2 GRAPHIC DEVICE – PRIMARY SLASH
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
SLASHES USED AS A FOCAL POINT
used to illustrate an idea.
14
PRINTED COMMUNICATIONS 2.3 GRAPHIC DEVICE – THE BACKSLASH
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
BACKSLASH USED AS A PATTERN – TIGHT SPACING
graphics and diagrams.
15
PRINTED COMMUNICATIONS 2.4 USING THE COLOR PALETTE IZEM Black
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
IZEM Grey Pantone 179-6 C
Color PALETTE attention, steer and direct the audience.
Lorem ipsum dolor sit amet, consectetur adipi-
Lorem ipsum dolor sit amet, consectetur adipi-
Lorem ipsum dolor sit amet, consectetur adipi-
imperdiet. Sed metus risus, lacinia a mi quis, malesuada dictum sapien. Pellentesque nec nisi tempor, auctor lectus non, eleifend nunc. Nullam nisl ligula, vehicula vel erat in, tempor tristique nunc. In nec leo rutrum, maximus leo at, aliquet nulla. Donec ut dui sem. Integer commodo, nisl eu sollicitudin vestibulum, nunc elit hendrerit sem, id consequat ante leo eu diam.
imperdiet. Sed metus risus, lacinia a mi quis, malesuada dictum sapien. Pellentesque nec nisi tempor, auctor lectus non, eleifend nunc. Nullam nisl ligula, vehicula vel erat in, tempor tristique nunc. In nec leo rutrum, maximus leo at, aliquet nulla. Donec ut dui sem. Integer commodo, nisl eu sollicitudin vestibulum, nunc elit hendrerit sem, id consequat ante leo eu diam.
imperdiet. Sed metus risus, lacinia a mi quis, malesuada dictum sapien. Pellentesque nec nisi tempor, auctor lectus non, eleifend nunc. Nullam nisl ligula, vehicula vel erat in, tempor tristique nunc. In nec leo rutrum, maximus leo at, aliquet nulla. Donec ut dui sem. Integer commodo, nisl eu sollicitudin vestibulum, nunc elit hendrerit sem, id consequat ante leo eu diam.
Important You must never use percentage tints of the IZEM black as full bleed backgrounds. Percentage tints of that color should only be used in typography. See 1.5 Please note gray type must never appear on a solid 100% black background due to poor legibility. 16
PRINTED COMMUNICATIONS 2.5 USING THE COLOR PALETTE EXAMPLE
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
EXAMPLE
PRINTED COMMUNICATIONS THIS IS AN EXAMPLE
highlight main titles, introduction text KEY STATISTICS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. consequat mollis risus non imperdiet. Sed metus risus, lacinia a mi quis, malesuada dictum sapien. Pellentesque nec nisi tempor, auctor lectus non, eleifend nunc. Nullam nisl ligula, vehicula vel erat in, tempor tristique nunc. In nec leo rutrum, maximus leo at, aliquet nulla. Donec ut dui sem. Integer commodo, nisl eu sollicitudin vestibulum, nunc elit hendrerit sem. Nunc non aliquam leo. Ut eleifend orci sit amet diam lobortis molestie. Suspendisse vel urna tortor. Nulla malesuada neque est, eleifend bibendum lorem porta id. Etiam placerat elit ipsum, at rutrum purus pulvinar id. Nullam non quam semper, ultricies mi ut, suscipit ex. gravida elit. Fusce lacus mi, sollicitudin pellentesque nunc sit amet, vulputate lacinia lectus. Mauris tincidunt non sapien vitae lacinia. Duis ut imperdiet nisl. Maecenas a nisi ut nulla convallis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. consequat mollis risus non imperdiet. Sed metus risus, lacinia a mi quis, malesuada dictum sapien. Pellentesque nec nisi tempor, auctor lectus non, eleifend nunc. Nullam nisl ligula, vehicula vel erat in, tempor tristique nunc. In nec leo rutrum, maximus leo at, aliquet nulla. Donec ut dui sem. Integer commodo, nisl eu sollicitudin vestibulum, nunc elit hendrerit sem.
lobortis molestie. Suspendisse vel urna tortor. Nulla malesuada neque est, eleifend bibendum lorem porta id. Etiam placerat elit ipsum, at rutrum purus pulvinar id. Nullam non quam semper, ultricies mi ut, suscipit ex. MARKET RESEARCH Praesent velit quam, tristique gravida elit. Fusce lacus mi, sollicitudin pellentesque nunc sit amet, vulputate lacinia lectus.
Nunc non aliquam leo. Ut eleifend orci sit amet diam
17
PRINTED COMMUNICATIONS 2.6 TYPOGRAPHY AND USING THE COLOR PALETTE
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
IZEM TYPOGRAPHY STYLE BLACK 100%
BLACK 80%
BLACK 70%
BLACK 40%
BLACK 20%
18
PRINTED COMMUNICATIONS 2.7 THE GRID SYSTEM - INTRODUCTION
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
MARGINS
WORKING WITH GRIDS
GUTTER
COLUMNS
1
2
3
4
PAGE AREA
19
PRINTED COMMUNICATIONS 2.8 THE GRID SYSTEM – A4 8
3.5
3.5
3.5
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
8 12
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPIS CING ELIT. MAECENAS ULLAM CORPER FINIBUS NEQUE ET FINIBUS. MAECENAS CONSEQUAT MOLLIS
A4 GRID
FOUR COLUMN (LARGE KEY MESSAGES)
TWO COLUMN (TEXT/QUOTES)
ONE COLUMN (TEXT)
TWO COLUMN (TEXT/QUOTES)
ONE COLUMN (TEXT)
ONE COLUMN (TEXT)
ONE COLUMN (TEXT)
indicate columns and do not print.
1
2
3
4
12
20
PRINTED COMMUNICATIONS 2.9 THE GRID SYSTEM – A5 8
3.5
3.5
3.5
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
8
A5 GRID
12
FOUR COLUMN (LARGE KEY MESSAGES)
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPIS CING ELIT. MAECENAS ULLAM CORPER FINIBUS NEQUE ET FINIBUS. MAECENAS CONSEQUAT MOLLIS
TWO COLUMN (TEXT/QUOTES)
ONE COLUMN (TEXT)
TWO COLUMN (TEXT/QUOTES)
ONE COLUMN (TEXT)
ONE COLUMN (TEXT)
ONE COLUMN (TEXT)
indicate columns and do not print.
1
2
3
4
12
21
PRINTED COMMUNICATIONS 2.10 THE GRID SYSTEM – DL 6
3.5
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
6
DL GRID
10
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPIS CING ELIT. MAECENAS ULLAM CORPER FINIBUS NEQUE ET FINIBUS. MAECENAS CONSEQUAT MOLLIS RISUS NON IMPERDIET. TWO COLUMN (TEXT/QUOTES)
ONE COLUMN (TEXT)
ONE COLUMN (TEXT)
indicate columns and do not print.
1
2
10
22
PRINTED COMMUNICATIONS 2.11 THE GRID SYSTEM – EXAMPLES LOREM IPSUM DOLOR AMET
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
USE OF WHITE SPACE important that all items have a clean
LOREM IPSUM DOLOR SIT
LOREM IPSUM DOLOR AMET
LOREM IPSUM DOLOR SIT
LOREM IPSUM DOLOR AMET
CONSECTETUR ADIPISCING ELIT. MAECENAS ULLAMCORPER FINIBUS LOREM IPSUM DOLOR SIT AMET.
23
APPLICATIONS
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
3.0 24
APPLICATIONS 3.1 BUSINESS CARDS
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
Typography
0.7 cm
IZEM logo: PMS Process Text:
1.7 cm
Logo width: Logo height
1 cm
Printing method
IBRAHIM ZAHREDDINE MANAGING PARTNER
0.7 cm
Paper
+961 71 09 99 68 ibrahim@izem.agency izem.agency Techno Team office, 3rd Floor Strand Bldg, Hamra St.
Advanced professional degree 0.5 cm
0.5 cm
25
APPLICATIONS 3.2 CORPORATE ENVELOPE
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
Format Typography
IZEM logo: Text: OPEN - FRONT
CLOSED - FRONT
Logo width: Printing method Paper
OPEN - BACK
CLOSED - BACK
26
APPLICATIONS 3.3 CORPORATE LETTERHEAD
INTRO | BASIC ELEMENTS | PRINTED COMMUNICATIONS | GRID | APPLICATIONS
1.2cm
Format Typography
Address: Web:
Color IZEM Logo: Text: url: Logo height: Printing method: Paper:
1.2cm
27
THIS IS ALL YOU NEED TO KNOW IN REGARDS TO BRANDING AND IZEM’S AESTHETICAL IMAGE. PLEASE STICK TO THESE GUIDELINES. THANK YOU FOR YOUR TIME!
28