Beruflich Dokumente
Kultur Dokumente
Commission
visual identity
Manual
MAY 2016
TA B L E O F C O N T E N T S
1
2
5
6
10
11
12
13
14
15
16
17
18
19
20
20
21
22
23
25
26
27
28
29
30
31
33
34
35
36
37
38
Introduction
Basic principles
Use of colour and typography
for the Policies
Cases of non-standard application
for the logo
1. Visual elements
1.1 Logo
Positive versions standard
(vertical)
Positive versions (horizontal)
Negative versions (vertical)
Negative versions (horizontal)
Language versions (vertical)
Language versions (horizontal)
Typography size, leading and
typography (vertical)
Proportion and protection area
(vertical)
Typography size, leading and
typography (horizontal)
Proportion and protection area
(horizontal)
Proportion and protection area
Minimum sizes
and alternative uses
Mute version: examples
Colours
Dos and Donts
1.2 Visuals
Use of images and graphic effects
1.3 Colours
Colour palette for Corporate
Communication
Colour palette for Policies
1.4 Typography
Main typography:
EC Square Sans Pro
Secondary typography: Garamond
Alternative typography
for Office and Web: Verdana
Alternative typography for Office
and Web: Arial
System and rules
39
40
41
43
44
45
46
47
48
49
51
53
55
64
66
68
71
74
75
76
77
78
79
80
84
86
87
88
89
93
94
95
98
100
101
102
103
112
118
120
125
129
132
135
137
138
141
142
145
148
151
154
157
160
163
165
166
171
173
174
177
182
183
186
187
188
189
190
191
192
193
194
195
196
197
199
Introduction
Its purpose is to give the European Commission a recognisable image and a coherent voice when communicating.
The visual identity is constructed around the European
Commission logo. This is based on two key elements:
the European flag and a graphic element inspired by
the Berlaymont, the headquarter of the European
Commission.
This charter shall be observed whenever European
Commission staff, external partners or stakeholders
communicate on behalf of the European Commission,
or on any of its actions, activities or programmes.
Introduction
Basic principles
1. The logo:
Introduction
Basic principles
3. The typographies:
Introduction
Basic principles
Introduction
Use of colour and typography
for the Policies
Policy areas can choose a colour from a range of colours (see page 31, 32)
to aquire a degree of distinction within the corporate look and feel. There
is, however, no exclusivity regarding the choice of colours, that means that
a colour can be chosen by more than one Directorate General.
The footer box does not refer only to policies. It can also contain the name of
an EU programme, a political initiative, an event etc.
To identify a policy, we have devised a footer box as an integral part of
the visual identity. This footer box contains the name of the policy. It should
be noted that the height of this block is the same as the thickness of the
logo flag. It is therefore twice the height of the European Commissions
corporate version which contains no text. The horizontal bar underlining
European Commission will always be in the same colour as the footer box
at the bottom of the page.
When the footer box contains a policy name, its colour has to be different
from the corporate colour unless the footer box text refers to a crosscutting initiative or political priority (e.g. Europe 2020)
Internal document
Contact :
DG COMM/A3
E
E
E
E
E
E
E
E
E
Introduction
Cases of non-standard
application for the logo
There might be cases when the principles of the
standard visual identity cannot be fully applied. Some
of these cases are described on this page. More cases
for non-standard applications might emerge during
the implementation of the visual identity. Please
refer these cases to the Visual Identity Team so that
this page can be updated with further cases of nonstandard application.
Introduction
Cases of non-standard
application for the logo
COMMISSION EUROPEENNE
DIRECTION GNRALE
INFORMATIQUE
Direction B - Systmes d'information
Systmes d'information pour la gestion des ressources humaines
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue
massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit
amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget
neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer
nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum
pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat
consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Proin nec augue. Quisque aliquam tempor magna. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas.
Nunc ac magna. Maecenas odio dolor, vulputate vel, auctor ac, accumsan id, felis.
Pellentesque cursus sagittis felis.
Introduction
Cases of non-standard
application for the logo
2. Partnerships with other organisations
The Commission often engages in joint activities with
other organisations. These activities might result in joint
publications, events, joint initiatives, etc. In these cases,
the standard visual identity might not be applicable.
ay
Sat urd
May
ns
Fesr otpive a n I n s t i t u t i o
Eu n Day
Ope
.eu
.euro pa
e
p
o
r
u
e
s tivalof
www.fe
ay
Sat urd
www.festivalofeurope.europa.eu
Debates Information
Activities
Childrens workshops
Music and dance
2011
May al of Euroiope
ns
Festiv In s tit ut
an
Eu ro peDa y
Op en
ro pa.eu
ro pe.eu
tivalofeu
www.fes
BRUSSELS
EUROPEAN DISTRICT
7 MAY 10 A.M. TO 6 P.M.
Committee of the Regions
Introduction
Cases of non-standard
application for the logo
3. Publications written/published by external
organisations at the request or with the support
of the European Commission
Visual elements
Logo
Visuals
Colours
Typography
10
1.1
Logo
11
Logo (vertical)
Positive versions
standard
CMYK for full-colour printing
12
Logo (horizontal)
Positive versions
The horizontal logo is a substitute of the standard logo in cases when the applicability of
the standard logo is constrained due to space or aesthetic reasons. The cases identified so
far for the use of the horizontal logo are: Press Room backdrops, signposting of buildings,
e-mail newsletters, Facebook timeline as part of the top image.
CMYK
The CMYK horizontal logo is designed for small communication media such as mobile web,
electronic newsletters, Facebook pages, PowerPoint presentations, etc.
Black
The Pantone Reflex Blue and Black versions of the horizontal logo are designed for specific
printing on very small communication media such as pens. These logos have to be used with
colours in 100 % to ensure all elements of the logo are clearly visible.
13
Logo (vertical)
Negative versions
CMYK
Black
European
Commission
14
Logo (horizontal)
Negative versions
CMYK
Black
15
Logo (vertical)
Language versions
BG
FR
NL
CS
GA
PL
DA
HR
PT
DE
HU
RO
EL
IT
SK
EN
LT
SL
ES
LV
FI
ET
MT
SV
16
Logo (horizontal)
Language versions
BG
IT
CS
LT
DA
LV
DE
MT
EL
NL
EN
PL
ES
PT
ET
RO
FR
SK
GA
SL
HR
FI
HU
SV
17
Logo (vertical)
Typography size,
leading and typography
18 x
12 x
3x
3x
1x
Europeiska
kommissionen
European
Commission
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRSTUVWXZ
0123546789
18
Logo (vertical)
Proportion
and protection area
!
European
Commission
1/12 of
EC flag
height
Protection area
of logo: no images
or typography
allowed within
these limits.
19
Logo (horizontal)
Typography size,
leading and typography
The distance between the right side of the flag and the left side
of the Berlaymont lines determines the spaces before and
after the words European Commission (see below in yellow).
In its horizontal version, the position of the vertical bar depends on the length of the European Commission translations.
The height of the vertical bar is equal to the height of the flag.
18 x
4x
12 x
4x
European
Commission
Logo (Horizontal)
Proportion
and protection area
a
European
Commission
a
Protection area
of logo: no images
or typography
allowed within
these limits.
20
Logo
Proportion
and protection area
bleed of page
a
a
21
No text is allowed
in the protection area
and the picture cannot
infringe upon the logo.
Logo
Minimum sizes
and alternative uses
Due to legibility and visibility constraints and in order to avoid the moir that could occur in halftone
reproduction of the graphic element, the recommendation is not to reproduce any of the CMYK
and Pantone EC Corporate Blue logos in a size smaller than 25 mm.
The Black logo, having no screen, is more legible. It can therefore be reproduced in a smaller size.
However, the recommendation is not to go below 20 mm.
25 mm
25 mm
20 mm
22
Logo
mute version
examples
The mute logo is a variation which was developed to allow multilingual
use of the logo and when the name of the Commission cannot appear
as part of the logo due to technical constraints. The use of the mute logo
should be limited to the following cases: e-mail signatures, multilingual
publications (when more than two languages are used within one
publication), Eurolook and Legiswrite documents (where generation of
the name of the Commission is predefined by the software architecture),
the template of the Citizens Summary and on certain templates of the
Spokespersons Service
23
Logo
mute version
examples
COMMISSION EUROPEENNE
DIRECTION GNRALE
INFORMATIQUE
Direction B - Systmes d'information
Systmes d'information pour la gestion des ressources humaines
EUROPEAN
COMMISSION
Brussels, XXX
[](2012) XXX draft
NOTE A L'ATTENTION DE TOUS
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue
massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit
amet commodo magna eros quis urna.
EN
Commission europenne, 1049 Bruxelles, BELGIQUE - Tl. +32 22991111
Bureau: 123 - Tl. ligne directe +32 229-12345 - Fax +32 229-12346
EN
EN
EUROPEAN COMMISSION
European Commission
Press Release
Citizens Summary
Place, Date
Heading1
Heading1
Body
Questions
Body
Body
Heading2
Body
Bullet point
Bullet point
Questions
Body
Body
Link
Questions
Body
Body
Questions
Body
Body
Questions
Body
Body
Contacts :
Name Surname
(+ 32 X XXX XX XX)
Name Surname
(+ 32 X XXX XX XX)
IP/XX/XX
24
Logo
Colours
CMYK
C M Y K
100 80 0
0
R
G
B
0
68
148
# 004494
C M Y K
0
0
0
30
R
G
B
197 198 200
# c5c6c8
C M Y K
0
0
100 0
R
G
B
255 237 0
# ffed00
C M Y K
0
0
0
75
R
G
B
100 101 103
# 646567
Pantone Reflex
Blue
Pantone
Cool Gray 5 C
Pantone Process
Yellow
Pantone
Cool Gray 10 C
Pantone
EC Corporate
Blue
100 %
Black
Black: 100 %
25
EC Corporate
Blue
30 %
EC Corporate
Blue
70 %
Logo
Dos and Donts
Modifying the logo in any way is
absolutely prohibited. There should
be no reason to do so under any
circumstances, as it will be provided
in all its different versions and
formats. Here are a few examples
of what not to do.
European
Commission
No outline is allowed for the graphic
element or for any other component
of the logo.
European
Commission
Wrong flag the new European
Commission flag is a modified versio
of the European Union flag
European
Commission
Wrong colour for the graphic element
in the CMYK version,
it must be in Black, 30 %.
European
Commission
Modifying the proportions
of the logo is not permitted.
European
Commission
The position of the flag cannot
be changed in any way.
The space must be respected.
European
Commission
Wrong font used for the European
Commission text use only EC Square
Sans Pro Medium.
When the logo is placed on a coloured background, a thin white line surrounds
the EU flag, in order to separate it from the bac ground.
EUROPEAN
COMMISSION
Using upper case instead
of lower case is not allowed.
When the logo is placed on a coloured background, you must insert the negative version
of the logo to ensure the lines are clearly visible.
26
1.2
Visuals
27
Visuals
Use of images
and graphic e ects
28
Except for flat colour tints and drop shadows on the text (use sparingly never use
outlines), no other graphic effect is allowed in this visual identity. A limited use
of visual elements is allowed to create
a visual environment appropriate to the
target audience of a given communication initiative. Less is more is the motto.
It is important that covers, posters and
other formats are not cluttered with any
superfluous elements.
1.3
Colours
29
Colours
Colour palette
for Corporate Communication
The choice of support colours is made based on the four
colours of the logo: dark blue, yellow, light grey and dark
grey. The colours chosen will therefore be monochrome
colours derived from these four base colours.
However, the value of the colour chosen should not be
the same as or darker than the blue of the European
Commissions logo, so as to ensure that the bar and its
footer box are visible.
The preference is to use pure colours (except for the range
of greys) rather than pastel tones, which are to be excluded
from the range of colours.
C M
70 56
R
95
Y
0
G
112
K
0
B
175
# 5f70af
C
0
R
255
M
15
Y K
90 0
G
214
B
23
# ffd617
C M
33 33
R
184
Y K
33 0
G
170
B
162
# b8aaa2
10
C
0
R
99
M
20
Y
0
G
87
C M
90 50
R
0
Y
0
G
111
K
0
B
180
11
B
94
# 63575e
G
144
# 5090c8
C
0
C
8
R
250
M
30
Y K
90 0
G
187
B
33
R
240
M
20
G
199
# f0c700
C M
50 50
C M
70 35
R
136
Y K
40 10
G
120
B
124
C M
20 0
R
82
Y
0
G
94
R
88
K
0
B
200
Y K
95 0
# fabb21
B
0
Y K
50 5
G
134
B
123
# 58867b
K
75
B
101
12
# 525e65
30
R
80
Y
0
# 006fb4
# 88787c
K
75
C M
70 35
C
0
R
101
M
0
Y K
30 75
G
99
# 656351
B
81
Colours
Colour palette
for Policies
A given policy area can select its colours from
two different palettes, one with saturated colours,
the other (see next page) with desaturated
colours.
13
14
15
16
17
18
C M Y K
90 60 20 0
R G B
11 97 146
# 0b6192
C M Y K
75 30 90 15
R G B
70 122 57
# 467a39
C M Y K
26 73 100 20
R G B
164 79 25
# a44f19
C M Y K
0 80 20 0
R G B
232 82 129
# e85281
C M Y K
77 90 10 0
R G B
96 56 129
# 603881
C M Y K
45 70 70 45
R G B
104 62 51
# 683e33
19
20
21
22
23
24
C M Y K
80 40 10 0
R G B
38 129 180
# 2681b4
C M Y K
85 30 85 15
R G B
18 116 66
# 127442
C M Y K
30 70 100 30
R G B
144 76 24
# 904c18
C M Y K
50 70 0 0
R G B
146 96 160
# 9260a0
C M Y K
40 70 70 35
R G B
124 71 57
# 7c4739
25
26
27
29
30
C M Y K
80 30 0 0
R G B
0 143 203
# 008fcb
C M Y K
80 0 65 0
R G B
0 166 118
# 00a676
C M Y K
60 90 0 0
R G B
128 54 137
# 803689
C M Y K
50 60 100 45
R G B
97 71 24
# 614718
31
32
35
36
C M Y K
80 15 20 0
R G B
0 158 188
# 009ebc
C M Y K
65 0 60 0
R G B
96 181 128
# 60b580
C M Y K
65 100 5 0
R G B
119 29 123
# 771d7b
C M Y K
32 73 70 25
R G B
148 75 61
# 944b3d
37
38
41
42
C M Y K
85 50 0 0
R G B
10 113 180
# 0a71b4
C M Y K
60 0 40 0
R G B
109 191 169
# 6dbfa9
C M Y K
75 0 100 0
R G B
66 166 42
# 42a62a
C M Y K
40 80 5 0
R G B
166 77 143
# a64d8f
C M Y K
50 90 35 20
R G B
126 47 90
# 7e2f5a
43
44
45
47
48
C M Y K
80 70 0 0
R G B
73 87 159
# 49579f
C M Y K
70 35 45 5
R G B
87 134 131
# 578683
C M Y K
77 0 77 0
R G B
45 167 95
# 2da75f
C M Y K
0 90 0 0
R G B
229 46 135
# e52e87
C M Y K
30 100 70 25
R G B
148 19 51
# 941333
49
50
53
54
C M Y K
75 40 0 0
R G B
63 133 193
# 3f85c1
C M Y K
75 0 55 0
R G B
42 173 137
# 2aad89
C M Y K
25 83 0 0
R G B
192 71 144
# c04790
C M Y K
15 90 50 0
R G B
207 53 88
# cf3558
55
56
59
60
C M Y K
70 13 0 0
R G B
55 172 222
# 37acde
C M Y K
65 5 45 0
R G B
93 179 155
# 5db39b
C M Y K
35 80 0 0
R G B
175 78 148
# af4e94
C M Y K
40 100 30 20
R G B
141 15 86
# 8d0f56
61
62
65
66
C M Y K
60 0 10 0
R G B
98 196 221
# 62c4dd
C M Y K
80 10 40 0
R G B
0 160 158
# 00a09e
C M Y K
10 80 0 0
R G B
216 81 148
# d85194
C M Y K
55 90 0 0
R G B
138 54 137
# 8a3689
31
C M Y K
80 15 100 0
R G B
49 148 46
# 31942e
33
C M Y K
73 0 84 0
R G B
71 170 80
# 47aa50
39
51
C M Y K
60 0 75 0
R G B
118 184 97
# 76b861
57
C M Y K
50 0 80 0
R G B
149 193 84
# 95c154
63
C M Y K
80 10 80 5
R G B
32 149 83
# 209553
C M Y K
20 80 80 8
R G B
189 79 54
# bd4f36
28
C M Y K
0 95 80 0
R G B
228 32 50
# e42032
34
C M Y K
17 50 100 0
R G B
215 140 5
# d78c05
40
C M Y K
0 80 100 0
R G B
231 81 19
# e75113
46
C M Y K
14 74 100 0
R G B
212 93 23
# d45d17
52
C M Y K
0 60 85 0
R G B
238 128 50
# ee8032
58
C M Y K
0 40 85 0
R G B
246 170 52
# f6aa34
64
C M Y K
0 50 90 0
R G B
242 149 39
# f29527
Colours
Colour palette
for Policies
67
68
69
70
71
72
73
C M Y K
65 35 30 09
R G B
103 144 159
# 67909f
C M Y K
85 40 30 0
R G B
0
125 152
# 007d98
C M Y K
60 55 15 0
R G B
122 119 161
# 7a77a1
C M Y K
60 55 35 10
R G B
114 108 126
# 906c7e
C M Y K
45 45 30 0
R G B
157 142 153
# 9d8e99
C M Y K
75 60 20 5
R G B
81 99 142
# 51638e
C M Y K
50 50 0 0
R G B
144 133 186
# 9085ba
74
75
76
77
78
79
80
C M Y K
70 20 30 0
R G B
77 160 170
# 4da0aa
C M Y K
75 45 20 0
R G B
74 125 163
# 4a7da3
C M Y K
70 40 20 0
R G B
88 135 168
# 5887a8
C M Y K
55 35 30 0
R G B
132 152 161
# 8498a1
C M Y K
65 65 30 10
R G B
105 91 122
# 695b7a
C M Y K
55 75 0 0
R G B
137 85 154
# 89559a
C M Y K
55 80 35 20
R G B
118 64 97
# 764061
81
82
83
84
85
86
87
C M Y K
75 45 40 10
R G B
72 114 126
# 48727e
C M Y K
70 47 35 8
R G B
89 117 134
# 597586
C M Y K
55 20 50 0
R G B
133 169 138
# 85a98a
C M Y K
70 35 60 10
R G B
86 127 104
# 567f68
C M Y K
50 50 20 0
R G B
145 131 161
# 9183a1
C M Y K
57 44 22 0
R G B
128 138 164
# 808aa4
C M Y K
45 45 83 18
R G B
139 118 58
# 8b763a
88
89
90
91
92
93
94
C M Y K
60 35 40 0
R G B
120 147 145
# 789391
C M Y K
70 15 45 0
R G B
79 163 148
# 4fa394
C M Y K
67 37 52 10
R G B
94 128 114
# 5e8072
C M Y K
70 33 70 10
R G B
87 129 89
# 578159
C M Y K
45 57 50 15
R G B
141 106 101
# 8d6a65
C M Y K
45 65 50 20
R G B
135 89 91
# 87595b
C M Y K
56 45 68 20
R G B
114 112 80
# 727050
95
96
97
98
99
100
101
C M Y K
35 44 65 5
R G B
174 140 95
# ae8c5f
C M Y K
45 47 70 15
R G B
142 120 79
# 8e784f
C M Y K
35 37 55 0
R G B
182 159 121
# b69f79
C M Y K
37 55 57 10
R G B
162 117 97
# a27561
C M Y K
40 55 67 20
R G B
144 105 76
# 90694c
C M Y K
40 55 60 15
R G B
151 111 89
# 976f59
C M Y K
30 43 70 5
R G B
184 144 87
# b89057
102
103
104
105
106
107
108
C M Y K
35 55 30 0
R G B
178 130 144
# b28290
C M Y K
50 60 30 5
R G B
141 109 132
# 8d6d84
C M Y K
40 60 40 5
R G B
162 113 121
# a27179
C M Y K
40 70 25 0
R G B
167 99 134
# a76386
C M Y K
45 70 15 0
R G B
157 98 145
# 9d6291
C M Y K
55 70 40 17
R G B
120 82 102
# 785266
C M Y K
70 33 80 15
R G B
85 123 71
# 557b47
109
110
111
112
113
114
115
C M Y K
77 30 60 5
R G B
62 133 110
# 3e856e
C M Y K
70 47 45 15
R G B
85 109 113
# 556d71
C M Y K
75 35 47 8
R G B
68 128 125
# 44807d
C M Y K
65 40 37 5
R G B
102 131 140
# 66838c
C M Y K
60 40 50 10
R G B
113 128 116
# 718074
C M Y K
60 40 87 15
R G B
111 120 57
# 6f7839
C M Y K
55 50 60 20
R G B
116 106 88
# 746a58
116
117
118
119
120
121
122
C M Y K
70 35 65 10
R G B
87 127 96
# 577f60
C M Y K
60 15 65 0
R G B
119 169 112
# 77a970
C M Y K
50 20 60 0
R G B
147 172 120
# 93ac78
C M Y K
47 25 75 0
R G B
156 165 88
# 9ca558
C M Y K
57 20 75 0
R G B
131 164 91
# 83a45b
C M Y K
40 5 80 0
R G B
175 197 81
# afc551
C M Y K
30 25 70 0
R G B
194 178 98
# c2b262
32
1.4
Typography
33
Typography
Main typography
EC Square Sans Pro
The EC Square Sans Pro will be available in condensed version
soon. Until then, you are authorised to use alternative typefaces
such as Myriad, Trebuchet or Tahoma for condensed texts.
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789
34
Typography
Secondary typography
Garamond
Garamond is used together with EC Square Sans Pro
with the aim of bringing both strong contrast and rhythm
to the layouts. This typography has the advantage of
providing greater legibility.
Garamond will be used as a support typography on the
inside pages of publications and for specific publications
such as newspapers or newsletters.
You can use any Garamond (MS Garamond, Adobe
Garamond Pro, Garamond Premier Pro) depending on what
your system offers and on different languages needs.
Garamond Medium
for captions
for quotes
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQ
RSTUVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQ
RSTUVWXZ0123546789
Garamond Italic
Garamond Bold
for quotes
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQ
RSTUVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQ
RSTUVWXZ0123546789
for captions
for quotes
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQ
RSTUVWXZ0123546789
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQ
RSTUVWXZ0123546789
35
Typography
Alternative typography
for Office and eb
Verdana
For any document created for the web or web mobile
using Office programmes, e.g. Word, PowerPoint, Excel
(except for Eurolook, Legiswrite or Egreffe, in Times News
Roman), as well as for any email or electronic signature,
the typeface will be Verdana.
Verdana Bold
for titles
abcdefghijklmnopqr
stuvwxzABCDEFGHI
JKLMNOPQRSTUVW
XZ0123546789
abcdefghijklmnopqr
stuvwxzABCDEFGHI
JKLMNOPQRSTUVW
XZ0123546789
Verdana Regular
Verdana Italic
for subtitles
abcdefghijklmnopqr
stuvwxzABCDEFGHI
JKLMNOPQRSTUVW
XZ0123546789
abcdefghijklmnopqr
stuvwxzABCDEFGHI
JKLMNOPQRSTUVW
XZ0123546789
36
Typography
Alternative typography
for Office and eb
Arial
For any document created for the web or web mobile
using Office programmes, e.g. Word, PowerPoint, Excel
(except for Eurolook, Legiswrite or Egreffe, in Times News
Roman), as well as for any email or electronic signature,
the typeface will be Arial.
Arial Regular
Arial Italic
for text
abcdefghijklmnopqr
stuvwxzABCDEFGHI
JKLMNOPQRSTUVW
XZ0123546789
abcdefghijklmnopqr
stuvwxzABCDEFGHI
JKLMNOPQRSTUVW
XZ0123546789
Arial Bold
for subtitles
abcdefghijklmnopqr
stuvwxzABCDEFGHI
JKLMNOPQRSTUVW
XZ0123546789
abcdefghijklmnopqr
stuvwxzABCDEFGHI
JKLMNOPQRSTUVW
XZ0123546789
Arial Black
for titles
abcdefghijklmnopqr
stuvwxzABCDEFGHI
JKLMNOPQRSTUVW
XZ0123546789
37
Typography
System and rules
A key element of the European Commissions visual
identity is the use of typography (in different
weights and sizes) as a visual element in its
own right, notably on the covers of publications.
The contrast of size is very important for visual
effect and distinctiveness. It can be achieved
very easily using the following method:
*1.6 is the Golden ratio. This is the reference
figure used to divide or multiply the size of
the text to achieve the proper contrast between
the large word, the headline and the subtitle
if there is one (as shown below).
Make sure you do not divide the size of the text
by 3.2 (2 x 1.6) as you will not get the same
result when dividing the first time by 1.6 and
then dividing it again by 1.6.
If necessary, you can emphasize a word
as shown in this example.
When the large word is too short and has
no impact on the cover, you can multiply
its size a third time by 1.6.
(81 pts)
word
Set in EC Square
Sans Pro Regular
divided by 1.6*=
(50 pts)word
divided by 1.6 =
divided by 1.6 =
(20 pts) Headline
!
After dividing twice using the Golden ratio (1.6),
make sure you round up or down to the nearest
unit or half unit, i.e. if your result is 11.7 points,
round it down to 11.5 points, if it is 5.4 points make
it 5.5 points, 10.3 points becomes 10.5 points, etc.
This method also applies to millimetres and
centimetres.
divided by 1.6 =
(12 pts) Subtitle
38
Set in EC Square
Sans Pro Italic
39
2.1
Electronic media
40
Electronic media
Audiovisual signature
For the audiovisual signature, you have the option of choosing
between a static signature with the vertical version of the logo,
or an animated, ready-to-use signature version. For the position
of signature elements, both solutions are based on the same grid
system.
The examples are based on a 16/9 screen. For any other formats,
the proportions remain the same.
The background of the signature must never be dark. The logo and
information of the signature should always appear against an aura
of light.
Typography rules:
Headlines: EC Square Sans Pro Medium
Web address: EC Square Sans Pro Regular
Copyright: EC Square Sans Pro Regular
41
Electronic media
Audiovisual signature
Total time for the sequence including the fading:
Minimum: 3.5 seconds
Maximum: 5 seconds
42
Electronic media
CD and DVD labels
43
Electronic media
CD and DVD pocket sleeve
44
Electronic media
DVD inlays
45
Electronic media
DVD menus
Safe areas
on a PAL screen.
Red: Invisible area
Blue: Action safe area
Yellow: Title safe area
These menu screen ratios are 16/9. The standard video size is
720 x 576 pixels in anamorphic format. For a layout presentation
on screen, the format 1020 x 576 is used. It is therefore
recommended that you use the format 1020 instead of the 720
which is used for PAL production.
Also, safe areas (yellow and blue lines) are needed in order to
prevent the image from being cropped and left out of the screen on
certain television models (invisible area in red).
46
Electronic media
Social Media Profile Pictur
For your social media accounts (Twitter, Facebook) the layout
incorporates European Commissions mute logo as the profile
picture including a coloured box in order to insert your short
policy name.
SANTE
SANTE
a
SANTE sant
SANTE
47
Electronic media
Social Media Header
For your social media accounts (Twitter, Facebook), you are free
to choose your header picture but it should be in line with the
theme of your policy or your campaign. In addition to the image,
it is possible for you to add a hashtag.
48
Electronic media
Social Media Examples
Example: European Commission, Twitter account
49
Electronic media
Social Media Examples
Example: European Commission, Facebook account
50
Electronic media
Social Media Visual Content
The best way to communicate on social media is to visualise
the information. You are free to use pictures, infographics,
illustrations linked to your message. You can choose between
2 options: landscape or square format. The EC logo has to be
appeared on your visual.
Square format
Optimal
Minimum
Optimal
Minimum
1024 px X 512 px
470 px X 235 px
1200 px X 1200 px
504 px X 504 px
1024 px X 512 px
440 px X 220 px
1024 px X 1024 px
440 px X 440 px
Horizontal format
51
Electronic media
Social Media Visual Content
Square format
Facebook
52
Electronic media
Website banners
!
53
Electronic media
Website banners
The standard European Commission template is available in
responsive design to provide an optimal viewing experience
across a wide range of devices (from desktop computer
screens to mobile smartphones).
The elements in the banner of the European Commission
pages are adjusted according to the screen size of the
mobile device.
The standard logo appears outside the blue banner which is
used to position the menu and home buttons.
See the Europa Information Providers Guide:
http://ec.europa.eu/ipg/plan/mobile/index_en.htm
54
Electronic media
Mobile applications
!
Careful consideration should be made before deciding to create a mobile app. Instead, a website in responsive design is a more
appropriate solution for most mobile projects.
See the Europa Information Providers Guide for more details: http://ec.europa.eu/ipg/plan/mobile/index_en.htm
The mandatory elements are:
Splash screen layout and design
App icon design
The inner screens of mobile applications may be defined individually.
55
Electronic media
Mobile applications
Splash screen
The European Commission logo should always be centred at
the top of the screen inside a white horizontal header stripe
according to the following rules:
56
Electronic media
Mobile applications
Examples of splash screen layouts
57
Electronic media
Mobile applications
Logo size on mobiles
The size of the logo changes depending on the size of the white stripe
behind it. The height of the logos white stripe may be no less than 1/6 and
no more than 1/5 of the total height of the screen in portrait view; while in
landscape view, it should be no less than 1/4 and no more than 1/3 of the
total height of the screen.
The height of the logo may not be less than 150 pixels.
58
Electronic media
Mobile applications
Logo size on tablets
The size of the logo changes according to the size of the white stripe
behind it. The height of the logos white stripe may be no less than 1/10
and no more than 1/9 of the total height of the screen in portrait view;
while in landscape view, it should be no less than 1/7 and no more than 1/6
of the total height of the screen.
The height of the logo may not be less than 150 pixels.
59
Electronic media
Mobile applications
Typography
Mandatory font: The EC Square Sans Pro font is mandatory for texts on the
splash screen on the application icon, and application
The minimum font size is 25 pt.
60
Electronic media
Mobile applications
Tablet splash screen
61
Electronic media
Mobile applications
Examples of splash screens
62
Electronic media
Mobile applications
App icon
The mandatory appearance of the application icon
1. The base colour is the background colour of the application
2. The graphical element used on the background of the application is black with 20%
opacity.
3. The name of the application is in white, set in EC Square Sans Pro Regular typeface;
the minimum type size is 25 pt.
4. An icon can be used instead of an application name. However this cant be used as a
logo elsewhere. The background must continue to use the wings.
App icons should always be prepared without rounded corners, shadow or shine.
Certain app stores will apply these effects when the app has been submitted to them.
63
Electronic media
Mobile applications
EU emblem on mobiles
The emblem may be placed anywhere, but the recommended
position is on the lower left-hand corner or the upper left-hand
corner.
The size of the emblem may not be less than 60 pixels.
64
Electronic media
E-learning applications
Examples
E-learning modules need to be framed within the Visual
Identity of the European Commission.
The principle is similar to the one used for websites
under ec.europa.eu: The top banner is harmonised for
all e-learning tools. It is composed of the European
Commission logo, two colours (white and blue colour
reference #0065a2), a title and a subtitle. The title
usually corresponds to the name of the policy, and the
subtitle is the name of the e-learning tool itself. In some
cases one could have different content for the title and
subtitle depending on needs.
The template for banners can be found in the Information
Providers Guide:
http://ec.europa.eu/ipg/design/general_rules/screen_
layout/index_en.htm#section_3
Please note that the only compulsory elements are:
the correctly sized logo in the right location,
the two colours of the banner in their right size and
place
the title and subtitle in EC Square Sans Pro in the
right size.
The language scroll menu is optional.
To facilitate the functional aspects of e-learning modules,
additional necessary elements, such as buttons, may be
added to the banner. (e.g. close = x)
In the space below the compulsory banner, the design is
free, provided it respects the no-logo rule other than the
European Commission logo of the Visual Identity*.
65
Electronic media
Desktop applications
Examples
Desktop applications need to be framed within the Visual
Identity of the European Commission.
* logos which have been granted an exception can appear provided they
are smaller than the logo of the European Commission
66
Electronic media
Desktop applications
Examples
67
Electronic media
Electronic Newsletters
The template for the electronic newsletters has a header
and a 4-column grid.
The header includes the horizontal logo on a white strip;
this strip will also contain the issue number and the date
of the newsletter release. The blue strip of the header is
reserved for the title.
The content of the newsletter must always be within
the 4-column grid. This grid will ensure coherent alignment
of visuals, graphics and texts in the document. The 4
columns can be merged in different ways - for example,
2 identical columns or 1 column + 3 columns - as shown
the example on this page. You have the possibility of
adding a summary to your newsletter. The subtitle could
also be integrated in coloured strips (in the colours of the
visual identity of the policy).
The typography used for the content of the electronic
newsletter is Verdana.
As the title is fixed, it is advisable to use EC Square Sans Pro
for the title and to save it as an image file.
68
Electronic media
Electronic Newsletters
Examples
This is an example of
an electronic newsletter,
produced using the
template on the previous
page, and incorporating
several images, sections
and colours.
69
Electronic media
Electronic Newsletters
Examples
This electronic newsletter example is more text-based.
No images are inserted and there is less use of colour
and large fonts for headings to separate sections.
70
Electronic media
PowerPoint
Inserting the logo:
Choose the logo according to the language of the presentation. Add PNG format.
Insert the logo using the menu bar: Insert/Picture/File
name...
The logo size must not be changed.
Title slide
The title slides are the same for both templates. The title
slides include the positive version of the logo on a white
banner. You can use the full flat-coloured background
for your titles or insert a picture on the right or left side
of the presentation. To ensure that the titles are legible,
they must always be on a flat-coloured background.
71
Electronic media
PowerPoint
Content slides
For content slides, you can choose between two
layouts.
Verdana or Arial typeface must be used for
PowerPoint presentations. Images should be
used in PNG format to ensure transparency.
You are free to change the colour of bullet points
on both the title slide and text slides.
Blue banner:
This option has a footer box at the bottom and the
logo centred (on the flag) at the top.
Apart from bullet text, you can also insert tables,
charts, graphics, etc.
Signature:
This option has no footer box and positions the
horizontal logo at the bottom right of the slide as
a signature.
Apart from bullet text, you can also insert tables,
charts, graphics, etc.
72
Electronic media
PowerPoint
examples
Title
Title
Subtitle
Subtitle
Title
Title
Text
Subtitle
Title
Title
Text
73
Text
2.2
Stationery
74
Stationery
Letterhead
for Commissioners
A4
25 mm
25 mm
67 mm
10 mm
Commissioner name
Function
Arial Bold
11 pts
Arial Regular
11 pts
Date
Arial Regular
11 pts
175 mm
Verdana
Regular
9 pts
Address, XXX
Zip code City
T. +XX X XXX XX XX
75
Stationery
Letterhead
Word template A4
For Commission documents and notes, Eurolook remains the only format in use. The letterhead
below cannot be used as a replacement of Eurolook. The letterhead may be used by
high level Commission officials for special occasions such as sending special invitation
letters to speakers of conferences or other special external communication purposes.
76
Stationery
Invitations
210 x 105 mm
77
Stationery
Compliments card
210 x 105 mm
78
Stationery
Compliments card
148 x 105 mm
79
Stationery
Envelopes
223 x 110 mm
229 x 114 mm
229 x 162 mm
80
Stationery
Envelopes
229 x 325 mm
81
Stationery
Envelopes
248 x 162 mm
310 x 240 mm
82
Stationery
Envelopes
83
Stationery
Business card
85 x 54 mm
Recto
Verso
84
Stationery
Business card
85 x 54 mm
Adress box:
4 lines
85
Stationery
Electronic signature
A new email signature has been developed complying with both the visual identity principles and necessary software
requirements. For technical reasons, it includes a mute logo and a text in Verdana which can be personalised by every
member of staff. The signature is recommended only for external communications.
Dear Mr Smith,
Please find attached the project for the new EC electronic signature we discussed
at our initial briefing last Tuesday.
Kind regards,
European Commission
Full name of DG (e.g. Directorate-General for Communication)
Full name of Unit (eg. Communication Actions & Inter-Institutional Relations)
LX40 06/02
B-1049 Brussels/Belgium
+32 XXX-XXXXX
name.surname@ec.europa.eu
Space for personal message/link
(Twitter, Facebook,
other related websites)
Dear Mr Smith,
Please find attached the project for the new EC electronic signature
at our initial briefing last Tuesday.
Kind regards,
NAME SURNAME
Title
European Commission
Full name of DG (e.g. Directorate-General for Communication)
Full name of Unit (eg. Communication Actions & Inter-Institutional R
LX40 06/02
B-1049 Brussels/Belgium
+32 XXX-XXXXX
name.surname@ec.europa.eu
Space for personal message/link
(Twitter, Facebook, other related websites)
86
Stationery
Document folder
230 x 315 mm
Outside of folder
87
Stationery
Adhesive notepad
100 x 100 mm
Cover
88
Stationery
Promotional items
The following are some examples of promotional items which can be developed
in line with the European Commissions visual identity.
USB keys
Bags
European
Commission
European
Commission
Ballpoint
Lanyards
89
Stationery
Promotional items
Mugs
First face
Calendar
Second face
Umbrellas
Mission Growth
Mission Growth
90
Stationery
Promotional items
Squeegee
Notepad
Glow bracelet
Corporate colour
Corporate colour
Transparent
91
Event, initiative
or policy
Stationery
Promotional items
T-shirts
phosphorescent vest
Human Ressources
and Security
92
Stationery
Multilingual product
Example
The European Commission logo exists in a mute version,
to be used on multilingual products only.
For stationery items, translations will be positioned on
the bottom part of the cover page above the footer box.
93
Stationery
Citizens Summary
Use the special harmonised template to prepare your Citizens Summary.
The template integrates the mute version of the logo. Language versions of the European Commission
name are integrated directly in the Word document in Verdana.
94
Stationery
Eurolook templates
mation related to the Policy or the Agency is in Arial.
The body of the document stays in Times News Roman
(except for the Fax template which stays in Arial).
EUROPEAN COMMISSION
DIRECTORATE-GENERAL
INFORMATICS
Chief Adviser
Brussels,
Event organisation/AM
FAX
To:
From:
Emmanuel Genette
Anna Meier
Event organisation
123
Number of pages:
Subject:
Logo Sample
Telephone:
+32 229-12345
Fax:
+32 229-12345
Telephone:
+32 229-12345
Fax:
+32 229-12346
Message:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue
massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit
amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Proin pharetra nonummy pede. Mauris et orci.
Anna Meier
Team Leader
95
Stationery
Eurolook templates
EUROPEAN COMMISSION
DIRECTORATE-GENERAL
INFORMATICS
Directorate B - Information systems
Information systems for document management and
corporate decision making processes
Brussels,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue
massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit
amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget
neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer
nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum
pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat
consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Proin nec augue. Quisque aliquam tempor magna. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas.
Nunc ac magna. Maecenas odio dolor, vulputate vel, auctor ac, accumsan id, felis.
Pellentesque cursus sagittis felis.
96
Stationery
Eurolook templates
EUROPEAN COMMISSION
DIRECTORATE-GENERAL
INFORMATICS
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue
massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit
amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget
neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer
nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum
pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat
consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Proin nec augue. Quisque aliquam tempor magna. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas.
Nunc ac magna. Maecenas odio dolor, vulputate vel, auctor ac, accumsan id, felis.
Pellentesque cursus sagittis felis.
97
Stationery
Legiswrite templates
As for Eurolook, Legiswrite templates integrate the mute
version of the logo in 4 colours. The typographies used are
Arial for headers and Times News Roman for the body of the
documents.
EUROPEAN
COMMISSION
Brussels, XXX
[](2012) XXX draft
EN
EN
EN
98
Stationery
Legiswrite templates
EUROPEAN
COMMISSION
Brussels, XXX
[](2012) XXX draft
EN
EN
EN
99
Stationery
Report template
100
2.3
Publications
101
Publications
Grid system
for cover
SEE PAGE
pocket sleeve
FORMAT
44
DVD inlays
45
folder
70
adhesive notepad
71
A4 Vert.
83
A4 Magazine
11
98
A4 newsletters
11
100
A4 factsheet
12
105
A4 factsheet cover
106
A4 Horiz.
15
109
A4 folded in two
115
210 x 210
118
A5 Vert.
122
A5 Horiz.
14
125
A6 Vert.
128
A6 Horiz.
10
131
B5 Vert.
134
leaflet A4
137
leaflet A3
142
poster Vert. A3
11
146
poster Vert. A2
11
146
poster Vert. A1
11
146
poster Vert. A0
11
146
poster Horiz. A3
15
151
poster Horiz. A2
15
151
poster Horiz. A1
15
151
poster Horiz. A0
15
151
102
Publications
Grid system
for A4 cover
The red lines serve to mark out the structure of the
base grid on which the main title of the document
is positioned. Other elements could be placed on the
103
Publications
Grid system for cover
and back cover A4
XX-00-00-000-EN-C
doi:00.0000/00000
The layout grid of the back cover is the same as that created
for the front cover. The difference is that the 4 columns with
5 mm gutters are added to it.
The texts are positioned on the left column, aligned flush
left, ragged right.
You are free to play with the 4 columns of the back cover
provided you stay within the grid. The text can be structured
1, 2, 3 or 4 columns wide. Columns can be merged or used
separately.
This system applies to ALL back cover publications.
104
Publications
Grid system
for laying out texts
on A4 cover
105
Publications
Examples
106
Publications
Examples
You do not always need to use photos and illustrations. There is also
the option of using flat colour tints. Take care not to choose a colour
that is too dark, as it may distort the visibility of the blue underline
bar of the logo (under European Commission) and the footer box.
107
Publications
Examples
108
Publications
Examples
If you opt to divide your page vertically with a photo and/or colour, the smallsized text should be moved slightly to the left or to the right, the distance being
equivalent to the weight of the ascender/descender of the main word. See the
justification of the g on the left vertical line.
109
Publications
Examples
110
Publications
Examples
1.
2.
3.
111
Publications
Grid system
Double page A4
112
Publications
Double page
Examples
M A G # 4
U L L A M C O R P E R
V I T A E
A L I Q U A M
E T
4 5
10nulla fringilla
Donec sagittis diam ac
14
Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci
vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada
feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu,
mattis sed orcifer mentum dapibus neque.
Ommolum rent dolenis evelenda quam quo mi, sanienis et etum qui repelita simus este voluptate et et parcia
consecu lluptur? Aquae et ipsam ipiciet es asperatqui doloribus maionsequodi destis a di tem re volo bearum
alita cusa plibusa cus volupta nullabores nia et rerovid magnias idi officim aut poribusant endandae. Qui blab
11ium explaci apis cumquam eate que consequias as sim conesti rest alit es
ilitam eum doloria excest, tem
remolore simporem faci tem quia nus ea serum recabo. Itatqui aut exces magniet ium quam, apidunt.
Hilla dolorit atecabor res et aligendente essitatur, endus sam delesto volore et quiatecta doluptur, quiberat
dolut quo volorporion consedit pelit eum quibus.
C H AP T E R 1
Mauris alirsuam
velit pellentesque
4
Pe vene earum re qui rent, suntotas autenisque plitate ndelenihilit offictenis eum serum voles magnihi taquibus, iur, ut ommo blatur siminvenda porum quid ut ommosamus.Ur? Quiatur am solese nobitat quis ipsam
qui dita nisque vent.Am aut es et, conseni minverio tores veri seribus sedi voles adio mosam, qui re pa nobitatur ant.
Natium volor re et aut ad que et lacest, ut eatem harunt ut pa derchil mollique dolupic tempero eiciliq uiberfe
rovide liae etur aribus explam discilit ressitius et dolorioribus alitiam, et dus seque volorem dusa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elemen6
tum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien
sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par
nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem.
Cras sem lacus.
Mauris aliquam velit pellentesque sem tristique
convallis. Donec sagittis diam ac nulla fringilla et
ultricies orci vehicula. Sed nibh mi, pellentesque
et varius nec, luctus id diam. Fusce sodales dui sit
amet nunc malesuada feugiat. Vestibulum vel pretium libero. Mauris arcuvelit, tempus quis imperdiet eu, mattis sed orci. Vivamus suscipit felis non
felis imperdiet scelerisque. Praesent suscipit, quam
in egestas mollis, mi est posuere ante, non volutpat enim ante quis elit. Fusce dapibus tempus ultricies. Praesent mauris tortor, auctor vel porttitor
non, adipiscing accumsan neque. Nulla et risus odio,
fermentum dapibus neque. Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae
mattis lorem congue quis. Morbi id eros ipsum, vitae
aliquam mi. Donec sodales tortor tellus, vel molestie
enim. dapibus neque. Proin scelerisque Suspendisse
at
Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis.
Morbi id eros ipsum, vitae aliquam mi. Donec sodales
tortor tellus, vel molestie enim. Suspendisse at nibh
nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum.
lorem feugiat lorem convallis vel adipiscing risus
ultrices. Aliquam nisl lorem, egestas id fermentum
eget, tincidunt a felis. Mauris aliquam diam ut leo
tristique auctor. Curabitur et tempus augue. Mauris
purus elit, faucibus ut lacinia at, rutrum id massa.
Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae
ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet
enim nec augue auctor sollicitudin in non enim. Ves-
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend
consectetur dui eu tincidunt. Quisque fringilla lobor-
quis tristique turpis magna dapibus neque. Proin scelerisque sed dolor.
Mauris aliquam velit pellentesque sem tristique
convallis. Donec sagittis diam ac nulla fringilla et
ultricies orci vehicula. Sed nibh mi, pellentesque
et varius nec, luctus id diam. Fusce sodales dui sit
amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit,
tempus quis imperdiet eu, mattis sed orci. Vivamus
suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis, mi est posuere
ante, non volutpat enim ante quis elit. Fusce dapibus
tempus ultricies. Praesent mauris tortor, auctor vel
porttitor non, adipiscing accumsan neque. Nulla et
risus odio, fermentum dapibus dapibus neque. Proin
scelerisque neque.
Garamond Semibold
Caption 68 pts
Tracking: -20 pts
tibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend,
risus vitae consectetur aliquet, quam diam molestie
leo, quis tristique turpis magna sed dolor. Vivamus a
sollicitudin eros. Quisque massa dui, malesuada sit
amet tempor sit amet, mollis eu nulla. Donec nulla
sapien, accumsan et laoreet sit amet, mollis a risus.
Duis et iaculis diam.
Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae
ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet
enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend,
risus vitae consectetur aliquet, quam diam molestie
leo, quis tristique turpis magna sed dolor.
Nulla consequat iaculis rutrum. Donec feugiat varius
vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus
mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo
egestas faucibus in a libero. Etiam in nibh risus, vel
faucibus sapien. In enim diam, pretium id aliquet
non, eleifend in felis. Donec eu lectus arcu. Aliquam
rutrum rutrum nulla sit amet posuere.
Donec sagittis
diam ac nulla12
fringilla
Mauris aliquam velit
pellentesque sem tristique
convallis. Donec sagittis
diam ac nulla fringilla13
et
ultricies orci vehicula. Sed
nibh mi, pellentesque et
varius nec, luctus id diam.
Fusce sodales dui sit amet
nunc malesuada feugiat.
Vestibulum vel pretium
libero. Nam quis tempus
risus. Mauris arcu velit,
tempus quis imperdiet eu,
mattis sed orcifer mentum
dapibus neque.
113
Publications
Double page
Examples
Examples of interior pages layouts with highlighted
quotations, charts, images and captions.
M A G # 4
U L L A M C O R P E R
V I T A E
A L I Q U A M
E T
4 5
Mauris alirsuam
velit pellentesque
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien
sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par
nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem.
Cras sem lacus, congue eget pharetra fermentumUt pellentesque denim
eu, sodales sit amet lorem. Cras sem lacus, congue eget pharetra fermentum.
Mauris aliquam velit pellentesque sem tristique
convallis. Donec sagittis diam ac nulla fringilla et
ultricies orci vehicula. Sed nibh mi, pellentesque
et varius nec, luctus id diam. Fusce sodales dui sit
amet nunc malesuada feugiat. Vestibulum vel pretium libero. Mauris arcuvelit, tempus quis imperdiet
eu, mattis sed orci. Vivamus suscipit felis non felis
imperdiet scelerisque. Praesent suscipit, quam in
egestas mollis, mi est posuere ante, non volutpat
enim ante quis elit. Fusce dapibus tempus ultricies.
Praesent mauris tortor, auctor vel porttitor non, adipiscing accumsan neque. Nulla et risus odio, fermen-
enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend,
risus vitae consecteturr
aliquet, quam diam molestie leo, quis tristique
turpis magna sed dolor.
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend
consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget elementum erat eleifend ut venenatis
sagittis metus id venenatis.
Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae
ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet
enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque ia-
M A G # 4
U L L A M C O R P E R
V I T A E
A L I Q U A M
Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci
vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc
malesuada
feugiat.
Vestibulum vel pretium
libero. Mauris arcuvelit,
tempus quis imperdiet
eu, mattis sed orci.
Vivamus suscipit felis non felis imperdiet
scelerisque. Praesent
suscipit, quam in egestas mollis, mi est posuere ante,
non volutpat enim ante quis elit. Fusce dapibus tempus
ultricies. Praesent mauris tortor, auctor vel porttitor
non, adipiscing accumsan neque. Nulla et risus odio,
fermentum dapibus neque. Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae
mattis lorem congue quis. Morbi id eros ipsum, vitae
aliquam mi. Donec sodales tortor tellus, vel molestie
enim. Suspendisse at
Curabitur et
augue Mauris purus elit, faucibus
ut lacinia at, rutrum id massaroin
leo velit, quam etid.
E T
Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis.
Morbi id eros ipsum, vitae aliquam mi. Donec sodales
tortor tellus, vel molestie enim. Suspendisse at nibh
nulla. Ut id tortor ut nibh lacinia porttitor quis tempor
metus. Donec ac lacus metus, nec suscipit ipsum.
Curabitur et
augue Mauris purus elit, faucib
ut lacinia at, rutrum id massar
leo velit, quam etid.
Donec sagittis
diam ac nulla
fringilla
Mauris aliquam velit
pellentesque sem tristique
convallis. Donec sagittis
diam ac nulla fringilla et
ultricies orci vehicula. Sed
nibh mi, pellentesque et
varius nec, luctus id diam.
Fusce sodales dui sit amet
nunc malesuada feugiat.
Vestibulum vel pretium
libero. Nam quis tempus
risus. Mauris arcu velit,
tempus quis imperdiet eu,
mattis sed orcifer mentum
dapibus neque.
4 5
Donec sagittis
diam ac nulla
fringilla
Mauris aliquam velit
pellentesque sem tristique
convallis. Donec sagittis
diam ac nulla fringilla et
ultricies orci vehicula. Sed
nibh mi, pellentesque et
varius nec, luctus id diam.
Fusce sodalesus id diam.
Fusce sodales dui sit amet
nunc malesuada feugiat.
Vestibulum vel pretium
libero. Nam quis tempus
risus. Mauris arcu velit,
tempus quis imp dui sit
amet nunc malesuada
feugiat. Vestibulum vel
pretium libero. Nam quis
tempus risus. Mauris arcu
velit, tempus quis imperdiet
eu, mattis sed orcifer mentum dapibus neque.
114
Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci
vehicula. Sed nibh mi, pellentesque et varius nec, luctus
id diam. Fusce sodales dui sit amet nunc malesuada
feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu,
mattis sed orci.
Donec sagittis
diam ac nulla
fringilla
Mauris aliquam velit
pellentesque sem tristique
convallis. Donec sagittis
diam ac nulla fringilla et
ultricies orci vehicula. Sed
nibh mi, pellentesque et
varius nec, luctus id diam.
Fusce sodales dui sit amet
nunc malesuada feugiat.
Vestibulum vel pretium
libero. Nam quis tempus
risus. Mauris arcu velit,
tempus quis imperdiet eu,
mattis sed orcifer mentum
dapibus neque.
Publications
Double page
Examples
Examples of interior page layouts with a summary, alternate header with
page numbering and insertion of a cropped image on a 4-column grid.
115
Publications
Double page
Examples
Examples of interior page layouts with illustrations
and texts with footnotes based on a 5-column grid.
116
Publications
Double page
Examples
Examples of interior page layouts in 2 colours, with
insertion of an angular picture based on a 5-column grid.
16
W H AT
WO R K S
F O R
R O M A
I N C L U S I O N
I N
T H E
E U :
P O L I C I E S
A N D
M O D E L
A P P R O A C H E S
W H AT
W O R K S
F O R
R O M A
I N C L U S I O N
2.
35
Adapting principles
to different circumstances
18
W H AT
43
44
45
46
WO R K S
F O R
R O M A
I N C L U S I O N
I N
T H E
E U :
P O L I C I E S
A N D
M O D E L
A P P R O A C H E S
W O R K S
F O R
R O M A
Access to housing and essential services by closing the gap between the share
of Roma with access to the housing and to
public utilities (such as water electricity and
gas) and that of the rest of the population.
Action on housing needs to be part of an
integrated approach including, in particular,
education, health, social affairs, employment
and security, and desegregation measures.
Member States should also address the
particular needs of non-sedentary Roma
(e.g. provide access to suitable halting sites
for non-sedentary Roma).They should actively intervene with targeted programmes
involving regional and local authorities. Key
working areas are related to infrastructural
and environmental improvements in Roma
communities, desegregation and urban planning, basic care infrastructure, support measures for community involvement.
117
M O D E L
A P P R O A C H E S
36
T H E
E U :
P O L I C I E S
A N D
M O D E L
37
38
39
40
See
http://www.romadecade.org/about.
41
42
I N
A P P R O A C H E S
17
I N C L U S I O N
A N D
P O L I C I E S
E U :
W H AT
T H E
I N
19
47
48
Fundacin Secretariado
Gitano (2009) Health and the
Roma Community, analysis
of the situation in Europe.
Bulgaria, Czech Republic, Greece,
Portugal, Romania, Slovakia,
Spain (Madrid: Fundacin
Secretariado Gitano, Ministerio
de Sanidad y Poltica Social).
Publications
Grid system
for A4 Magazine
The magazine cover structure is based on
the A4 cover template and has been improved
for this specific product. The logo can be used
in its negative or positive version depending on
the header colour (see examples on the following
page). Adding the title of the magazine onto a
banner directly under the header is allowed for
118
Publications
A4 Magazine
Example
119
Publications
Grid system
for A4 newsletters
Newsletters could possibly add articles to the
cover page. The logo is used in its negative
version on a coloured header. The name of the
newsletter is added under the logo on a white
strip. A second coloured strip separates the name
of the newsletter from the title of the article.
120
Publications
Grid system
for A4 newsletters
121
Publications
Grid system
for A4 newsletters
122
Publications
A4 newsletters
Examples
1. Example of a newsletter with an article box on the left;
2. Example of a newsletter with a different policy colour,
an article box on the right and incorporating a picture;
3.
123
4.
Publications
A4 newsletters
Examples
1. Example of a newsletter showing a title box with vertical text on the right
and with highlighted information under the title;
2. Example of a newsletter with a different policy colour, a title box with
vertical text on the right, highlighted information under the title and
incorporating a picture.
124
Publications
Grid system
for A4 factsheet
A template for factsheets is available and includes boxes for highlighting information or specific statistics. You have the option of inserting
125
Publications
Grid system
for A4 factsheet
Cover (Recto)
126
Publications
Grid system
for A4 factsheet
Cover (Verso)
127
Publications
A4 factsheet
Examples
128
Publications
Grid system
for A4 cover (horizontal)
129
Publications
Grid system
for A4 back cover
(horizontal)
The layout grid of the back cover is the same as that created
for the cover, with the difference being that 8 columns
with 5 mm gutters are added to it.
The texts are positioned on the left column, aligned flush
left, ragged right.
130
Publications
A4 (horizontal) cover
Examples
131
Publications
Grid system
for double page horizontal
132
Publications
Double page horizontal
M A G # 4
U L L A M C O R P E R
V I T A E
A L I Q U A M
1
E T
M A G # 4
4 5
U L L A M C O R P E R
V I T A E
A L I Q U A M
E T
4 5
11
Curabitur et
12elit, faucibus
augue Mauris purus
ut lacinia at, rutrum id massaroin
leo velit, quam etid.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id
massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis
dis par nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.Harumquo
eniantis et utem ulparum dendi iliqui sae. Beribus quosant qui doloremporum dolori occatur, cone iduntia
spedipsae nos estoris consequi ut ad qui ipitatur acidita nam estia doluptatem dolorrorem velitem et quae
de la asperum exeri andusae peleseq uatiorio volupta tquiat quodipsa de molo is et endipsam id exerfer
ionsedi orepro vere ent doluptasin re coneces aut harisquam vellab il ipsam rescimus, vollupic te sitiunt
peditias nessento ipsapelescid modistota nulliquos et odipid quaerovitem sanihicias cusapienis quaepel
iquiae officia id quid ma quodit quis experia quat.
CH A P T E R 1
Mauris alirsuam
velit pellentesque
5
molestie.
lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget,
tincidunt a felis. Phasellus suscipit risus eget felis venenatis consectetur. Quisque a nisl sem. Etiam id nisl eu
nisi semper pulvinar. Mauris aliquam diam ut leo tristique
auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa.
10
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit
ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius.
Vivaorbi at ultrices ante. Phasellus placerat, tindicutemo
Garamond Semibold
Caption 68 pts
Tracking: -20 pts
133
Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam
in egestas mollis
pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor
quis tempor metus. Donec ac lacus metus, nec suscipit
ipsum. gency and level Donec ac lacus metus, nec suscipit ipsum. gency and level of ambition that is needed to
bring climate change under control. Ugia asped eictasit
acessent, cus, sunt eos ea con ped maximos elecus que
offictotas eost, ent inusae. Et harum quae prerers pienis
int.
Enti iderum deles volupta con est, sequi rem volorios dis
enti totat abor simus, sapero officil icitate stiorenis atum
ipiet faccum quuntemolut alita venesequia niet estiore
nemque conemporae re que ma voluptatius autem autem nulparc hicimus aut voloreium sunt la peria apit,
quia sed quiam laborum doles est fuga. Aquiae veria cus
14
Publications
Double page horizontal
M A G # 4
U L L A M C O R P E R
V I T A E
A L I Q U A M
E T
M A G # 4
4 5
Mauris alirsuam
velit pellentesque
Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci
vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada
feugiat. Vestibulum vel pretium libero. Nam quis tempus
risus. Mauris arcu velit, tempus quis imperdiet eu, mattis
sed orci. Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis, mi
est posuere ante, non volutpat enim ante quis elit. Fusce
dapibus tempus ultricies. Praesent mauris tortor, auctor
vel porttitor non, adipiscing accumsan neque. Nulla et
risus odio, fermentum dapibus dapibus neque. Proin scelerisque neque.
lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget,
tincidunt a felis. Phasellus suscipit risus eget felis venenatis consectetur. Quisque a nisl sem. Etiam id nisl eu
nisi semper pulvinar. Mauris aliquam diam ut leo tristique
auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa.
Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id
eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, vel molestie enim. Suspendisse at nibh nulla. Ut id
tortor ut nibh lacinia porttitor quis tempor metus. Donec
ac lacus metus, nec suscipit ipsum. lorem feugiat lorem
convallis vel adipiscing risus ultrices. Aliquam nisl lorem,
egestas id fermentum eget, tincidunt a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus
augue. Mauris purus elit, faucibus ut lacinia at, rutrum
id massa.
U L L A M C O R P E R
V I T A E
A L I Q U A M
E T
M A G # 4
4 5
M A G # 4
U L L A M C O R P E R
V I T A E
Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla
fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam.
Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam
quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orci. Vivamus
suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis,
mi est posuere ante, non volutpat enim ante quis elit. Fusce dapibus tempus ultricies.
Praesent mauris tortor, auctor vel porttitor non, adipiscing accumsan neque. Nulla et
risus odio, fermentum dapibus dapibus neque. Proin scelerisque neque.
A L I Q U A M
E T
U L L A M C O R P E R
lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id
fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis venenatis consectetur. Quisque a nisl sem. Etiam id nisl eu nisi semper pulvinar. Mauris aliquam diam ut
leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at,
rutrum id massa.
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non
ultricies odio. Duis eleifend consectetur
dui eu tincidunt. Quisque fringilla lobortis ipsum, eget elementum erat eleifend
ut venenatis sagittis metus id dapibus
neque. Proin scelerisque venenatis.
Nulla consequat iaculis rutrurau Donec feugiat varius vestibulum doloresninc esta
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante.
Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies
felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo
egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla
sit amet posuere. Nam suscipit fermentum nulla eget tincidunt.
Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna,
commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus
id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices.
Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique
turpis magna sed dolor. Vivamus a sollicitudin eros. Quisque massa dui, malesuada
M A G # 4
4 5
4 5
Nulla consequat
iaculis rutrum.
Donec feugiat
varius vestibulum
doloresninc esta
Proin scelerisque consectetur semper. Aenean
rutrum volutpat lectus,
vitae mattis lorem congue
quis. Morbi id eros ipsum,
vitae aliquam mi. Donec
sodales tortor tellus, vel
molestie enim. Suspendisse at nibh nulla. Ut id
tortor ut nibh lacinia porttitor quis tempor metus.
Donec ac lacus metus,
nec suscipit ipsum. lorem
feugiat lorem convallis vel
adipiscing risus ultrices.
Aliquam nisl lorem, egestas id fermentum eget,
tincidunt a felis. Mauris
aliquam diam ut leo tristique auctor. Curabitur et
tempus augue. Mauris purus elit, faucibus ut lacinia
at, rutrum id massa.
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non
ultricies odio. Duis eleifend consectetur dui eu
Curabitur et
augue Mauris purus elit, faucibus
ut lacinia at, rutrum id massaroin
leo velit, quam etid.
Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam
in egestas mollis
pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor
quis tempor metus. Donec ac lacus metus, nec suscipit
ipsum. gency and level Donec quis tempor metus. Donec
ac lacus metus, Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metunec suscipit ac lacus metus, nec suscipit ipsum. gency and level
of ambition that is needed to bring climate change under
controltium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
ultrices. Nam eleifend, risus vitae consectetur aliquet,
quam diam molestie leo, quis tristique turpis magna sed
dolor.
V I T A E
A L I Q U A M
E T
4 5
sit amet tempor sit amet, mollis eu nulla. Donec nulla sapien, accumsan et laoreet sit
amet, mollis a risus. Duis et iaculis diam.
Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna,
commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus
id venenatis. Vestibulum sitt
amet enim nec augue auctorr
sollicitudin in non enim. Vestibulum lobortis auctor nunc
eu suscipit. Quisque iaculis lorem ut lectus posuere
ultrices. Nam eleifend, risus
vitae consectetur aliquet,
quam diam molestie leo,
quis tristique turpis magna
sed dolor.
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante.
Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies
felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo
egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam,
pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum
nulla sit amet posuere.
Curabitur et
augue Mauris purus elit, faucibus
ut lacinia at, rutrum id massaroin
leo velit, quam etid.
pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec
ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metus. Donec
ac lacus metus, Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis
tempor metunec suscipit ac lacus metus, nec suscipit ipsum. gency and level of ambition that is needed to bring climate change under controltium id aliquet non, eleifend in
felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis
U L L A M C O R P E R
Mauris alirsuam
velit pellentesque aliquam estumis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum
tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par nisl auctor
mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.
Harumquo eniantis et utem ulparum dendi iliqui sae.
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio.
Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget elementum erat eleifend ut venenatis sagittis metus id venenatis.
Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus,
vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis
tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis
tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis
vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt
vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt
a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris
purus elit, faucibus ut lacinia at, rutrum id massa.
Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus,
vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis
tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis
vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt
a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris
purus elit, faucibus ut lacinia at, rutrum id massa.
E T
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum doloresninc esta
A L I Q U A M
Mauris alirsuam
velit pellentesque aliquam estumis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa
ligula. Fusce quis sapien id sapien
sollicitudin ullamcorper. Cum sociis
V I T A E
M A G # 4
U L L A M C O R P E R
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa
ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par
nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.Harumquo eniantis
et utem ulparum dendi iliqui sae. Beribus quosant qui doloremporum dolori occatur, cone iduntia spedipsae
nos estoris consequi ut ad qui ipitatur acidita nam estia doluptatem dolorrorem.
V I T A E
A L I Q U A M
E T
4 5
lorem
feugiat
lorem
convallis vel adipiscing
risus ultrices. Aliquam
nisl lorem, egestas id fermentum eget, tincidunt
134
scelerisque venenatis.
Nulla consequat
iaculis rutrurau
Donec feugiat
varius vestibulum
doloresninc esta
Nulla consequat iaculis
rutrum. Donec feugiat
varius vestibulum. Morbi
at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat
suscipit, quam in
egestas mollis
pendisse at nibh nulla. Ut
Curabitur et
augue Mauris purus elit, faucibus
ut lacinia at, rutrum id massaroin
leo velit, quam etid.
Publications
Grid system
for A4 cover folded in two
135
Publications
Grid system
for A4 folded in two
136
Publications
A4 folded in two
Examples
1. Full page image with text / white header
2. Image only + text on flat colour tint positioned at the top of the page
3. Image only + text on flat colour tint positioned at the bottom of the page
1.
2.
137
2.
Publications
Grid system
for 21 x 21 cm cover
138
Publications
Grid system
for 21 x 21 cm back cover
139
Publications
21 x 21 cm cover
Examples
1. Full page image with text / white header
2. Full page image on white background with text / coloured header
3. Full page image with text / white header
140
Publications
Grid system
for double page 21 x 21 cm
141
Publications
Grid system
for A5 cover
142
Publications
Grid system
for A5 back cover
143
Publications
Grid system
for double page A5
4 gutter columns: 5 mm
144
Publications
Grid system
for A5 cover (horizontal)
145
Publications
Grid system
for A5 back cover
(horizontal)
146
Publications
Grid system
for double page A5
(horizontal)
147
Publications
Grid system
for A6 cover
148
Publications
Grid system
for A6 back cover
149
Publications
Grid system
for double page A6
4 gutter columns: 5 mm
150
Publications
Grid system
for A6 cover (horizontal)
151
Publications
Grid system
for A6 back cover
(horizontal)
152
Publications
Grid system
for double page A6
(horizontal)
4 gutter columns: 5 mm
153
Publications
Grid system
for B5 cover
154
Publications
Grid system
for B5 back cover
155
Publications
Grid system
for double page B5
156
Publications
Grid system
for leaflet A4 c ver
157
Publications
Grid system
for Leaflet A4 back c ver
158
Publications
Leaflet A4 c ver
Examples
1. Full page flat-coloured background with text / white header
2. Image only + text on white strip positioned at the bottom of the page
159
Publications
Grid system for inside
pages of leaflets A
2 gutter columns: 5 mm
160
Publications
Inside pages
for A4 leaflet
Examples
Mauris alirsuam
velit pellentesque
1
Garamond Semibold
Caption 68 pts
Tracking: -20 pts
Curabitur et
augue Mauris 9purus elit, faucibus
ut lacinia at, rutrum id massaroin
leo velit, quam etid.
161
Donec sagittis
diam ac nulla10
fringilla
Mauris aliquam velit pellentesque sem tristique convallis.
Donec sagittis diam ac nulla
fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque
et varius nec, luctus id diam.
Fusce sodales dui sit amet
11
nunc malesuada feugiat. Vestibulum vel pretium libero. Nam
quis tempus risus. Mauris arcu
velit, tempus quis imperdiet
eu, mattis sed orcifer mentum
dapibus neque.
Publications
Grid system
for leaflet A3 c ver
162
Publications
Grid system
for Leaflet A3 back c ver
163
Publications
Leaflet A3 c ver
Examples
1. Full page image on white background with text on flat colour tint positioned at the bottom of the page / coloured header
2. Image only + text on flat colour tint positioned at the top of the page
3. Image only + text on flat colour tint positioned at the bottom of the page
1.
2.
164
2.
Publications
Grid system for inside
pages of leaflet A
4 gutter columns: 5 mm
165
Publications
Grid system
for posters (vertical)
For all posters that follow the DIN standard (A3, A2, A1 and A0), the layout process and the proportions are the same
as for the construction of an A4 cover except that the logo is 1/11 the width of the document.
166
Publications
Posters (vertical)
Examples
1.
2.
3.
167
Publications
Posters (vertical)
Examples
1.
2.
1. Image with text + title on flat colour tint positioned at the top
of the page
2. Photomontage image only + text on flat colour tint positioned
at the bottom of the page
168
Publications
Posters (vertical)
Examples
1.
2.
3.
169
Publications
Posters (vertical)
Examples
1.
2.
1. Poster with body text + title on flat colour tint positioned at the
top of the page
2. Poster with body text + title on flat colour tint positioned at the
top of the page with an image
3. Poster with body text and image + title on flat colour tint
positioned at the top of the page
3.
170
Publications
Grid system
for posters (horizontal)
171
Publications
Posters (horizontal)
Example
1. Full page image on white background with title and body text / coloured header
2 & 3. Full page image with text / white header
1.
2.
172
3.
Publications
Multilingual product
Examples
The European Commission logo exists in a mute version,
to be used on multilingual products only.
For publications, the translations of the European Commission in all languages required will be positioned at
the bottom part of the cover page above the footer box.
In this specific case, the footer box will not insert the
policy name and its size will be reduced to half of the
flag, however it will keep the policy colour.
173
Publications
Specific ormats
Examples
Small advertisements in the press or in the web have different formats.
On vertical formats (e.g. 150X94 mm) the logo, the banner and the
footer are placed in a standard way.
150X94 mm
Uptatectum
laceptae erisqui
Officient sit, natestem ex eos alia nobis
maiost, corest inum inti nem restrum eos
cus ilitem inctaes tenihil itempor epedia
voloribusdae essinus inis Orio. Ita doluptur
rehenis eat.
Berum nihit, quam quae vitatur ati aute poribus, corem nostrum qui ratatat quid quibus.
Namus velibus. Xerum quaes et, simpore
inveles plitioritae et estiuntum quatur, solupiet et recti idustrunt, ut fuga.
174
Publications
Specific ormats
Examples
In very small square formats (e.g. 100X100 mm) the visual
elements cannot be placed in a standard way due to space
constraints. Exceptionally, the horizontal logo should be used.
The same exception applies to very horizontal formats
(e.g. 100X239 mm - 50X239mm).
100X100 mm
Sedi to oditemporum
quatur
10>15 January 2013
100X239 mm
175
Publications
Specific ormats
Examples
It is very important not to have any disturbing elements behind the
logo. If the background picture becomes very light and uniform at the
place where the logo should be displayed, the positive version of the
horizontal logo can be used. If the background picture becomes very
dark and uniform at the place where the logo should be displayed,
the negative version of the horizontal logo can be used. In cases
where the background picture could be a disturbing element to the
logo, this part can be filled with a plain coloured background.
50X239 mm
Sum enihilique quas cum dolupta escium voles assi autenih iliberae quuntur?
Vid quiaspi deruntemped undaecte ea is veliti tet dem volupta dest voloritae
Sum enihilique quas cum dolupta escium voles assi autenih iliberae quuntur?
Vid quiaspi deruntemped undaecte ea is veliti tet dem volupta dest voloritae
Sum enihilique quas cum dolupta escium voles assi autenih iliberae quuntur?
Vid quiaspi deruntemped undaecte ea is veliti tet dem volupta dest voloritae
Sum enihilique quas cum dolupta escium voles assi autenih iliberae quuntur?
Vid quiaspi deruntemped undaecte ea is veliti tet dem volupta dest voloritae
176
Publications
Examples
177
Publications
Examples
178
Publications
Examples
179
Publications
Examples
180
Publications
Examples
181
Publications
Margins and columns size
for inside pages
overview
FORMAT
MARGINS
Top
Bottom
COLUMNS
Inside
SEE PAGE
Outside
A4 Vert.
13 mm
13 mm
25 mm
20 mm
4 or 5
92
A4 Horiz.
13. 975 mm
13.99 mm
25 mm
20 mm
6 or 7
112
12.7 mm
13.367 mm
15 mm
15 mm
116
A4 folded in two
210 x 210
13.984 mm
13.984 mm
25 mm
20 mm
4 or 5
121
A5 Vert.
13.05 mm
10.66 mm
20 mm
20 mm
124
A5 Horiz.
13 mm
12.233 mm
25 mm
20 mm
4 or 5
127
A6 Vert.
11 mm
10 mm
15 mm
15 mm
130
A6 Horiz.
12 mm
12.567 mm
20 mm
20 mm
133
B5 Vert.
12.8 mm
12.833 mm
25 mm
20 mm
4 or 5
136
leaflet A4
13 mm
10.7 mm
7.5 mm
7.5 mm
140
leaflet A3
15 mm
15.3 mm
15 mm
15 mm
145
182
Publications
Donts
Frageri
Lorem ipsum
dolor et cum carro
fragum
lorem ipsum
dolor et cum
carro est
occuptatur
Lorem ipsum
dolor et cum carro
Et dolor is fragum
Lorem
ipsum dolor
et cum
carro est
erasi
183
Publications
Donts
184
Publications
Donts
lorem ipsum
dolor et cum
carro est
Frageri
Humanum
lorem ipsum
dolor et cum
carro est
Policy
Policy
The footer box with policy name should always be the same
height as the flag (except or multilingual publications).
Plebisum
lorem ipsum
dolor et cum
carro est
Policy
The flag and the ooter box are not centred on the page.
185
2.4
Event
communication
186
Event communication
Stands
For exhibitions, events or fairs organised by
the European Commission, the following two
solutions are illustrated:
187
Event communication
Banners and flag
Banner
360 X 80 cm
Lorem
ipsum et
Quisque
semper
adipiscing
Dolor cum
nat mem
Quisque
semper
adipiscing
Fusce
facsis varius
Quisque
semper
adipiscing
ec.europa.eu/budget/reform
1/4 of flag
188
Event communication
Grid system
for Backdrops
2X
3X
4X
5X
6X
7X
8X
189
9X
10 X
11 X
12 X
13 X
14 X
15 X
Event communication
Conferences material
Badges
The template for conference badges integrates the horizontal
version of the logo in its positive version. The name or function
is inserted between two lines and information relating to the
conference is at the bottom of the badge.
190
Event communication
Conferences material
programmes
The conference programme template is based on
the A4 format template. In the following example,
the title and key information are accentuated in
a coloured stripe.
191
Specific application
192
Specific application
Use of the Commission logo
in equal partnership
with other organisations
(co-branding)
193
Specific application
Co-branding
Examples
In the case of co-branded publications you do not have to
follow the visual identity guidelines and you do not need
to place the Commission logo top centre. As long as the
Commission logo has the same visual weight as the other
logos, it can be placed in any part of the co-branding area
aligned with the others logos.
ay
Sat urd
May
tion
v
i
u
t
t
i
s
t
s
e
F pean In
E u r on D a y
Ope
pa.eu
o
r
u
e
.
e
euro p
f
o
l
a
v
i
t
s
www.fe
ay
Saturd
www.festivalofeurope.europa.eu
Debates Information
Activities
Childrens workshops
Music and dance
2011
May al of Euroopnes
Fes tiv In s ti t u ti
n
Eu ro p ea
D ay
O p en
u
uro pa.e
euro pe.e
stivalof
www.fe
BRUSSELS
EUROPEAN DISTRICT
7 MAY 10 A.M. TO 6 P.M.
Committee of the Regions
194
Specific application
Insertion of authorised logos
Some logos of EU services remain in use following due
authorisation by the Secretary-General and the DirectorGeneral of DG Communication. These authorised logos can
be integrated at the bottom of the cover page aligned on
the right side of the footer box.
195
Specific application
Use of Commission logo
by third parties
The sign-off option can be used by partners, stakeholders and other third parties when they receive support from
the Commission or they communicate about a Commission initiative or a product of a third party is financed by
the Commission.
A typical example is a study or report paid for by the Commission but developed by an external consultancy and
the contents do not reflect the views of the Commission.
The third party using the sign-off option shall request permission from the European Commission for the use of the
Commission logo. However, the text displayed next to the Commission logo shall use a font which is available to
the external organisation. Recommended fonts are EC Square Sans Pro, Verdana, Arial, Tahoma, Calibri and Trebuchet
in italic.
196
Specific application
Door Stickers
Below are some examples of door stickers for offices.
One version integrates the graphical element for central offices.
The information relating to the desk number or the office is integrated
in the blue header, while the information relating to the names and
functions are in the sub-part on the graphical element.
197
Specific application
Door Stickers
The second example is specifically for the executive agencies and uses the horizontal logo version, including the
name of the agency in the colour chosen. In this case, the
header is white and you have to use the positive version
of the logo.
At the bottom, you have the option of integrating the unit
reference on a stripe in the agency colour.
198
Specific application
Maps
Due to the technical nature of maps and their need to display a lot
of information in a clear way, the visual elements are not placed in
a standard way.
The top banner will have the colour chosen by the Directorate General
or service, or the corporate blue if no colour has been selected.
The title of the map is exceptionally displayed in the banner. The logo
of the Commission, in its horizontal version, is located at the right
side of the banner and centred in relation to the map legend.
199