Charter en PDF

European
Commission
visual identity
Manual MAY 2016
TA B L E O F C O N T E N T S
1 Introduction 39 2. Various fields of application

2 Basic principles 40 2.1 Electronic media
5 Use of colour and typography 41 Audiovisual signature
for the Policies 43 CD and DVD labels
6 Cases of non-standard application 44 CD and DVD pocket sleeve
for the logo 45 DVD inlays
46 DVD menus
10 1. Visual elements 47 Social Media Profil Picture
11 1.1 Logo 48 Social Media Header
12 Positive versions standard 49 Social Media Examples
(vertical) 51 Social Media - Visual Content
13 Positive versions (horizontal) 53 Website banners
14 Negative versions (vertical) 55 Mobile applications
15 Negative versions (horizontal) 64 E-learning applications and
16 Language versions (vertical) examples
17 Language versions (horizontal) 66 Desktop applications and
18 Typography size, leading and examples
typography (vertical) 68 Electronic Newsletters
19 Proportion and protection area and examples
(vertical) 71 PowerPoint and examples
20 Typography size, leading and 74 2.2 Stationery
typography (horizontal) 75 Letterhead for Commissioners A4
20 Proportion and protection area 76 Letterhead Word template A4
(horizontal) 77 Invitations 210 x 105 mm
21 Proportion and protection area 78 Compliments card 210 x 105 mm
22 Minimum sizes 79 Compliments card 148 x 105 mm
and alternative uses 80 Envelopes
23 Mute version: examples 84 Business card 85 x 54 mm
25 Colours 86 Electronic signature
26 Dos and Donts 87 Document folder 230 x 315 mm
27 1.2 Visuals 88 Adhesive notepad 100 x 100 mm
28 Use of images and graphic effects 89 Promotional items
29 1.3 Colours 93 Multilingual product: example
30 Colour palette for Corporate 94 Citizens Summary
Communication 95 Eurolook templates
31 Colour palette for Policies 98 Legiswrite templates
33 1.4 Typography 100 Report template
34 Main typography: 101 2.3 Publications
EC Square Sans Pro 102 Grid system for cover
35 Secondary typography: Garamond 103 Grid system for A4 cover, back
36 Alternative typography cover and examples
for Office and Web: Verdana 112 Grid system double page A4
37 Alternative typography for Office and examples
and Web: Arial 118 Grid system for A4 Magazine
38 System and rules and examples
120 Grid system for A4 newsletters
and examples
125 Grid system for A4 factsheet 174 Specific formats: examples
and examples 177 Examples
129 Grid system for A4 cover, back 182 Margins and columns size
cover and examples (horizontal) for inside pages overview
132 Grid system for double page 183 Donts
and examples (horizontal) 186 2.4 Event communication
135 Grid system for A4 cover folded 187 Stands
in two 188 Banners and flags
137 Grid system for A4 folded 189 Grid system for Backdrops
in two and examples and examples
138 Grid system for 21 x 21 cm cover, 190 Conferences material: badges
back cover and examples 191 Conferences material:
141 Grid system for double page programmes
21 x 21 cm
142 Grid system for A5 cover, 192 3. Specific applications
back cover and double page 193 Use of the Commission logo
145 Grid system for A5 cover, back in equal partnership with other
cover and double page (horizontal) organisations (co-branding)
148 Grid system for A6 cover, 194 Co-branding: examples
back cover and double page 195 Insertion of authorised logos
151 Grid system for A6 cover, back 196 Use of Commission logo
cover and double page (horizontal) by third parties
154 Grid system for B5 cover, back 197 Door Stickers
cover and double page 199 Maps
157 Grid system for leaflet A4 cover,
back cover and examples
160 Grid system for inside pages
of leaflets A4 and examples
163 Grid system for leaflet A3 cover,
back cover and examples
165 Grid system for inside pages
of leaflet A3
166 Grid system for posters (vertical)
and examples
171 Grid system for posters
(horizontal) and examples
173 Multilingual product: examples
Introduction
T
his graphic charter presents the visual identity
of the European Commission. It establishes the
basic principles to be applied to the entire range
of communication products.
Its purpose is to give the European Commission a reco-

gnisable image and a coherent voice when commu-
nicating.
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.
1
Introduction
Basic principles
The European Commissions visual identity is define

by standard visual elements. These elements must
always be applied unless a case for a non-standard
application is justified (see pages 6, 7, 8 and 9).
The standard visual elements are: the standard logo

( 1 ), footer box ( 2 ), typography ( 3 ), top white or
coloured banner and separation line ( 4 ).
1. The logo: 2. The footer box:
The standard logo ( 1 ) is the main logo for general use This is an extension of the logo and is always placed at the bottom
unless the use of the horizontal or mute variations is of the page to indicate the policy area or strategy.
justified. The standard logos flag is always centred in the It serves two main purposes:
format of the medium on which it is positioned (except in a. To create a virtual vertical axis (here in yellow) which
the web banner). It works in combination with the footer symmetrically balances the document. The left and right
box of the same width. The image/flat colour tint area sides of this axis (here in red dotted lines) are the axes on
starts from the baseline of the flag/graphic element ( 4 ). which the entire text composition will be built. The logo and
No other logo other than the Commission logo can appear its footer thus form the backbone of the graphic identity
on the Commissions communication products (apart from (with the exception of the web). When the footer box
specific authorised exceptions, see page 192). contains no text, its height is 1/2 of the flag in the logo. On
small documents where the logo is too close to the bottom
The visual identity is constructed around the European of the page, its height is 1/4 of the flag (see example
Commissions logo which exists in three variations: p. 88).
standard, horizontal and mute (See section 1.1. for all
b. In the case of documents created for different European
the details).
Commission policies, the footer box, twice as high (same
size as flag), can change colour depending on the colour
The standard logo is the main logo for general use
palette. A colour palette will be proposed for each policy.
unless the use of the horizontal or mute variations
It will contain the name of the relevant policy. Therefore,
is justified. When the standard logo is used, it must
the footer box also serves to inform.
appear at the top with the embedded EU flag centred
on the publication. The standard logo ( 1 ) must be used
with other constituent elements: the footer box ( 2 ),
typography ( 3 ), top white (or coloured) banner ( 4 )
and a separation line ( 4 ). The rules for the application
of these elements will be explained in the section on
Publications.
2
Introduction
Basic principles
3. The typographies: 4. The top banner of the document:
To make the page more dynamic, the texts will be freely Breathing space, a showcase for the logo, a constant and
positioned in the area, but will be justified (either flush unchangeable visual element, the banner is all of these rolled into
left or flush right, ragged or on one of the ascenders or one. It can be white or EC corporate blue (the same blue as the EU
descenders of one or more letters) on one or two of the flag) or the same colour as the policy colour that is displayed in
vertical axes. Where possible, and in an effort to add both the footer box and the bottom line of the logo (see also p. 110).
contrast, there is a requirement to highlight a word/part The coloured banner can be used with a white background, flat
of a phrase by significantly increasing the size of the colour tints immediately under the banner, and clipped pictures
letters body. This word will also be in colour. or an illustration (see examples on p. 167,168).
The typographies used in the visual identity are as

follows:
Professional print publications:

- main: EC Square Sans Pro
- secondary: Garamond
Web banners:
- EC Square Sans Pro
Web pages, web applications, PPT presentations,

e-mails, editable documents:
- Verdana or Arial
Working documents generated by special IT

applications:
- the current font remains applicable
(mainly TimesNewRoman and Arial)
Eurolook and Legiswrite documents:

- the current font remains applicable
(TimesNewRoman and Arial)
(for more information on the choice of typographies

and their use, see pages 33, 34, 35, 36 and 37).
3
Introduction
Basic principles
5. Colour system for back covers:
The header for back covers is always of the same colour

as the one of the Policy. The use of a white header on
back covers is not allowed.
4
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 cross-
cutting initiative or political priority (e.g. Europe 2020)
E
Internal document E
Contact : E
E
DG COMM/A3 E
E
E
E
E
The policy will be indicated in EC Square Sans Pro

Italic, with automatic leading spacing, and letter
spacing (tracking) -30 pts. The alignment is carried
out flush left on European Commission.
To determine the size of the character, divide

the height of the footer box by 9 upper case Es.
Depending on the colour of the policy (varying
degrees of darkness), we will opt for the typography
in white or black. No other colour can be used
in this area. The size of the text could be increased
up to 10 points (15% bigger) on an A4 format in
case of very short policy names.
5
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 non-
standard application.
1. Non-standard application of the logo
For certain cases concerning visibility of the name of

the European Commission or multilingual applications,
two logo variations have been developed besides the
standard logo.
The standard logo always appears with its flag top

centred except in clearly defined cases. These are:
the standard web banner on ec.europa.eu (see in the
Information Providers Guide, http://ec.europa.eu/ipg/),
the sign-off option (see below) and some specific cases
of signposting.
The horizontal logo can be used when the standard

logo cannot be applied due to space, visibility or other
specific reasons. Cases for the use of the horizontal logo
identified so far are signposting of buildings, e-mail
newsletters, Facebook timeline as part of the top image
and some gadgets like USB keys. When the horizontal
logo is used, the footer box and the principle that the EU
flag within the logo has to be centred at the top do not
apply.
The mute logo is strictly for multilingual publications and

for very specific pre-printed stationery which is designed
for multilingual use. These include folders for multilingual
use (see page 23 and 24), envelopes, and pre-printed
documents templates of the Spokespersons Service.
When the mute logo is placed with the logos flag top
centred, the footer box should be applied as in the case
of the standard logo. When the mute logo is placed
elsewhere, the footer box does not apply.
Please consult the Visual Identity Team in DG COMM

(comm-visual-identity@ec.europa.eu) when you are unsure
about the correct application of the horizontal or mute
logos.
6
Introduction
COMMISSION EUROPEENNE
DIRECTION GNRALE
INFORMATIQUE
Direction B - Systmes d'information
Systmes d'information pour la gestion des ressources humaines
Bruxelles, le 22 fvrier 2012

Risk Assessment/BA
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.
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.
Commission europenne, 1049 Bruxelles, BELGIQUE - Tl. +32 22991111

Bureau: 123 - Tl. ligne directe +32 229-12345 - Fax +32 229-12346
Commission europenne, 2920 Luxembourg, LUXEMBOURG - Tl. +352 43011
7
Introduction
2. Partnerships with other organisations
2a0l o1f E1urope

The Commission often engages in joint activities with ay
Sat urd
May
other organisations. These activities might result in joint
publications, events, joint initiatives, etc. In these cases,
ns
the standard visual identity might not be applicable. Fesr otpive a n I n s t i t u t i o
Eu n Day
In case of equal partnerships, the communication product Ope
should be co-branded. It means that the logos of the
organisations involved in the equal partnership (including
the standard logo of the European Commission) should
.eu
be placed next to each other in proportionately equal
euro pe.euro pa
sizes on the communication product. See pages 194 - 196 s tivalof
for specific examples of co-branding. In the cases of www.fe
co-branding, the standard visual elements of the visual
identity (i.e. typography, layout, footer box, etc.) do not
apply.
When the Commission contributes to a project that is

carried out by a third party organisation, the sign-off
option must be used. In this case, the standard logo is Sat urd
ay
2011
May al of Euroiope
Festiv In s tit ut
ns
placed on the communication product with a line that an
Eu ro peDa y
describes the nature of the Commissions contribution. www.festivalofeurope.europa.eu Op en
ro pa.eu
ro pe.eu
tivalofeu
This line can refer to support, funding given or initiative Debates Information
www.fes
BRUSSELS
taken by the European Commission. (See page 196) Activities
Childrens workshops EUROPEAN DISTRICT
The sign-off option demonstrates the Commissions Music and dance 7 MAY 10 A.M. TO 6 P.M.
involvement but shows that the Commission is not
responsible for the execution or content of the project.
The sign-off option is usually applied by third party Committee of the Regions
organisations, therefore the standard visual elements

of the visual identity (i.e. typography, layout, footer box,
etc.) do not apply.
8
Introduction
3. Publications written/published by external on page 100 concerning word template and page 195
organisations at the request or with the support concerning professional graphic template) with a
of the European Commission line Written by or Developed by + the logo of the
organisation, as appropriate. A disclaimer shall be added
The European Commission from time to time commissions to the inner pages of the study:
or uses publications from independent external organi-
This document has been prepared for the European
sations. The cases and the application of the visual iden-
Commission however it reflects the views only of the
tity are summarised here:
authors, and the Commission cannot be held responsible for
a) Study written by an external independent body any use which may be made of the information contained
which is also the copyright holder: The visual identity therein.
of the external body applies. No Commission logo
shall be displayed in the document. NB: A publication (newsletter, brochure, etc.) produced by an ex-
ternal organisation which is a service provider to the Commission
b) Study written by an external independent body
and the Commission takes ownership of the content of the publi-
with support from the Commission. The copyright
cation: The standard visual identity of the European Commission
holder is the external independent body: The
applies.
visual identity of the external body applies. The
Commission logo may appear on the publications
cover page as a sign-off with the words With 4. Use of authorised logos
the support of the or Supported by the +
Commission logo. A disclaimer shall be added to There are a few logos and labels that remain in use in the European
the inner pages of the study: Commission following due authorisation by the Secretary-General
The European Commission support for the pro- and the Director-General of DG Communication. These logos can
duction of this publication does not constitute en- be used in publications as shown on page 195.
dorsement of the contents which reflects the views
only of the authors, and the Commission cannot be
held responsible for any use which may be made
of the information contained therein.
c) Study written by an external independent body at
the request of the Commission (following call for
tender) and financed by the Commission. The cop-
yright holder is the external independent body: The
visual identity of the external body applies. The
Commission logo must appear on the publications
cover page as a sign-off with the words Funded
by the + Commission logo. A disclaimer shall be
added to the inner pages of the study:
This document has been prepared for the
European Commission however it reflects the
views only of the authors, and the Commission
cannot be held responsible for any use which may
be made of the information contained therein. 5. Working documents produced by using specific
d) Study written by an external independent body IT applications
at the request of the Commission (following call
for tender) and financed by the Commission. The Documents produced by using specific IT applications such as
copyright holder is the European Commission: Eurolook or Legiswrite, will keep the layout and form as defined
The European Commissions visual identity by the IT application. Users must not modify the typography or
applies. The external organisation which is the layout of these documents.
author of the publication should be identified
in the bottom part of the cover page (as shown
9
1
Visual elements
Logo
Visuals
Colours
Typography
10
1.1
Logo
11
Logo (vertical)
Positive versions
standard
The standard logo is the main logo CMYK for full-colour printing
of the European Commission and,
as a general rule, should appear
top centred on all communication
material, documents and products
unless there is a special reason
not to substitute the standard
logo with the horizontal or mute
variation.
The European Commission

logo exists in 6 versions
(positive and negative
CMYK, Reflex Blue and
black & white), all of which
are available in 6 different
formats (ai, eps, jpg, png,
tiff and pdf). Pantone EC Corporate Blue
for 1-colour printing
All these formats are
available on the Visual
Identity Page:
http://ec.europa.eu/dgs/
communication/services/
visual_identity/index_en.htm
Black for black & white 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.
Pantone EC Corporate Blue
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
The gold version

is an alternate version
for 1 pms printing
on colour paper/fabric.
This is just an example,
any colours can be used
(see example page 89 (lanyards)).
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
To determine the size of the font to use

in any language, we have used the longest
(Swedish) translation kommissionen as
a reference. The text is justified to the left.
18 x
12 x
3x
Europeiska The lower case u taken from
the word to the left determines
the space between the baseline
3x
kommissionen of kommissionen and the top
1x
European line of the horizontal bar.
Commission
In 2005, designer Panos Vassiliou created PF Square allowed for the European Commission logo. It is used
Sans Pro in his quest for a true square-like text in Black with 75% opacity for the CMYK logo and
typography, which could balance simplicity with 70% Pantone EC Corporate Blue for its 1 pms version,
vitality and strength, without compromising its 100% for the black & white version.
characteristics as a text typography.
Under the terms of the licence for EC Square Sans
The European Commission has further developed Pro, the European Commission can grant floating
this original font, by adding all characters to cover licences to external contractors and communication
the 23 EU languages plus languages of candidate agencies working on Commission projects. To acquire
countries. This final version of the font is called EC a floating licence, please contact the Visual Identity
Square Sans Pro and is the only typography version Team of DG Communication.
EC SQUARE SANS PRO - MEDIUM
abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRSTUVWXZ
0123546789
18
Logo (vertical)
Proportion
and protection area
! When used alone The logo is unalterable and indisso-

on white or colour ciable in all its component elements.
background For reasons of integrity and visibil-
(on stationery ity, it should always be surrounded
for example). by a clear space, or protection
area, which no other element
(text, image, drawing, figure...) can
infringe upon1.
a a
European
a
Commission
1/12 of
EC flag
height
a
Protection area 1. The only exception to this rule

of logo: no images is business cards. Given their
or typography small size and the very limited
allowed within space available, this protection
these limits. area rule cannot be followed.
19
Logo (horizontal)
Typography size,
leading and typography
In its horizontal version, the position of the vertical bar de- The distance between the right side of the flag and the left side
pends on the length of the European Commission translations. of the Berlaymont lines determines the spaces before and
The height of the vertical bar is equal to the height of the flag. after the words European Commission (see below in yellow).
18 x
12 x
4x
European
4x
Commission
Logo (Horizontal)
Proportion
and protection area
a a
European
Commission
a
Protection area
of logo: no images
or typography
allowed within
these limits.
20
Logo
Proportion
and protection area
! The flag of the European Commission logo

must always be centred on the page
as shown below.
bleed of page a
! No text is allowed
in the protection area
and the picture cannot
infringe upon the logo.
21
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
! ALTERNATIVE USES OF LOGO
The CMYK horizontal logo is designed for small communication

media such as web mobile, electronic newsletters, Facebook
pages, PowerPoint presentations, etc.
When space is limited in terms of height (for example, USB keys,

ballpoint pens, etc.), horizontal versions of the logo are available
in all formats and colour versions. These logos have to be used
with colours in 100% to ensure all elements of the logo are
clearly visible.
When the technique does not permit the correct printing

of the logo or could corrupt the graphical integrity of the logo,
you are advised to print only the European Commission name
in EC Square Sans Pro with the vertical bar on the right.
This version is an alternative version for 1 pms printing on colour

paper/fabric. This is just an example, any colours can be used
(see example p. 89 (lanyards)).
The European Commission logo exists in a mute version,

to be used on multilingual products only.
The European Commission name in its various translations
will be positioned on the bottom part of the cover page above
the footer box. (See p. 23, 93)
The mute version of the logo could not be used with the name
of the European Commission integrated in the document.
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
Bruxelles, le 22 fvrier 2012
Risk Assessment/BA
Brussels, XXX
[](2012) XXX draft
NOTE A L'ATTENTION DE TOUS
massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit REPORT FROM THE COMMISSION
[mandatory element]

nulla.
consequat.
EN
Commission europenne, 1049 Bruxelles, BELGIQUE - Tl. +32 22991111
Bureau: 123 - Tl. ligne directe +32 229-12345 - Fax +32 229-12346
EN EN
Commission europenne, 2920 Luxembourg, LUXEMBOURG - Tl. +352 43011
European Commission EUROPEAN COMMISSION
Press Release
Citizens Summary Place, Date
Heading1
Heading1
Questions Body
Heading2
Body
Body
Body Bullet point
Bullet point
Questions Link
Body
Body
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 C M Y K
100 80 0 0 0 0 0 30
R G B R G B
0 68 148 197 198 200
# 004494 # c5c6c8
C M Y K C M Y K
0 0 100 0 0 0 0 75
R G B R G B
255 237 0 100 101 103
# ffed00 # 646567
Pantone
Pantone Reflex Pantone
Blue Cool Gray 5 C
Pantone Process Pantone

Yellow Cool Gray 10 C
EC Corporate EC Corporate EC Corporate

Blue Blue Blue
100 % 30 % 70 %
Black
Black: 100 %
25
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 European European
of what not to do. Commission Commission
No outline is allowed for the graphic Modifying the proportions

element or for any other component of the logo is not permitted.
of the logo.
European European European

Commission Commission Commission
Wrong flag the new European Wrong colour for the graphic element The position of the flag cannot
Commission flag is a modified versio in the CMYK version, be changed in any way.
of the European Union flag it must be in Black, 30 %. The space must be respected.
European
Commission
Wrong font used for the European

Commission text use only EC Square When the logo is placed on a coloured background, a thin white line surrounds
Sans Pro Medium. 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
The visuals used on cover pages should Except for flat colour tints and drop shad-
be subject-related. When the subject of a ows on the text (use sparingly never use
publication is too abstract or too vast to outlines), no other graphic effect is al-
refer to one single photograph, you can lowed in this visual identity. A limited use
When you choose a photo, make opt for non-figurative or conceptual im- of visual elements is allowed to create
sure it has no element that will ages or illustrations. If you want to show a visual environment appropriate to the
distort the legibility of the logo. different subjects in one visual, do not in- target audience of a given communica-
If necessary, crop it differently. troduce structures within the visual(s) (i.e. tion initiative. Less is more is the motto.
lines, divides, etc.). It is important that covers, posters and
other formats are not cluttered with any
When choosing a picture for a cover, keep superfluous elements.
in mind that the cover has to be eye-
catching. It is therefore vital to choose
a picture/illustration that is graphically
strong. Black & white photos are allowed
only where necessary.
28
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 Y K C M Y K C M Y K
70 56 0 0 90 50 0 0 70 35 0 0
1 R
95
G
112
B
175
2 R
0
G
111
B
180
3 R
80
G
144
B
200
# 5f70af # 006fb4 # 5090c8
0 15 90 0 0 30 90 0 8 20 95 0
4 R
255
G
214
B
23
5 R
250
G
187
B
33
6 R
240
G
199
B
0
# ffd617 # fabb21 # f0c700
33 33 33 0 50 50 40 10 70 35 50 5
7 R
184
G
170
B
162
8 R
136
G
120
B
124
9 R
88
G
134
B
123
# b8aaa2 # 88787c # 58867b
0 20 0 75 20 0 0 75 0 0 30 75
10 R
99
G
87
B
94
11 R
82
G
94
B
101
12 R
101
G
99
B
81
# 63575e # 525e65 # 656351
For the strictly institutional or corporate communication

of the European Commission, there should be a minimum
use of colour (colour in typography), with a predominant
use of white.
The European Commissions corporate publications should

in effect stand out visually from the communication on
different policies which have their own colour code.
30
Colours
Colour palette
for Policies
A given policy area can select its colours from
two different palettes, one with saturated colours, 13 14 15 16 17 18
the other (see next page) with desaturated
colours. C M Y K C M Y K C M Y K C M Y K C M Y K C M Y K
90 60 20 0 75 30 90 15 26 73 100 20 0 80 20 0 77 90 10 0 45 70 70 45
R G B R G B R G B R G B R G B R G B
11 97 146 70 122 57 164 79 25 232 82 129 96 56 129 104 62 51
The choice of colours will be made on the basis # 0b6192 # 467a39 # a44f19 # e85281 # 603881 # 683e33
of the themes addressed by each individual or
crosscutting policy.
19 20 21 22 23 24
For covers, pastel colours must be excluded, C M Y K C M Y K C M Y K C M Y K C M Y K C M Y K
along with blues that are too close to the blue 80 40 10 0 85 30 85 15 30 70 100 30 20 80 80 8 50 70 0 0 40 70 70 35
of the corporate logo. 38 129 180 18 116 66 144 76 24 189 79 54 146 96 160 124 71 57
# 2681b4 # 127442 # 904c18 # bd4f36 # 9260a0 # 7c4739
For the support colours, meaning any flat colour

tints and colours of large text, it will be up to 25 26 27 28 29 30
the graphic designer to choose, however he/she
C M Y K C M Y K C M Y K C M Y K C M Y K C M Y K
must avoid using pastel colours or any colour 80 30 0 0 80 0 65 0 80 15 100 0 0 95 80 0 60 90 0 0 50 60 100 45
with the same value as that of the policy, in a 0 143 203 0 166 118 49 148 46 228 32 50 128 54 137 97 71 24
# 008fcb # 00a676 # 31942e # e42032 # 803689 # 614718
bid to ensure that the footer box and horizontal
bar are always visible.
31 32 33 34 35 36
!
For interior pages only you are allowed to use C M Y K
80 15 20 0
C M Y K
65 0 60 0
C M Y K
73 0 84 0
C M Y K
17 50 100 0
C M Y K
65 100 5 0
C M Y K
32 73 70 25
any sort of colours including pastel, faded col- R G B
0 158 188
R G B
96 181 128
R G B
71 170 80
R G B
215 140 5
R G B
119 29 123
R G B
148 75 61
ours, etc. which is not allowed for covers. # 009ebc # 60b580 # 47aa50 # d78c05 # 771d7b # 944b3d
For policy areas, every Directorate General is 37 38 39 40 41 42

free to choose among the colours provided in
these colour palettes. There is, however, no ex- C M Y K C M Y K C M Y K C M Y K C M Y K C M Y K
85 50 0 0 60 0 40 0 75 0 100 0 0 80 100 0 40 80 5 0 50 90 35 20
clusivity regarding colours choice, that means R G B R G B R G B R G B R G B R G B
10 113 180 109 191 169 66 166 42 231 81 19 166 77 143 126 47 90
that a single colour can be chosen by more than # 0a71b4 # 6dbfa9 # 42a62a # e75113 # a64d8f # 7e2f5a
one Directorate General.
43 44 45 46 47 48
80 70 0 0 70 35 45 5 77 0 77 0 14 74 100 0 0 90 0 0 30 100 70 25
73 87 159 87 134 131 45 167 95 212 93 23 229 46 135 148 19 51
# 49579f # 578683 # 2da75f # d45d17 # e52e87 # 941333
49 50 51 52 53 54
75 40 0 0 75 0 55 0 60 0 75 0 0 60 85 0 25 83 0 0 15 90 50 0
63 133 193 42 173 137 118 184 97 238 128 50 192 71 144 207 53 88
# 3f85c1 # 2aad89 # 76b861 # ee8032 # c04790 # cf3558
55 56 57 58 59 60
70 13 0 0 65 5 45 0 50 0 80 0 0 40 85 0 35 80 0 0 40 100 30 20
55 172 222 93 179 155 149 193 84 246 170 52 175 78 148 141 15 86
# 37acde # 5db39b # 95c154 # f6aa34 # af4e94 # 8d0f56
61 62 63 64 65 66
60 0 10 0 80 10 40 0 80 10 80 5 0 50 90 0 10 80 0 0 55 90 0 0
98 196 221 0 160 158 32 149 83 242 149 39 216 81 148 138 54 137
# 62c4dd # 00a09e # 209553 # f29527 # d85194 # 8a3689
31
Colours
Colour palette
for Policies
67 68 69 70 71 72 73
C M Y K C M Y K C M Y K C M Y K C M Y K C M Y K C M Y K
65 35 30 09 85 40 30 0 60 55 15 0 60 55 35 10 45 45 30 0 75 60 20 5 50 50 0 0
R G B R G B R G B R G B R G B R G B R G B
103 144 159 0 125 152 122 119 161 114 108 126 157 142 153 81 99 142 144 133 186
# 67909f # 007d98 # 7a77a1 # 906c7e # 9d8e99 # 51638e # 9085ba
74 75 76 77 78 79 80
70 20 30 0 75 45 20 0 70 40 20 0 55 35 30 0 65 65 30 10 55 75 0 0 55 80 35 20
77 160 170 74 125 163 88 135 168 132 152 161 105 91 122 137 85 154 118 64 97
# 4da0aa # 4a7da3 # 5887a8 # 8498a1 # 695b7a # 89559a # 764061
81 82 83 84 85 86 87
75 45 40 10 70 47 35 8 55 20 50 0 70 35 60 10 50 50 20 0 57 44 22 0 45 45 83 18
72 114 126 89 117 134 133 169 138 86 127 104 145 131 161 128 138 164 139 118 58
# 48727e # 597586 # 85a98a # 567f68 # 9183a1 # 808aa4 # 8b763a
88 89 90 91 92 93 94
60 35 40 0 70 15 45 0 67 37 52 10 70 33 70 10 45 57 50 15 45 65 50 20 56 45 68 20
120 147 145 79 163 148 94 128 114 87 129 89 141 106 101 135 89 91 114 112 80
# 789391 # 4fa394 # 5e8072 # 578159 # 8d6a65 # 87595b # 727050
95 96 97 98 99 100 101
35 44 65 5 45 47 70 15 35 37 55 0 37 55 57 10 40 55 67 20 40 55 60 15 30 43 70 5
174 140 95 142 120 79 182 159 121 162 117 97 144 105 76 151 111 89 184 144 87
# ae8c5f # 8e784f # b69f79 # a27561 # 90694c # 976f59 # b89057
102 103 104 105 106 107 108
35 55 30 0 50 60 30 5 40 60 40 5 40 70 25 0 45 70 15 0 55 70 40 17 70 33 80 15
178 130 144 141 109 132 162 113 121 167 99 134 157 98 145 120 82 102 85 123 71
# b28290 # 8d6d84 # a27179 # a76386 # 9d6291 # 785266 # 557b47
109 110 111 112 113 114 115
77 30 60 5 70 47 45 15 75 35 47 8 65 40 37 5 60 40 50 10 60 40 87 15 55 50 60 20
62 133 110 85 109 113 68 128 125 102 131 140 113 128 116 111 120 57 116 106 88
# 3e856e # 556d71 # 44807d # 66838c # 718074 # 6f7839 # 746a58
116 117 118 119 120 121 122
70 35 65 10 60 15 65 0 50 20 60 0 47 25 75 0 57 20 75 0 40 5 80 0 30 25 70 0
87 127 96 119 169 112 147 172 120 156 165 88 131 164 91 175 197 81 194 178 98
# 577f60 # 77a970 # 93ac78 # 9ca558 # 83a45b # afc551 # c2b262
32
1.4
Typography
33
Typography
Main typography
EC Square Sans Pro
EC Square Sans Pro is the mandatory font for the Commissions The EC Square Sans Pro will be available in condensed version
logo, images incorporating texts and for professional publications. soon. Until then, you are authorised to use alternative typefaces
Three main weights are used for publication covers. However, such as Myriad, Trebuchet or Tahoma for condensed texts.
nine other weights are available for inside pages as needed.
EC SQUARE SANS PRO - Regular

for emphasized words in headlines, text body and titles EC SQUARE SANS PRO - Light Italic
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz
ABCDEFGHIJKLMNOPQRST ABCDEFGHIJKLMNOPQRST
UVWXZ0123546789 UVWXZ0123546789
EC SQUARE SANS PRO - Italic
for subtitles and captions EC SQUARE SANS PRO - Medium Italic
UVWXZ0123546789 UVWXZ0123546789
EC SQUARE SANS PRO - Medium
for headlines and titles EC SQUARE SANS PRO - Bold
UVWXZ0123546789 UVWXZ0123546789
EC SQUARE SANS PRO - Thin EC SQUARE SANS PRO - Bold Italic
UVWXZ0123546789 UVWXZ0123546789
EC SQUARE SANS PRO - Thin Italic EC SQUARE SANS PRO - Extra black
UVWXZ0123546789 UVWXZ0123546789
EC SQUARE SANS PRO - Light EC SQUARE SANS PRO - Extra black Italic
UVWXZ0123546789 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 Garamond Semi Bold Italic

for captions for quotes
ABCDEFGHIJKLMNOPQ ABCDEFGHIJKLMNOPQ
RSTUVWXZ0123546789 RSTUVWXZ0123546789
Garamond Italic Garamond Bold

for quotes for emphasised words in quotes and subtitles
Garamond Semi Bold Garamond Bold Italic

for captions for quotes
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 Verdana Bold Italic

for titles for emphasized words in quotes and subtitles
abcdefghijklmnopqr abcdefghijklmnopqr
stuvwxzABCDEFGHI stuvwxzABCDEFGHI
JKLMNOPQRSTUVW JKLMNOPQRSTUVW
XZ0123546789 XZ0123546789
Verdana Regular Verdana Italic

for titles and text for subtitles
XZ0123546789 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 for emphasized words in quotes and subtitles
XZ0123546789 XZ0123546789
Arial Bold Arial Bold Italic

for titles and text for subtitles
XZ0123546789 XZ0123546789
Arial Black
for titles
abcdefghijklmnopqr
stuvwxzABCDEFGHI
JKLMNOPQRSTUVW
XZ0123546789
37
Typography
System and rules
(81 pts)
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
word
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 Set in EC Square
the text to achieve the proper contrast between Sans Pro Regular
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 divided by 1.6*=
then dividing it again by 1.6.
(50 pts)word
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.
divided by 1.6 =
(31.5 pts) Headline

Set in EC Square
Sans Pro Medium
divided by 1.6 =
(20 pts) Headline
!
After dividing twice using the Golden ratio (1.6),
divided by 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. Set in EC Square
This method also applies to millimetres and
(12 pts) Subtitle
Sans Pro Italic
centimetres.
38
2
Various fields of applicatio
Electronic media
Stationery
Publications
Event communication
39
2.1
Electronic media
40
Electronic media
Audiovisual signature
For the audiovisual signature, you have the option of choosing The audiovisual signature will appear at the end of the sequence
between a static signature with the vertical version of the logo, and will last no more than 4 seconds.
or an animated, ready-to-use signature version. For the position Minimum time for the signature: 2.5 seconds
of signature elements, both solutions are based on the same grid Maximum time for the signature: 4 seconds
system.
All elements of the audiovisual signature should appear inside The logo should always be centred in the screen widthways.
the safe area. To establish the position of the signature, the screen Vertically, the base of the flag should be on line n5. The size
is divided into 12 stripes. Each line could be sub-divided into 2 of the logo depends on the size of the flag, which should be
or 4 sub-stripes for positioning the text. 1/8 the width of the screen.
The examples are based on a 16/9 screen. For any other formats, The background of the signature must never be dark. The logo and
the proportions remain the same. information of the signature should always appear against an aura
of light.
The above are examples of different options for positioning Typography rules:
headlines, web addresses and copyright information on screen, Headlines: EC Square Sans Pro Medium
depending on the quantity of content needed. Web address: EC Square Sans Pro Regular
Copyright: EC Square Sans Pro Regular
41
Electronic media
Audiovisual signature
The appearance of the logo using fading is Total time for the sequence including the fading:
appropriate only for a static signature. With Minimum: 3.5 seconds
the animated signature, the logo should appear Maximum: 5 seconds
immediately.
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
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.
Safe areas
on a PAL screen.
Also, safe areas (yellow and blue lines) are needed in order to
Red: Invisible area
Blue: Action safe area prevent the image from being cropped and left out of the screen on
Yellow: Title safe area certain television models (invisible area in red).
46
Electronic media
Social Media Profile Pictur
For your social media accounts (Twitter, Facebook) the layout A basic template in Power Point for the profile picture is offered
incorporates European Commissions mute logo as the profile by our Social Media Team (Directorate-General Communication
picture including a coloured box in order to insert your short - A5) via the the visual identity page.
policy name.
Example: Directorate-General SANTE - Twitter account
SANTE
SANTE
a a
Use only the

EC square Sans pro
font
Adapt the font to fit in
the area
Dont pass the 2 grey
SANTE sant
lines
Avoid more than
9 characters
SANTE
Use capital letters
47
Electronic media
Social Media Header
For your social media accounts (Twitter, Facebook), you are free Basic templates for the background image are offered by our
to choose your header picture but it should be in line with the Social Media Team (Directorate-General Communication - A5)
theme of your policy or your campaign. In addition to the image, via the the visual identity page.
it is possible for you to add a hashtag.
Example: Directorate-General SANTE - Twitter account
Use only the

EC square Sans pro
Medium font for the
text or EC square
Sans Pro Light for
#EU
Adapt the font to fit in
the area
Drag the white box
until the text is aligned
on the left with the red
vertical bar
If you have more than

3 words, use the
2 lines template
48
Electronic media
Social Media Examples
Example: European Commission, Twitter account
Example: Jean-Claude Juncker, Twitter account
Example: Directorate-General for Justice, Twitter account
49
Electronic media
Social Media Examples
Example: European Commission, Facebook account
Example: VP Katainen, Facebook account
Example: European Commission Representation in Malta, Facebook account
50
Electronic media
Social Media Visual Content
The best way to communicate on social media is to visualise Basic templates for images are offered by our Social Media
the information. You are free to use pictures, infographics, Team (Directorate-General Communication - A5) via the the
illustrations linked to your message. You can choose between visual identity webpage.
2 options: landscape or square format. The EC logo has to be
appeared on your visual.
Which image size for social media? (Aspect 2:1)

Horizontal format Square format
Optimal Minimum Optimal Minimum
Facebook 1024 px X 512 px 470 px X 235 px 1200 px X 1200 px 504 px X 504 px
Twitter 1024 px X 512 px 440 px X 220 px 1024 px X 1024 px 440 px X 440 px
Horizontal format
Use the horizontal version of the EC logo

Place the EC logo at the top left hand corner or at the bottom right hand corner
Facebook
Twitter
51
Electronic media
Social Media Visual Content
Square format
Facebook
Twitter
You can choose between using the
horizontal EC logo or the vertical EC logo
The horizontal version should be placed at
the bottom right hand corner
The vertical EC logo should be placed at
the middle on top of the page as explained
on the graphic charter page 3. In this case
do not forget to add the footer box at the
bottom.
Facebook
Twitter
52
Electronic media
Website banners
With this in mind, new websites, by default, must not be

!
Since the beginning of 2013, the European Commission has
embarked on a comprehensive web rationalisation project. created. By way of exception, the creation of a new website
It aims to make the institutions online communication more can be authorised under certain circumstances.
coherent, relevant and cost-effective. This transformation
project encompasses two overlapping phases: the first For more information regarding websites, please refer to
phase focuses on radical website reduction, the second the Information Providers Guide: http://ec.europa.eu/ipg/
phase aims to restructure the Commissions online presence
according to user needs.
Current web banner
The web banner is harmonised for all policies. It is composed of the

European Commission logo, two colours (white and blue - colour reference
#0065a2), a title and a subtitle. The title corresponds to the name of the
policy and the subtitle to the sub-section of the policy concerned. The
subtitle is optional.
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
Banner on smartphone (320 pixel width)
Banner on tablet (768 pixel width)
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.
Splash screen layout and design App icon design
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:
The width of the corresponding footer must be the same as

that of the flag and also be centred.
The height of the footer must be half the height of the flag.
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 The same rules also apply to tablets.
position is on the lower left-hand corner or the upper left-hand The European emblem is preferably reproduced on a white
corner. background. Avoid a background of varied colours, and in any
The size of the emblem may not be less than 60 pixels. case one which does not go with blue. If there is no alternative
to a coloured background, put a white border around the
rectangle, with the width of this being equal to 1/25th of the
height of the rectangle.
Source: http://publications.europa.eu/code/en/en-5000100.htm
Download the EU emblem: http://europa.eu/about-eu/basic-

information/symbols/flag/index_en.htm
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*.
* logos which have been granted an exception can appear

provided they are smaller than the logo of the European
Commission
65
Electronic media
Desktop applications
Examples
Desktop applications need to be framed within the Visual In the space below the compulsory banner, the design is free,
Identity of the European Commission. provided it respects the no-logo rule other than the European
Commission logo of the Visual Identity*.
The principle is similar to the one used for websites under
ec.europa.eu: The top banner is harmonised for all the desktop However, we recommend following the design of the examples
applications. It is composed of the European Commission logo, shown in this page: graphic element taken from the logo as
two colours (white and blue colour reference #0065a2), a title background image, colour linked to the application and image
and a subtitle. The title usually corresponds to the name of the linked to the theme of the application. The templates can be
policy and the subtitle is the name of the application itself. In found on the intranet of DG COMM under the Visual Identity
some cases one could have different content for the title and section, see:
subtitle depending on needs. The navigation scheme usually http://www.cc.cec/dgintranet/comm/communication_services/
appears below the banner. visual_identity/index_en.htm?openTab=templates.
The template for banners can be found in the Information

Providers Guide: * logos which have been granted an exception can appear provided they
http://ec.europa.eu/ipg/design/general_rules/screen_layout/ are smaller than the logo of the European Commission
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.
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
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
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
For PowerPoint presentations, 2 templates are available Inserting the logo:

in two different formats (4:3 and 16:9). You are free to
choose either or produce a specific format matching the Choose the logo according to the language of the pres-
screen that will be used. entation. Add PNG format.
Insert the logo using the menu bar: Insert/Picture/File
Title slide name...
The logo size must not be changed.
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. Click to insert title
You are free to change the colour of bullet points
on both the title slide and text slides. Click to insert text
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, Click to insert title
charts, graphics, etc.
Click to insert text
72
Electronic media
PowerPoint
examples
Title Title
Subtitle Subtitle
Title
Title Text
Subtitle
Title
Title Text
Text
73
2.2
Stationery
74
Stationery
Letterhead
for Commissioners
A4
25 mm 25 mm
10 mm
67 mm
Commissioner name
Function
Arial Bold
11 pts
Arial Regular
11 pts
Date
Arial Regular
11 pts
Verdana
Regular
9 pts
Address, XXX
Zip code City
175 mm
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.
A version of the letterhead is also available without the blue lines.
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,
NAME SURNAME (name and surname in capital letters) Verdana Bold 9 pts
Title Verdana Regular 9 pts
75 pixels Leading: auto
European Commission Verdana Bold 9 pts

Full name of DG (e.g. Directorate-General for Communication) Verdana Regular 9 pts
Full name of Unit (eg. Communication Actions & Inter-Institutional Relations) Leading: auto
LX40 06/02
B-1049 Brussels/Belgium
+32 XXX-XXXXX
name.surname@ec.europa.eu
Dear Mr Smith,
Space for personal message/link
(Twitter, Facebook,
Please find attached the project for the new EC electronic signature
other related websites)
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
Inside of folder with glued pocket
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.
Bags USB keys
European
Commission
European
Commission
Ballpoint
Lanyards
89
Stationery
Promotional items
Mugs Calendar
First face Second face
Umbrellas
Mission Growth
Mission Growth
90
Stationery
Promotional items
Squeegee Notepad
Economic and Financial Affairs

Mobility and Transport
Glow bracelet
Erasmus For All
Smartphone cover
Corporate colour Corporate colour Transparent Event, initiative

or policy
91
Stationery
Promotional items
T-shirts
phosphorescent vest
Human Ressources
and Security
92
Stationery
Multilingual product
Example

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
The following examples show you how the logo of the mation related to the Policy or the Agency is in Arial.
European Commission is integrated into the Eurolook The body of the document stays in Times News Roman
templates in its mute 4-colour version. The header that (except for the Fax template which stays in Arial).
includes the European Commission name and the infor-
EUROPEAN COMMISSION
DIRECTORATE-GENERAL
INFORMATICS
Chief Adviser
Brussels,
Event organisation/AM
FAX
To: Emmanuel Genette Telephone: +32 229-12345
Fax: +32 229-12345
From: Anna Meier Telephone: +32 229-12345

Event organisation
123 Fax: +32 229-12346
Number of pages: 1
Subject: Logo Sample
Message:

Anna Meier
Team Leader
Commission europenne, 2920 Luxembourg, LUXEMBOURG - Tel. +352 43011
95
Stationery
Eurolook templates
EUROPEAN COMMISSION
DIRECTORATE-GENERAL
INFORMATICS
Directorate B - Information systems
Information systems for document management and
corporate decision making processes
Brussels,

nulla.
consequat.
Commission europenne/Europese Commissie, 1049 Bruxelles/Brussel, BELGIQUE/BELGI - Tel. +32 22991111

Office: BOU2 - Tel. direct line +32 229-12345 - Fax +32 229-23456
96
Stationery
Eurolook templates
EUROPEAN COMMISSION
DIRECTORATE-GENERAL
INFORMATICS
Luxembourg, 22 February 2012

DIaLOGIKa/jen
Mr. Emmanuel Genette

Drosbach
Somewhere
L-2920 Luxembourg

nulla.
consequat.

Office: 123 - Tel. direct line +352 4301-12345 - Fax +352 4301-12346
Commission europenne/Europese Commissie, 1049 Bruxelles/Brussel, BELGIQUE/BELGI - Tel. +32 22991111
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 HIGH REPRESENTATIVE OF THE

COMMISSION EUROPEAN UNION FOR
FOREIGN AFFAIRS AND
SECURITY POLICY
Brussels, XXX
[](2012) XXX draft
JOINT REPORT TO THE EUROPEAN PARLIAMENT AND THE COUNCIL
[mandatory element]
EN
EN EN
98
Stationery
Legiswrite templates
EUROPEAN
COMMISSION
Brussels, XXX
[](2012) XXX draft
REPORT FROM THE COMMISSION
[mandatory element]
EN
EN EN
99
Stationery
Report template
100
2.3
Publications
101
Publications
Grid system
for cover
On each document published by the European No text will be written in the white banner
Commission, the flag of the logo will be reserved for the logo at the top of the page
centred widthwise of the document on which or beyond the limits established by the yellow
it is reproduced. This gives the logo the vital block ( a ) for the left and right, and by the
breathing space it needs (see logo chart page upper limit of the footer box for the bottom.
2 and 3).
This layout grid is flexible; text justification can
The exact size of the logo is calculated by the be flush left, flush right, ragged left or right,
number of flags within the width of the cover. and also justified on the downstroke of the
see chart below: letters (e.g. p. 105, 106, 107, 108 and 109).
Images and flat colour tints can be aligned
FORMAT FLAGS SEE PAGE using the typographic baselines (horizontal,
e.g. p. 105), the vertical axes (e.g. p.109) or
pocket sleeve 7 44
the edge of the page (e.g. p. 106).
DVD inlays 8 45
folder 9 70 The pale blue area below indicates the maxi-
adhesive notepad 5 71 mum space to be used for photos, illustra-
tions and/or flat colour tints.
A4 Vert. 9 83
A4 Magazine 11 98
The image (or flat colour tint) must always be
A4 newsletters 11 100 aligned on the baseline of the flag. The end of
A4 factsheet 12 105 the image/flat colour tint must be justified on
A4 factsheet cover 9 106 the typography baselines (in pale blue).
A4 Horiz. 15 109
The two vertical axes aligned with the left and
A4 folded in two 5 115 right of the flag (in red) are vital for assem-
210 x 210 9 118 bling the page layout. In effect, the positioning
A5 Vert. 7 122 of the text and sometimes of the image/colour
blocks will be determined using these two cen-
A5 Horiz. 14 125
tral axes as guides.
A6 Vert. 6 128
A6 Horiz. 10 131 For the spines of of any publication or stationery
B5 Vert. 9 134 tool, the colour and size of the top of the spine
leaflet A4 5 137 is determined by the colour and size of the
header of the cover page.
leaflet A3 6 142
poster Vert. A3 11 146
poster Horiz. A3 15 151
102
Publications
Grid system
for A4 cover
The red lines serve to mark out the structure of the left or right side of the pages within the red lines in
base grid on which the main title of the document compliance with the safety area of the logo (see p. 19
is positioned. Other elements could be placed on the and examples on p. 21).
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
The texts are justified in relation

to the two vertical axes. This
can be achieved in two ways:
the justification is done either
in relation to the first or last
letter of the word, or in relation
to the descender of a letter in
the word.
The aim is to create a visual

link with the logo (and with
the footer box). In doing so,
the typography is anchored
and balanced in its space,
even if you are free to choose
alignments and use irregular
text lines.
This system applies to ALL cover

publications.
105
Publications
Examples
The following examples illustrate the flexibility of the grid

and the many possible variations this system offers.
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
To improve the legibility of your text on certain images, This technique should be
you can use light and appropriately adapted drop shadows.
! used in moderation!
108
Publications
Examples
If you opt to divide your page vertically with a photo and/or colour, the small-
sized 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
Examples of cover pages including white or coloured

headers. The titles could be positioned on the flat-coloured
background or on the image. Additional elements could
be placed under the banner on the right or left, provided
the safety area of the logo is complied with. Examples of
cover pages including white or coloured headers. The titles
could be positioned on the flat-coloured background or
on the image. Additional elements could be placed under
the banner on the right or left, provided the safety area
of the logo is complied with.
110
Publications
Examples
1. 2.
1. Image only + text on flat colour tint positioned

at the top of the page
2. Full page image on white background with text /
coloured header
3. Full page image with text / white header
3.
111
Publications
Grid system
Double page A4
112
Publications
Double page
Examples
4 2 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 N 4 5
1 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.
3 Ommolum rent dolenis evelenda quam quo mi, sanienis et etum qui repelita simus este voluptate et et parcia
C H AP T E R 1 consecu lluptur? Aquae et ipsam ipiciet es asperatqui doloribus maionsequodi destis a di tem re volo bearum
Mauris alirsuam
alita cusa plibusa cus volupta nullabores nia et rerovid magnias idi officim aut poribusant endandae. Qui blab
ilitam eum doloria excest, tem11ium explaci apis cumquam eate que consequias as sim conesti rest alit es
remolore simporem faci tem quia nus ea serum recabo. Itatqui aut exces magniet ium quam, apidunt.
4 5 Hilla dolorit atecabor res et aligendente essitatur, endus sam delesto volore et quiatecta doluptur, quiberat
dolut quo volorporion consedit pelit eum quibus.
velit pellentesque
Pe vene earum re qui rent, suntotas autenisque plitate ndelenihilit offictenis eum serum voles magnihi taqui-
bus, 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 nobi- Lorem ipsum dolor sit amet,
tatur ant. consectetur adipiscing elit.
Natium volor re et aut ad que et lacest, ut eatem harunt ut pa derchil mollique dolupic tempero eiciliq uiberfe Donec elementum tempor
rovide liae etur aribus explam discilit ressitius et dolorioribus alitiam, et dus seque volorem dusa 7
dictum. Aenean id massa
ligula. Fusce quis sapien id
sapien sollicitudin ullam-
corper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elemen-
6
tum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien
quis tristique turpis magna dapibus neque. Proin sce-
lerisque sed dolor.
lorem feugiat lorem convallis vel adipiscing risus
ultrices. Aliquam nisl lorem, egestas id fermentum
tibulum lobortis auctor nunc eu suscipit. Quisque ia-
culis lorem ut lectus posuere ultrices. Nam eleifend,
sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par Mauris aliquam velit pellentesque sem tristique eget, tincidunt a felis. Phasellus suscipit risus eget risus vitae consectetur aliquet, quam diam molestie
nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. convallis. Donec sagittis diam ac nulla fringilla et felis venenatis consectetur. Quisque a nisl sem. leo, quis tristique turpis magna sed dolor. Vivamus a
Cras sem lacus. ultricies orci vehicula. Sed nibh mi, pellentesque Etiam id nisl eu nisi semper pulvinar. Mauris aliquam sollicitudin eros. Quisque massa dui, malesuada sit
et varius nec, luctus id diam. Fusce sodales dui sit diam ut leo tristique auctor. Curabitur et tempus au- amet tempor sit amet, mollis eu nulla. Donec nulla
Mauris aliquam velit pellentesque sem tristique amet nunc malesuada feugiat. Vestibulum vel pre- gue. Mauris purus elit, faucibus ut lacinia at, rutrum sapien, accumsan et laoreet sit amet, mollis a risus.
convallis. Donec sagittis diam ac nulla fringilla et tium libero. Nam quis tempus risus. Mauris arcu velit, id massa. Duis et iaculis diam.
ultricies orci vehicula. Sed nibh mi, pellentesque tempus quis imperdiet eu, mattis sed orci. Vivamus Etiam non quam et magna placerat venenatis ali-
et varius nec, luctus id diam. Fusce sodales dui sit suscipit felis non felis imperdiet scelerisque. Prae- Proin leo velit, ullamcorper vitae aliquam et, solli- quet et est. Pellentesque nulla urna, commodo vitae
amet nunc malesuada feugiat. Vestibulum vel pre- sent suscipit, quam in egestas mollis, mi est posuere citudin id erat. Cras non ultricies odio. Duis eleifend ullamcorper ac, lobortis ut orci. Pellentesque venena-
tium libero. Mauris arcuvelit, tempus quis imper- ante, non volutpat enim ante quis elit. Fusce dapibus consectetur dui eu tincidunt. Quisque fringilla lobortis sagittis metus id venenatis. Vestibulum sit amet
diet eu, mattis sed orci. Vivamus suscipit felis non tempus ultricies. Praesent mauris tortor, auctor vel tis ipsum, eget elementum erat eleifend ut venenatis enim nec augue auctor sollicitudin in non enim. Ves- Donec sagittis
felis imperdiet scelerisque. Praesent suscipit, quam porttitor non, adipiscing accumsan neque. Nulla et sagittis metus id dapibus neque. Proin scelerisque tibulum lobortis auctor nunc eu suscipit. Quisque ia-
diam ac nulla12
8
in egestas mollis, mi est posuere ante, non volut- risus odio, fermentum dapibus dapibus neque. Proin venenatis. culis lorem ut lectus posuere ultrices. Nam eleifend,
pat enim ante quis elit. Fusce dapibus tempus ul- scelerisque neque. risus vitae consectetur aliquet, quam diam molestie fringilla
tricies. Praesent mauris tortor, auctor vel porttitor Nulla consequat iaculis rutrum. Donec leo, quis tristique turpis magna sed dolor.
Lorem ipsum dolor sit amet, non, adipiscing accumsan neque. Nulla et risus odio, Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum Nulla consequat iaculis rutrum. Donec feugiat varius Mauris aliquam velit
consectetur adipiscing elit. fermentum dapibus neque. Proin scelerisque consec- feugiat varius vestibulum vestibulum. Morbi at ultrices ante. Phasellus place- pellentesque sem tristique
convallis. Donec sagittis
7 Donec elementum tempor
dictum. Aenean id massa
tetur semper. Aenean rutrum volutpat lectus, vitae
mattis lorem congue quis. Morbi id eros ipsum, vitae Proin scelerisque consectetur semper. Aenean ru-
Nulla consequat iaculis rutrum. Donec feugiat varius
vestibulum. Morbi at ultrices ante. Phasellus place-
rat, velit ac tristique vestibulum, erat felis rhoncus
mauris, id ultricies felis elit in metus. Nam elemen- diam ac nulla fringilla13et
ligula. Fusce quis sapien id aliquam mi. Donec sodales tortor tellus, vel molestie trum volutpat lectus, vitae mattis lorem congue quis. rat, velit ac tristique vestibulum, erat felis rhoncus tum tincidunt varius. Vivamus lobortis sem non justo ultricies orci vehicula. Sed
sapien sollicitudin ullam- enim. dapibus neque. Proin scelerisque Suspendisse Morbi id eros ipsum, vitae aliquam mi. Donec sodales mauris, id ultricies felis elit in metus. Nam elemen- egestas faucibus in a libero. Etiam in nibh risus, vel nibh mi, pellentesque et
corper. Cum sociis natoque at tortor tellus, vel molestie enim. Suspendisse at nibh tum tincidunt varius. Vivamus lobortis sem non justo faucibus sapien. In enim diam, pretium id aliquet varius nec, luctus id diam.
penatibus et magnis dis nulla. Ut id tortor ut nibh lacinia porttitor quis tem- egestas faucibus in a libero. Etiam in nibh risus, vel non, eleifend in felis. Donec eu lectus arcu. Aliquam Fusce sodales dui sit amet
parturient montes, nascetur Fusce malesuada sapien 9
id lacus por metus. Donec ac lacus metus, nec suscipit ipsum. faucibus sapien. In enim diam, pretium id aliquet rutrum rutrum nulla sit amet posuere. nunc malesuada feugiat.
ridiculus mus. Phasellus lorem feugiat lorem convallis vel adipiscing risus non, eleifend in felis. Donec eu lectus arcu. Aliquam Vestibulum vel pretium
non dolor quis nisl auctor Fusce malesuada sapien id lacus laoreet convallis ultrices. Aliquam nisl lorem, egestas id fermentum rutrum rutrum nulla sit amet posuere. Nam suscipit Vivamus suscipit felis non felis im- libero. Nam quis tempus
molestie. eu sit amet odio. Integer eu massa nisi. Phasellus eget, tincidunt a felis. Mauris aliquam diam ut leo fermentum nulla eget tincidunt. perdiet scelerisque. Praesent suscipit, risus. Mauris arcu velit,
volutpat feugiat diam vitae commodo. Nunc aliquet tristique auctor. Curabitur et tempus augue. Mauris quam in egestas mollis tempus quis imperdiet eu,
diam semper lacus aliquam tempus. Duis vehicula purus elit, faucibus ut lacinia at, rutrum id massa. Etiam non quam et magna placerat venenatis ali- mattis sed orcifer mentum
dolor et metus lobortis a vestibulum nibh porttitor. quet et est. Pellentesque nulla urna, commodo vitae pendisse at nibh nulla. Ut id tortor ut nibh lacinia dapibus neque.
Sed id ligula auctor nunc eu suscipit. Quisque iaculis Proin leo velit, ullamcorper vitae aliquam et, solli- ullamcorper ac, lobortis ut orci. Pellentesque venena- porttitor quis tempor metus. Donec ac lacus metus,
lorem ut lectus posuere ultrices. Nam eleifend, risus citudin id erat. Cras non ultricies odio. Duis eleifend tis sagittis metus id venenatis. Vestibulum sit amet nec suscipit ipsum. gency and level Donec ac lacus
vitae consectetur aliquet, quam diam molestie leo, consectetur dui eu tincidunt. Quisque fringilla lobor- enim nec augue auctor sollicitudin in non enim. Ves- metus, nec suscipit ipsum. gency and level of am-
1 EC Square Sans Pro Regular 6 pts 6 EC Square Sans Pro Medium 11 EC Square Sans Pro Medium Italic 10 pts
Tracking: 660 pts Italic 9.5 pts Leading spacing: 12 pts
Leading spacing: 12 pts
2 EC Square Sans Pro 9 pts 12 EC Square Sans Pro Italic 16 pts
7 EC Square Sans Pro Medium Italic 8 pts Leading spacing: 18 pts
3 EC Square Sans Pro Medium 12 pts Leading spacing: 12 pts Tracking: -20 pts
Tracking: 100 pts
8 EC Square Sans Pro Regular 9 pts 13 EC Square Sans Pro Italic 10 pts
4 EC Square Sans Pro Regular 46 pts Leading spacing: 12 pts Leading spacing: 12 pts
Tracking: -20 pts 9 EC Square Sans Pro Medium 12 pts 14 Line is 4 pts thick
5 Garamond Semibold
Caption 68 pts 10 EC Square Sans Pro Italic 16 pts
Tracking: -20 pts Leading spacing: 18 pts
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 N 4 5
6 7
Mauris alirsuam
lorem feugiat lorem convallis vel adipiscing risus enim nec augue auctor sollicitudin in non enim. Ves-
ultrices. Aliquam nisl lorem, egestas id fermentum tibulum lobortis auctor nunc eu suscipit. Quisque ia-

eget, tincidunt a felis. Phasellus suscipit risus eget culis lorem ut lectus posuere ultrices. Nam eleifend,
felis venenatis consectetur. Quisque a nisl sem. risus vitae consecteturr
velit pellentesque
Etiam id nisl eu nisi semper pulvinar. Mauris aliquam aliquet, quam diam mo-
diam ut leo tristique auctor. Curabitur et tempus au- lestie leo, quis tristique Curabitur et
gue. Mauris purus elit, faucibus ut lacinia at, rutrum turpis magna sed dolor.
id massa. augue Mauris purus elit, faucib

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elemen- Lorem ipsum dolor Proin leo velit, ullamcorper vitae aliquam et, solli- Mauris aliquam velit pel- ut lacinia at, rutrum id massar
tum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien
sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par
sit amet, consectetur
adipiscing elit. Donec
citudin id erat. Cras non ultricies odio. Duis eleifend
consectetur dui eu tincidunt. Quisque fringilla lobor-
lentesque sem tristique
leo velit, quam etid.
nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. elementum tempor tis ipsum, eget elementum erat eleifend ut venenatis diam ac nulla fringilla et ultricies orci vehicula. Sed
Cras sem lacus, congue eget pharetra fermentumUt pellentesque denim dictum. Aenean id sagittis metus id venenatis. nibh mi, pellentesque et varius nec, luctus id diam.
eu, sodales sit amet lorem. Cras sem lacus, congue eget pharetra fer- massa ligula. Fusce Fusce sodales dui sit amet nunc malesuada feugiat.
mentum. Nulla consequat iaculis rutrum. Donec Vestibulum vel pretium libero. Nam quis tempus
feugiat varius vestibulum risus. Mauris arcu velit, tempus quis imperdiet eu,
Mauris aliquam velit pellentesque sem tristique tum dapibus neque. Proin scelerisque consectetur mattis sed orci. Vivamus suscipit felis non felis im-
convallis. Donec sagittis diam ac nulla fringilla et semper. Aenean rutrum volutpat lectus, vitae mattis Nulla consequat iaculis rutrum. Donec feugiat varius perdiet scelerisque. Praesent suscipit, quam in eges-
ultricies orci vehicula. Sed nibh mi, pellentesque lorem congue quis. Morbi id eros ipsum, vitae ali- vestibulum. Morbi at ultrices ante. Phasellus place- tas mollis, mi est posuere ante, non volutpat enim
et varius nec, luctus id diam. Fusce sodales dui sit quam mi. Donec sodales tortor tellus, vel molestie rat, velit ac tristique vestibulum, erat felis rhoncus ante quis elit. Fusce dapibus tempus ultricies. Prae-
amet nunc malesuada feugiat. Vestibulum vel pre- enim. Suspendisse at mauris, id ultricies felis elit in metus. Nam elemen- sent mauris tortor, auctor vel porttitor non, adipis-
tium libero. Mauris arcuvelit, tempus quis imperdiet tum tincidunt varius. Vivamus lobortis sem non justo cing accumsan neque. Nulla et risus odio, fermentum
eu, mattis sed orci. Vivamus suscipit felis non felis Fusce malesuada sapien id lacus egestas faucibus in a libero. Etiam in nibh risus, vel dapibus neque.
imperdiet scelerisque. Praesent suscipit, quam in faucibus sapien. In enim diam, pretium id aliquet
egestas mollis, mi est posuere ante, non volutpat Fusce malesuada sapien id lacus laoreet convallis eu non, eleifend in felis. Donec eu lectus arcu. Aliquam Proin scelerisque consectetur semper. Aenean ru-
enim ante quis elit. Fusce dapibus tempus ultricies. sit amet odio. Integer eu massa nisi. Phasellus volut- rutrum rutrum nulla sit amet posuere. Nam suscipit trum volutpat lectus, vitae mattis lorem congue quis.
Praesent mauris tortor, auctor vel porttitor non, adi- pat feugiat diam vitae commodo. Nunc aliquet diam fermentum nulla eget tincidunt. Morbi id eros ipsum, vitae aliquam mi. Donec sodales
piscing accumsan neque. Nulla et risus odio, fermen- semper lacus aliquam tempus. Duis vehicula dolor tortor tellus, vel molestie enim. Suspendisse at nibh
Etiam non quam et magna placerat venenatis ali- nulla. Ut id tortor ut nibh lacinia porttitor quis tempor
quet et est. Pellentesque nulla urna, commodo vitae metus. Donec ac lacus metus, nec suscipit ipsum.
ullamcorper ac, lobortis ut orci. Pellentesque venena-
tis sagittis metus id venenatis. Vestibulum sit amet Vivamus suscipit felis non felis im-
enim nec augue auctor sollicitudin in non enim. Ves- perdiet scelerisque. Praesent suscipit,
tibulum lobortis auctor nunc eu suscipit. Quisque ia- quam in egestas mollis
Nulla consequat iaculis rutrum. Donec feugiat varius

vestibulum. Morbi at ultrices ante. Phasellus place-
Donec sagittis
Lorem ipsum dolor sit amet, rat, velit ac tristique vestibulum, erat felis rhoncus diam ac nulla
consectetur adipiscing elit. mauris, id ultricies felis elit in metus. Nam elemen- fringilla
Donec elementum tempor tum tincidunt varius. Vivamus lobortis sem non justo
dictum. Aenean id massa egestas faucibus in a libero. Etiam in nibh risus, vel Mauris aliquam velit
ligula. Fusce quis sapien id faucibus sapien. In enim diam, pretium id aliquet pellentesque sem tristique
sapien sollicitudin ullam- non, eleifend in felis. Donec eu lectus arcu. Aliquam convallis. Donec sagittis
corper. Cum sociis natoque rutrum rutrum nulla sit amet posuere. Nam suscipit diam ac nulla fringilla et
penatibus et magnis dis fermentum nulla eget tincidunt. ultricies orci vehicula. Sed
parturient montes, nascetur nibh mi, pellentesque et
ridiculus mus. Phasellus culis lorem ut lectus posuere ultrices. Nam eleifend, varius nec, luctus id diam.
non dolor quis nisl auctor risus vitae consectetur aliquet, quam diam molestie Mauris aliquam velit pellentesque sem tristique Fusce sodales dui sit amet
molestie. leo, quis tristique turpis magna sed dolor. Vivamus a convallis. Donec sagittis diam ac nulla fringilla et nunc malesuada feugiat.
sollicitudin eros. Quisque massa dui, malesuada sit ultricies orci vehicula. Sed nibh mi, pellentesque et Vestibulum vel pretium
amet tempor sit amet, mollis eu nulla. Donec nulla varius nec, luctus id diam. Fusce sodales dui sit amet libero. Nam quis tempus
sapien, accumsan et laoreet sit amet, mollis a risus. nunc malesuada feugiat. Vestibulum vel pretium li- risus. Mauris arcu velit,
Duis et iaculis diam. bero. Nam quis tempus risus. Mauris arcu velit, tem- tempus quis imperdiet eu,
Etiam non quam et magna placerat venenatis ali- pus quis imperdiet eu, mattis sed orci. mattis sed orcifer mentum
quet et est. Pellentesque nulla urna, commodo vitae dapibus neque.
ullamcorper ac, lobortis ut orci. Pellentesque venena- Vivamus suscipit felis non felis imperdiet scelerisque.
tis sagittis metus id venenatis. Vestibulum sit amet Praesent suscipit, quam in egestas mollis, mi est po-
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 N 4 5
8 9
Mauris aliquam velit pellentesque sem tristique conval- metus lobortis a vestibulum nibh porttitor. Sed id ligula perdiet eu, mattis sed orci. Vivamus suscipit felis non
lis. Donec sagittis diam ac nulla fringilla et ultricies orci quis lorem rutrum pellentesque iaculis felis imperdiet scelerisque. Praesent suscipit, quam in
vehicula. Sed nibh mi, pellentesque et varius nec, luc- In eget nulla tortor, sit amet rutrum purus. Pellentesque egestas mollis, mi est posuere ante, non volutpat enim

tus id diam. Fusce so- a tincidunt magna. Aliquam tincidunt lorem feugiat ante quis elit. Fusce dapibus tempus ultricies. Praesent
dales dui sit amet nunc lorem convallis vel adipiscing risus ultrices. Aliquam mauris tortor, auctor vel porttitor non, adipiscing accu-
malesuada feugiat. nisl lorem, egestas id fermentum eget, tincidunt a felis. msan neque. Nulla et risus odio, fermentum dapibus
Curabitur et Vestibulum vel pretium Phasellus suscipit risus eget felis venenatis consecte- neque.
augue Mauris purus elit, faucibus libero. Mauris arcuvelit, tur. Quisque a nisl sem. Etiam id nisl eu nisi semper

tempus quis imperdiet pulvinar. Mauris aliquam diam ut leo tristique auctor. Proin scelerisque consectetur semper. Aenean rutrum
ut lacinia at, rutrum id massaroin eu, mattis sed orci. Curabitur et tempus augue. Mauris purus elit, faucibus volutpat lectus, vitae mattis lorem congue quis. Morbi
leo velit, quam etid. Vivamus suscipit fe- ut lacinia at, rutrum id massa. id eros ipsum, vitae aliquam mi. Donec sodales tortor
lis non felis imperdiet tellus, vel molestie enim. Suspendisse at nibh nulla. Ut
scelerisque. Praesent Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id tortor ut nibh lacinia porttitor quis tempor metus.
suscipit, quam in egestas mollis, mi est posuere ante, id erat. Cras non ultricies odio. Duis eleifend consecte- Donec ac lacus metus, nec suscipit ipsum.
non volutpat enim ante quis elit. Fusce dapibus tempus tur dui eu tincidunt. Quisque fringilla lobortis ipsum,
ultricies. Praesent mauris tortor, auctor vel porttitor eget elementum erat eleifend ut venenatis sagittis Vivamus suscipit felis non felis im-
non, adipiscing accumsan neque. Nulla et risus odio, metus id venenatis. perdiet scelerisque. Praesent suscipit,
fermentum dapibus neque. Proin scelerisque consec- Vestibulum ipsum quam in egestas mollis Donec sagittis
tetur semper. Aenean rutrum volutpat lectus, vitae
mattis lorem congue quis. Morbi id eros ipsum, vitae Nulla consequat iaculis rutrum. Donec feugiat varius Nulla consequat iaculis rutrum. Donec feugiat varius
diam ac nulla
aliquam mi. Donec sodales tortor tellus, vel molestie vestibulum. Morbi at ultrices ante. Phasellus placerat, Proin leo velit, ullamcorper vitae aliquam et, sollicitudin vestibulum. Morbi at ultrices ante. Phasellus placerat, fringilla
enim. Suspendisse at velit ac tristique vestibulum, erat felis rhoncus mauris, id erat. Cras non ultricies odio. Duis eleifend consec- velit ac tristique vestibulum, erat felis rhoncus mauris,
Mauris aliquam velit
id ultricies felis elit in metus. Nam elementum tincidunt tetur dui eu tincidunt. Quisque fringilla lobortis ipsum, id ultricies felis elit in metus. Nam elementum tincidunt
pellentesque sem tristique
Fusce malesuada sapien id lacus varius. Vivamus lobortis sem non justo egestas fauci- eget elementum erat eleifend ut venenatis sagittis me- varius. Vivamus lobortis sem non justo egestas fauci-
bus in a libero. Etiam in nibh risus, vel faucibus sapien. tus id venenatis. bus in a libero. Etiam in nibh risus, vel faucibus sapien. diam ac nulla fringilla et
Fusce malesuada sapien id lacus laoreet convallis eu In enim diam, pretium id aliquet non, eleifend in felis. In enim diam, pretium id aliquet non, eleifend in felis. ultricies orci vehicula. Sed
sit amet odio. Integer eu massa nisi. Phasellus volut- Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit Nulla consequat iaculis rutrum. Donec Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit nibh mi, pellentesque et
pat feugiat diam vitae commodo. Nunc aliquet diam amet posuere. Nam suscipit fermentum nulla eget tin- feugiat varius vestibulum amet posuere. Nam suscipit fermentum nulla eget tin- varius nec, luctus id diam.
semper lacus aliquam tempus. Duis vehicula dolor et cidunt. cidunt. Fusce sodales dui sit amet
Etiam non quam et magna placerat venenatis aliquet et nunc malesuada feugiat.
est. Pellentesque nulla urna, commodo vitae ullamcor- Vestibulum vel pretium
per ac, lobortis ut orci. Pellentesque venenatis sagittis Mauris aliquam velit pellentesque sem tristique conval- libero. Nam quis tempus
metus id venenatis. Vestibulum sit amet enim nec au- lis. Donec sagittis diam ac nulla fringilla et ultricies orci risus. Mauris arcu velit,
Donec sagittis gue auctor sollicitudin in non enim. Vestibulum lobortis vehicula. Sed nibh mi, pellentesque et varius nec, luctus
tempus quis imperdiet eu,
mattis sed orcifer mentum
diam ac nulla auctor nunc eu suscipit. Quisque iaculis lorem ut lectus
posuere ultrices. Nam eleifend, risus vitae consectetur
id diam. Fusce sodales dui sit amet nunc malesuada
feugiat. Vestibulum vel pretium libero. Nam quis tem-
dapibus neque.
fringilla aliquet, quam diam molestie leo, quis tristique turpis pus risus. Mauris arcu velit, tempus quis imperdiet eu,
magna sed dolor. Vivamus a sollicitudin eros. Quisque mattis sed orci.
Mauris aliquam velit massa dui, malesuada sit amet tempor sit amet, mollis
pellentesque sem tristique eu nulla. Donec nulla sapien, accumsan et laoreet sit Nulla consequat iaculis rutrum. Donec
diam ac nulla fringilla et
amet, mollis a risus. Duis et iaculis diam. feugiat varius vestibulum
ultricies orci vehicula. Sed Etiam non quam et magna placerat venenatis aliquet et
nibh mi, pellentesque et est. Pellentesque nulla urna, commodo vitae ullamcor- Vivamus suscipit felis non felis imperdiet scelerisque.
varius nec, luctus id diam. per ac, lobortis ut orci. Pellentesque venenatis sagittis Praesent suscipit, quam in egestas mollis, mi est po-
Fusce sodalesus id diam. metus id venenatis. Vestibulum sit amet enim nec au- suere ante, non volutpat enim ante quis elit. Fusce
Fusce sodales dui sit amet gue auctor sollicitudin in non enim. Vestibulum lobortis dapibus tempus ultricies. Praesent mauris tortor, auctor
nunc malesuada feugiat. auctor nunc eu suscipit. Quisque iaculis lorem ut lectus vel porttitor non, adipiscing accumsan neque. Nulla et
Vestibulum vel pretium posuere ultrices. Nam eleifend, risus vitae consectetur risus odio, fermentum dapibus neque. Proin scelerisque
libero. Nam quis tempus aliquet, quam diam molestie leo, quis tristique turpis consectetur semper. Aenean rutrum volutpat lectus,
risus. Mauris arcu velit, magna sed dolor. vitae mattis lorem congue quis. Morbi id eros ipsum,
tempus quis imp dui sit vitae aliquam mi. Donec sodales tortor tellus, vel mo-
amet nunc malesuada
Mauris aliquam velit pellentesque sem tristique lestie enim. Suspendisse at nibh nulla. Ut id tortor ut
feugiat. Vestibulum vel
pretium libero. Nam quis convallis. Donec sagittis diam ac nulla fringilla et ultri- nibh lacinia porttitor quis tempor metus.
tempus risus. Mauris arcu cies orci vehicula. Sed nibh mi, pellentesque et varius
velit, tempus quis imperdiet nec, luctus id diam. Fusce sodales dui sit amet nunc Donec ac lacus metus, nec suscipit ipsum. gency and le-
eu, mattis sed orcifer men- malesuada feugiat. Vestibulum vel pretium libero. Nam vel of ambition that is needed to bring climate change
tum dapibus neque. quis tempus risus. Mauris arcu velit, tempus quis im- under control.
114
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 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
17
(2010) Summary of the Peer Review

policies aimed at Roma social inclusion. International dimension send the message to society that dealing
on Field social work and labour
human right instruments,38 as well as EU instruments,39 with Roma issues signifies dealing exclusively with counselling within the schemes of
are essential constitutive elements of this dimension. poverty and marginalisation, and implicitly tells the strategies combating unemployment
of Roma.
Many rights, benefits and resources are universal and Roma that their integration in society is a matter of
Czech Republic, 25-26 November
therefore all citizens are entitled to them. However, forgetting who they are if they want to achieve social 2010. Mutual Learning Programme
the exercise of a right, the use of a resource or the advancement. 2010. Autumn Peer Reviews.
provision of a service need to be individualised and 36
Council of the EU (2009) op.cit.
especially adapted to the needs of each citizen or Foreseeing sensitiveness to Roma culture implies:
group; this is even truer in the case of those persons the availability of culturally and linguistically 37
See for example FRA (2009b) op.cit.
that find themselves in an underprivileged situation. appropriate social, education and health services;
38
the promotion of their history and culture within the These include the Universal Declaration
Socio-economic inclusion: Poverty and exclusion Roma communities; the projection of a positive of Human Rights (UDHR) (1948) and the
European
do not necessarily coincide. The first is understood images such as positive role models and the public Convention on Human Rights
here as an economic concept, related to the absence visibility of the Roma, especially in the media and (ERHC) (1950) among others.
of material resources (precariousness), and the in official commemorative events aimed at the See chapter 4 for an elaboration.
second is a multidimensional phenomenon that goes majority population; encouraging Roma cultural 39
EU (2000) Charter of Fundamental
beyond the economic approach. In fact, some so- manifestations in the mainstream cultural agenda. Rights of the European Union.
cially excluded Roma are not poor, but they find The lack of access to basic services by Roma 2000/C 364/01. Available at:
2.
http://www.europarl.europa.eu/charter/;
themselves in situations of exclusion due to lack of communities is aggravated by obstacles related to
European Council (2000a)
participation in societys political, economic and exclusion, discrimination, extremely low educational Council Directive 2000/43/EC
social dynamics. However, both phenomena are levels, etc. It is necessary for the whole society to of 29 June 2000 implementing
the principle of equal treatment
interrelated and affect both living conditions and better understand the Roma culture and history, in
between persons irrespective
how people participate in society. When approaching order for the tolerance towards Roma to improve. of racial or ethnic origin; European
the social inclusion of the Roma, three complemen- Council(2000b) Council Directive
2000/78/EC of 27 November
tary dimensions need to be tackled concurrently:
2000 establishing a general
The four priority areas
Adapting principles
framework for equal treatment
Civil/Political dimension: implies inter in employment and occupation.
Available at: http://eur-lex.europa.eu/
alia the protection from discrimination, the There is a consensus among the key actors working
to different circumstances
full exercise of political rights and the in the Roma field that the four main areas that need 40
See
possibility of exercising civic commitment. to be tackled to achieve Roma inclusion are http://www.romadecade.org/about.
employment, housing, access to education and
41
Economic dimension: with regard to the healthcare. In fact, the Roma Decade has focused Spanish Presidency of the EU
(2010) op.cit.
35
possibility of contributing to the production since its inception on these four crucial areas,40 the
Among other documents, see
EURoma (2010) EURoma Report.
The information that has been accumulated through 2.1. Areas, principles of goods and services and their capacity to Roadmap of the Platform for Roma Inclusion identified 42
European Commission (2011a)
research, debates, and exchange on a growing have access to (consume) the same. the key issues related to each of them,41 and the
Roma and the Structural Funds and action criteria op.cit.
(Madrid: Fundacin Secretariado number of positive experiences, has generated recent Commission Communication refers to specific
Gitano); Council of the EU (2009)
valuable knowledge among researchers, policy Social dimension: with respect to goals for each of them.42 Several transversal issues
op.cit.; European Commission
(2011a) op.cit.; European makers and practitioners on a corpus of principles The dimensions of Roma integration facilitating access to protection systems and feed into each of these elements, such as gender
Parliament Committee on Civil and criteria that should be followed by Roma promoting networks of social support, equality and discrimination, which imply the need for
Liberties, Justice and Home Affairs
Strategies, policies and plans.35 The European There is a growing common understanding that including community organisations beyond both gender and antidiscrimination approaches in
(2011) op.cit.; Fresno, Jos Manuel
and Technical Staff Fundacin Platform for Roma Inclusion has adopted Ten improving the situation of the Roma in Europe means clans or family networks that, in short, allow addressing each area. The four key areas acquire full
Secretariado Gitano (2009) Common Basic Principles, endorsed by the Council, developing policies that identify and tackle all people to integrate into their social meaning if they are approached through the civil/
Framework Document ACCEDER
which should be followed in Roma policies.36 aspects of their deprivation through an integrated environment. political, economic and social dimension.
Programme. Working Group on
Employment Study visit (11-13 approach, together with the protection of
March 2009). Available at: http:// While implementing their National Roma Integration fundamental rights, the fight against exclusion and Cultural development: Taking into consideration The inter-linkages between each area imply that an
www.gitanos.org/; Guy, Will and Jos
Strategies or integrated set of measures, Member the promotion of Roma culture and respect for Roma the cultural dimension when designing comprehensive integrated approach tackling concurrently all four areas
Manuel Fresno (2006) Municipal
programme of shanty towns States need to follow the Common Basic Principles, identity. social inclusion strategies is a prerequisite for their is indispensable. Needless to say, these four areas are
eradication in Avils (Asturias). but also to adapt them to different circumstances success. In fact, many mistakes and failures of Roma- interrelated: housing (conditions and geographical
Synthesis Report. Peer Review in
in order to put them to work. This section begins by Effective access to rights: The existing literature focused interventions are related to this lack of situation) affects the health situation, conditions access
Assessment in Social Inclusion.
Available at: providing an exposition of this corpus of knowledge, demonstrates that many Roma in Europe do not enjoy sensitiveness. Moreover, it is important to avoid the to health services, and influences access to job
http://www.peer-review-social- which is valuable for all strategies, plans and rights as the rest of the citizenry or they simply lack confusion between the Roma as an ethnic minority opportunities; the health situation influences the
inclusion.eu/; Fresno, Jos
programmes addressed to the Roma and in some rights.37 Effective rights mean more than formal group and those Roma groups experiencing educational attainment while education affects health-
Manuel (2010) Promoting the
social inclusion of children in a consequence needs to be taken into account legal recognition and require adequate legislation, marginalisation and situations of social exclusion. related behaviours and exposure to social determinants
disadvantaged rural environment independently of the country and the group of Roma proper enforcement of the legislation, and removing In fact, Roma inclusion from a holistic perspective of health; the level of education and professional
the micro-region of Szcsny:
targeted by inclusion measures, and continues by all the obstacles that make it ineffective. An orientation concerns all the Roma and their roles in society, their training influence the possibilities of employment and
Synthesis Report. Hungary 2010.
Peer Review in Social Inclusion and explaining how these principles and action criteria to rights and full citizenship must be an essential part culture, language, identity and the acknowledgement employment in turn allows for improvements in living
Social Protection and Assessment can be modulated and adjusted according to different of any comprehensive Roma policy; the absence of and appreciation of their cultural assets by the standards, including changes in housing conditions,
in Social Inclusion; GHK Consulting
circumstances. this dimension is a weakness for the functioning of majority population. Policies that neglect this access to education and healthcare.
18 19
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 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
43 47
Spanish Presidency of the EU According to this approach, priorities and goals should care and social services at a similar level and Mobilising existing available human, insti- schools are neither desirable nor recommendable, For instance, the project
(2010) op.cit. European Acceder has demonstrated
Commission
be defined in different countries following the goals under the same conditions as to the rest of tutional and economic resources. mainstreaming Roma in the school system will that while aimed at the Roma,
(2011a) op.cit. identified by the Commission Communication (2011) the population. Key working areas are related always imply the adaptation of the public more than 30 percent of
according to time, means and particular circum- to: securing equal access to quality health- Working with the Roma and working with education services. Adjustments and the degree beneficiaries are non-Roma.
44
European Commission (2011c) stances; but there is a consensus on a number of care,45 preventive healthcare by targeting the community, including awareness raising of flexibility will differ according to the types of 48
Communication from the Fundacin Secretariado
Commission. Early Childhood key elements:43 Roma youth; habits and healthy lifestyles. and mutual understanding. situations of exclusion and circumstances: for Gitano (2009) Health and the
Education and Care: Providing all example, in the case of urban or suburban groups, Roma Community, analysis
our children with the best start for Access to education by ensuring that all Access to housing and essential ser- Developing the professional capacities of it may imply establishing dispersion criteria for of the situation in Europe.
the world of tomorrow. COM(2011) Bulgaria, Czech Republic, Greece,
66 final. Brussels 17 February. children complete at least primary school. To vices by closing the gap between the share the actors including multicultural working Roma students, or compensatory services; Roma Portugal, Romania, Slovakia,
make this possible Member States should of Roma with access to the housing and to teams, adequate tools and materials. living in isolation from urban areas may require Spain (Madrid: Fundacin
45
See Commission on Social ensure the provision of quality education not public utilities (such as water electricity and transportation services; Roma migrants may Secretariado Gitano, Ministerio
Determinants of Health (2008) de Sanidad y Poltica Social).
subject to discrimination or segregation. They gas) and that of the rest of the population. Flexibility and adaptation of the mainstream require language training and Roma travellers
Closing the gap in a generation:
health equity through action on should also widen access to quality early child- Action on housing needs to be part of an services. specific rules of access. Specific strategies for the
the social determinants of health. hood education and care and reduce the integrated approach including, in particular, adaptation of general services will be needed also
Final Report of the Commission number of early school leavers from second- education, health, social affairs, employment Appropriate balance between rights and in the other areas of intervention: in facilitating
on Social Determinants of Health
(Geneva, WHO). Available at: ary education pursuant to the Europe 2020 and security, and desegregation measures. responsibilities: guaranteeing the rights access to health services (different needs according
http://whqlibdoc.who.int/ strategy.44 Roma youngsters should be strong- Member States should also address the while training in responsibilities. to groups), access to employment services
World Health Organisation (WHO) ly encouraged to participate also in secondary particular needs of non-sedentary Roma (different degrees of qualification and skills, as
(2010a) Poverty and social
exclusion in the WHO European and tertiary education. Key working areas are (e.g. provide access to suitable halting sites well as labour market situations) and access to
Region: health systems respond related to: access to the education system, for non-sedentary Roma).They should ac- public housing (income levels, criteria for access).
(Copenhagen: WHO Regional early child education and care, prevention of tively intervene with targeted programmes 2.2. Adapting principles In most cases, a lack of, or inadequate adaptation
Office for Europe). WHO
(2010b) How health systems early school leaving and academic failure involving regional and local authorities. Key to the diversity of Roma will go against the principle of access to
can address health inequities
linked to migration and ethnicity
(completing primary education and facilitating working areas are related to infrastructural living circumstances mainstream services.
the transition from primary to secondary edu- and environmental improvements in Roma
(Copenhagen:
WHO Regional Office for Europe). cation), desegregation, ethnic de-concentration communities, desegregation and urban plan- The common basic principles (=c.p.) and other criteria
and educational mainstreaming, transition ning, basic care infrastructure, support mea- described above are useful and recommendable for 2. Specific services must lead
46
European Commission (2008a) between primary and secondary education, sures for community involvement. all the Roma living circumstances. However, the to normalisation (c.p. 2)
Communication from the
secondary and tertiary education with a view strategies to be used when following these principles
Commission. Non-discrimination
and equal opportunities: to securing access to employment, intercul- may be different; in fact, their implementation must The principle of explicit but not exclusive targeting
A renewed commitment. tural education and attention to diversity. The ten common basic principles be modulated and duly adjusted to the circumstances implies focusing on Roma people as a target group
Community Instruments and
and groups in order to achieve effectiveness and but not to the exclusion of other people who share
Policies for Roma Inclusion.
COM_2008_420 CSWD Access to employment by cutting the gap The Common Basic Principles intend to provide consistency. We explain below how in practical terms similar socio-economic circumstances; in fact existing
27[1].6.08. Brussels: European between Roma and the rest of the population. guidance and orientation to the different actors some principles and common criteria can be adjusted experience demonstrates that services focusing on
Commission, 2 July. Available
Member States should grant Roma people working on Roma issues. Some of these principles, according to the fivefold typology by following specific Roma can be very valuable for other people in similar
at: http://ec.europa.eu/social/
full access in a nondiscriminatory manner to notably n.2 explicit but not exclusive targeting, n.4 strategies and priorities. circumstances.47 This principle understands that
vocational training, to the job market and to aiming for the mainstream and n.7 use of community when Roma experience particular living conditions
self-employment tools and initiatives. Access instruments have been explicitly mentioned by the and there is a broad gap with public services, specific
to micro-credit should be encouraged. In the European institutions in several documents and policy 1. Effective access to mainstream forms of intervention are thus required and it is
public sector, due attention should be given declarations,46 in the work of the Roma Task Force, services requires their adaptation appropriate to develop explicit services for Roma.
to employment of qualified Roma civil ser- and also included in the amendment of the Art 7.2 to Roma needs (c.p.1 and 4) This approach must not separate interventions
vants. Public Employment Services can reach of the ERDF (please refer to Annex I). focused on Roma from broader policy initiatives.
out to the Roma by providing personalised All inclusion policies aim to include the Roma in
services and mediation. This can help attract Together with the Ten Common Basic principles, the mainstream of society (c.p. 4) (mainstream Explicit Roma services developed in parallel to
Roma to the labour market and thus increase other action criteria have proven to be useful and educational institutions, mainstream jobs, mainstream services can entail a risk for the former
the employment rate. Key working areas are are recommended when aiming policies and mainstream health services, mainstream housing) to constitute second-class services for Roma people,
related to: transition between education and developing projects for the Roma social integration. and Roma inclusion policies are to be integrated while normal services do not undertake the necessary
employment, professional training, individu- We select here some of them while Annex II presents with mainstream policies (c.p.1). These principles changes to adapt to the needs of all citizens. The
alised support, employability and access to a more detailed description based on case studies need to be understood in conjunction with other specific Roma services must lead to normalisation,
formal labour market, micro-credit for entre- and reports: principles such as explicit but not exclusive remain connected with and function complementarily
preneurship and self-employment, adult targeting (c.p.2). Yet effective access to to general services, while aiming to facilitate Roma
vocational training, quality of employment. Long-term approach including political con- mainstreamed services means rendering the latter access to general/normal services. However, the
sensus beyond the policy cycle. flexible, sufficient and adapted to Roma. This would extent to which adapted services will lead to
Reducing the gap in health status between imply different approaches according to the five normalisation and the possibilities for them to be
the Roma and the rest of the population by Global action schemes (integrated approach) categories described previously and depending complementary to global services will require
improving Roma access to healthcare. and interconnected services, improving co- on different areas of action. different approaches depending on the context, type
Member States should provide access to ordination, building partnerships and creat- of situation and group. For example, in the area of
quality healthcare to the Roma, especially ing synergies between the different actions. Taking as an example the area of education, an health, a health mediation service in an urban Roma
for children and women as well as preventive understanding that special schools or Roma neighbourhood may act as a transition service aimed
117
Publications
Grid system
for A4 Magazine
The magazine cover structure is based on magazines or newsletters. You are authorised,
the A4 cover template and has been improved specifically for magazine and newsletter covers,
for this specific product. The logo can be used to insert information related to the issue into the
in its negative or positive version depending on header.
the header colour (see examples on the following
page). Adding the title of the magazine onto a Except for the cover, the magazine structure
banner directly under the header is allowed for follows the same rules as a publication layout.
118
Publications
A4 Magazine
Example
119
Publications
Grid system
for A4 newsletters
Newsletters could possibly add articles to the You have the option of highlighting content by
cover page. The logo is used in its negative creating a coloured box or by inserting key infor-
version on a coloured header. The name of the mation under the name of the newsletter using
newsletter is added under the logo on a white bullet points.
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; 3. Example of a newsletter with a highlight box on the left;
2. Example of a newsletter with a different policy colour, 4. Example of a newsletter with a different policy colour
an article box on the right and incorporating a picture; and a highlight box on the right with a picture in the
box.
3. 4.
123
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 in- pictures, tables or charts to illustrate the subject.
cludes boxes for highlighting information or spe- The factsheet integrates the negative version of
cific statistics. You have the option of inserting the logo on a coloured banner.
125
Publications
Grid system
for A4 factsheet
Cover (Recto)
126
Publications
Grid system
for A4 factsheet
Cover (Verso)
127
Publications
A4 factsheet
Examples
Examples of layouts using the factsheet templates.
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
2 1
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 N 4 5 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 N 4 5
4 5

11 Curabitur et
augue Mauris purus 12elit, faucibus

ut lacinia at, rutrum id massaroin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
8
Donec elementum tempor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id tor sollicitudin in non enim. Vestibulum lobortis auctor
dictum. Aenean id massa massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis nunc eu suscipit. Quisque iaculis lorem ut lectus posuere
ligula. Fusce quis sapien id dis par nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.Harumquo ultrices. Nam eleifend, risus vitae consectetur aliquet,
sapien sollicitudin ullam- eniantis et utem ulparum dendi iliqui sae. Beribus quosant qui doloremporum dolori occatur, cone iduntia quam diam molestie leo, quis tristique turpis magna sed
CH A P T E R 1 3 6
corper. Cum sociis natoque
penatibus et magnis dis
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
dolor.
Nulla consequat iaculis rutrum. Donec feugiat varius ves-
Mauris alirsuam
parturient montes, nascetur ionsedi orepro vere ent doluptasin re coneces aut harisquam vellab il ipsam rescimus, vollupic te sitiunt tibulum. Morbi at ultrices ante. Phasellus placerat, velit
ridiculus mus. Phasellus peditias nessento ipsapelescid modistota nulliquos et odipid quaerovitem sanihicias cusapienis quaepel ac tristique vestibulum, erat felis rhoncus mauris, id ultri-
4 5 non dolor quis nisl auctor

molestie.
iquiae officia id quid ma quodit quis experia quat. cies felis elit in metus. Nam elementum tincidunt varius.
Vivamus lobortis sem non justo egestas faucibus in a
7 lorem feugiat lorem convallis vel adipiscing risus ul- mus lobortis sem non justo egestas faucibus in a libero.
libero. Etiam in nibh risus, vel faucibus sapien. In enim
diam, pretium id aliquet non, eleifend in felis. Donec eu
Donec sagit-
velit pellentesque
tis diam ac
13
trices. Aliquam nisl lorem, egestas id fermentum eget, Etiam in nibh risus, vel faucibus sapien. In enim diam, lectus arcu. Aliquam rutrum rutrum nulla sit amet po-
tincidunt a felis. Phasellus suscipit risus eget felis vene- pretium id aliquet non, eleifend in felis. Donec eu lec- suere. nulla
9
natis consectetur. Quisque a nisl sem. Etiam id nisl eu tus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
nisi semper pulvinar. Mauris aliquam diam ut leo tristique Nam suscipit fermentum nulla eget tincidunt. Vivamus suscipit felis non felis imper- fringilla
auctor. Curabitur et tempus augue. Mauris purus elit, fau- diet scelerisque. Praesent suscipit, quam
Mauris aliquam velit
cibus ut lacinia at, rutrum id massa. Etiam non quam et magna placerat venenatis aliquet et in egestas mollis
pellentesque sem tris-
est. Pellentesque nulla urna, commodo vitae ullamcorper
tique convallis. Donec
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin ac, lobortis ut orci. Pellentesque venenatis sagittis metus pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor
sagittis diam ac nulla
id erat. Cras non ultricies odio. Duis eleifend consecte- id venenatis. Vestibulum sit amet enim nec augue auc- quis tempor metus. Donec ac lacus metus, nec suscipit
fringilla et ultricies orci
tur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget tor sollicitudin in non enim. Vestibulum lobortis auctor ipsum. gency and level Donec ac lacus metus, nec susci-
vehicula. Sed nibh mi,
elementum erat eleifend ut venenatis sagittis metus id
dapibus neque. Proin scelerisque venenatis.
nunc eu suscipit. Quisque iaculis lorem ut lectus posuere
ultrices. Nam eleifend, risus vitae consectetur aliquet,
pit ipsum. gency and level of ambition that is needed to
bring climate change under control. Ugia asped eictasit
pellentesque et varius
nec, luctus id diam.
14
quam diam molestie leo, quis tristique turpis magna sed acessent, cus, sunt eos ea con ped maximos elecus que
Fusce sodales dui sit
Nulla consequat iaculis rutrum. Donec
10
feugiat varius vestibulum
dolor. Vivamus a sollicitudin eros. Quisque massa dui,
malesuada sit amet tempor sit amet, mollis eu nulla.
offictotas eost, ent inusae. Et harum quae prerers pienis
int.
amet nunc malesuada
feugiat. Vestibulum vel
Donec nulla sapien, accumsan et laoreet sit amet, mollis Enti iderum deles volupta con est, sequi rem volorios dis
pretium libero.
Nulla consequat iaculis rutrum. Donec feugiat varius ves- a risus. Duis et iaculis diam. enti totat abor simus, sapero officil icitate stiorenis atum
tibulum. Morbi at ultrices ante. Phasellus placerat, velit Etiam non quam et magna placerat venenatis aliquet et ipiet faccum quuntemolut alita venesequia niet estiore
ac tristique vestibulum, erat felis rhoncus mauris, id ultri- est. Pellentesque nulla urna, commodo vitae ullamcorper nemque conemporae re que ma voluptatius autem au-
cies felis elit in metus. Nam elementum tincidunt varius. ac, lobortis ut orci. Pellentesque venenatis sagittis metus tem nulparc hicimus aut voloreium sunt la peria apit,
Vivaorbi at ultrices ante. Phasellus placerat, tindicutemo id venenatis. Vestibulum sit amet enim nec augue auc- quia sed quiam laborum doles est fuga. Aquiae veria cus
1 EC Square Sans Pro Regular 6 pts 8 EC Square Sans Pro Italic 9.5 pts
Tracking: 660 pts Leading spacing: 12 pts
2 EC Square Sans Pro 9 pts 9 EC Square Sans Pro Regular 9 pts
3 EC Square Sans Pro Medium 12 pts
Tracking: 100 pts 10 EC Square Sans Pro Medium 12 pts
4 EC Square Sans Pro Regular 46 pts
Leading spacing: 48 pts 11 Garamond Semibold 96 pts
Tracking: -20 pts Leading spacing: 100 pts
5 Garamond Semibold 12 Garamond Medium Italic 16 pts
Caption 68 pts Leading spacing: 18 pts
Tracking: -20 pts
13 EC Square Sans Pro Italic 16 pts
6 EC Square Sans Pro Medium Italic 8 pts Leading spacing: 18 pts
Leading spacing: 12 pts Tracking: -20 pts
7 Line is 4 pts thick 14 EC Square Sans Pro Italic 10 pts
133
Publications
Double page horizontal
6 7
Mauris alirsuam
Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id
massaroin leo1velit, quam etid.Temquodi genihil et aut incia perumen-
velit pellentesque
dist que Tem doloraecest que nonsedipsa prepudi rerias nobissimos
pelenis voluptatur sum quis pero blaut eos doluptatio vit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa Mauris aliquam velit pellentesque sem tristique conval- lorem feugiat lorem convallis vel adipiscing risus ul- Vivamus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim
ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par lis. Donec sagittis diam ac nulla fringilla et ultricies orci trices. Aliquam nisl lorem, egestas id fermentum eget, libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu
nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.Harumquo eniantis vehicula. Sed nibh mi, pellentesque et varius nec, luc- tincidunt a felis. Phasellus suscipit risus eget felis vene- diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet po-
et utem ulparum dendi iliqui sae. Beribus quosant qui doloremporum dolori occatur, cone iduntia spedipsae tus id diam. Fusce sodales dui sit amet nunc malesuada natis consectetur. Quisque a nisl sem. Etiam id nisl eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.

nos estoris consequi ut ad qui ipitatur acidita nam estia doluptatem dolorrorem. feugiat. Vestibulum vel pretium libero. Nam quis tempus nisi semper pulvinar. Mauris aliquam diam ut leo tristique suere. Nam suscipit fermentum nulla eget tincidunt.
risus. Mauris arcu velit, tempus quis imperdiet eu, mattis
sed orci. Vivamus suscipit felis non felis imperdiet sce- Etiam non quam et magna placerat venenatis aliquet et
lerisque. Praesent suscipit, quam in egestas mollis, mi est. Pellentesque nulla urna, commodo vitae ullamcorper Curabitur et
est posuere ante, non volutpat enim ante quis elit. Fusce ac, lobortis ut orci. Pellentesque venenatis sagittis metus augue Mauris purus elit, faucibus

dapibus tempus ultricies. Praesent mauris tortor, auctor id venenatis. Vestibulum sit amet enim nec augue auc-
vel porttitor non, adipiscing accumsan neque. Nulla et tor sollicitudin in non enim. Vestibulum lobortis auctor ut lacinia at, rutrum id massaroin
risus odio, fermentum dapibus dapibus neque. Proin sce- nunc eu suscipit. Quisque iaculis lorem ut lectus posuere leo velit, quam etid.
lerisque neque. ultrices. Nam eleifend, risus vitae consectetur aliquet,
quam diam molestie leo, quis tristique turpis magna sed
Nulla consequat iaculis rutrum. Donec dolor. Vivamus a sollicitudin eros. Quisque massa dui,

feugiat varius vestibulum malesuada sit amet tempor sit amet, mollis eu nulla. Vivamus suscipit felis non felis imper-
auctor. Curabitur et tempus augue. Mauris purus elit, fau- Donec nulla sapien, accumsan et laoreet sit amet, mollis diet scelerisque. Praesent suscipit, quam
Proin scelerisque consectetur semper. Aenean rutrum vo- cibus ut lacinia at, rutrum id massa. a risus. Duis et iaculis diam. in egestas mollis Lorem ipsum dolor sit amet,
Donec elementum tempor dic-
lutpat lectus, vitae mattis lorem congue quis. Morbi id Etiam non quam et magna placerat venenatis aliquet et consectetur adipiscing elit.
tum. Aenean id massa ligula.
eros ipsum, vitae aliquam mi. Donec sodales tortor tel- Proin leo velit, ullamcorper vitae aliquam et, sollicitudin est. Pellentesque nulla urna, commodo vitae ullamcorper pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor Donec elementum tempor dic-
Fusce quis sapien id sapien
lus, vel molestie enim. Suspendisse at nibh nulla. Ut id id erat. Cras non ultricies odio. Duis eleifend consecte- ac, lobortis ut orci. Pellentesque venenatis sagittis metus quis tempor metus. Donec ac lacus metus, nec suscipit tum. Aenean id massa ligula.
sollicitudin ullamcorper. Cum
tortor ut nibh lacinia porttitor quis tempor metus. Donec tur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget id venenatis. Vestibulum sit amet enim nec augue auc- ipsum. gency and level Donec quis tempor metus. Donec Fusce quis sapien id sapien
sociis natoque penatibus et
ac lacus metus, nec suscipit ipsum. lorem feugiat lorem elementum erat eleifend ut venenatis sagittis metus id tor sollicitudin in non enim. Vestibulum lobortis auctor ac lacus metus, Donec ac lacus metus, nec suscipit ip- sollicitudin ullamcorper.
magnis dis parturient montes,
convallis vel adipiscing risus ultrices. Aliquam nisl lorem, dapibus neque. Proin scelerisque venenatis. nunc eu suscipit. Quisque iaculis lorem ut lectus posuere sum. gency and level Donec quis tempor metunec sus-
nascetur ridiculus mus. Phasel-
egestas id fermentum eget, tincidunt a felis. Mauris ali- ultrices. Nam eleifend, risus vitae consectetur aliquet, cipit ac lacus metus, nec suscipit ipsum. gency and level
lus non dolor quis nisl auctor
quam diam ut leo tristique auctor. Curabitur et tempus Nulla consequat iaculis rutrum. Donec quam diam molestie leo, quis tristique turpis magna sed of ambition that is needed to bring climate change under
molestie.
augue. Mauris purus elit, faucibus ut lacinia at, rutrum feugiat varius vestibulum dolor. controltium id aliquet non, eleifend in felis. Donec eu lec-
id massa. Nulla consequat iaculis rutrum. Donec feugiat varius ves- tus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ultrices. Nam eleifend, risus vitae consectetur aliquet,
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin tibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultri- quam diam molestie leo, quis tristique turpis magna sed
id erat. Cras non ultricies odio. Duis eleifend consecte- ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius. dolor.
tur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget cies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo egestas faucibus in a
1 Garamond Medium 16 pts

6 7
Mauris alirsuam
Curabitur et augue Mauris purus elit, faucibus ut
lacinia at, rutrum id massaroin leo velit, quam etid.
velit pellentesque aliquam estumis

Temquodi genihil et aut incia perumendist que do-
luptatio vit.
Lorem ipsum dolor sit amet, consec- natoque penatibus et magnis dis par Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id sit amet tempor sit amet, mollis eu nulla. Donec nulla sapien, accumsan et laoreet sit
tetur adipiscing elit. Donec elemen- nisl auctor mo lestie. Ut pellentesque fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis venenatis consec- amet, mollis a risus. Duis et iaculis diam.
tum tempor dictum. Aenean id massa denim eu, sodales sit amet lorem. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam tetur. Quisque a nisl sem. Etiam id nisl eu nisi semper pulvinar. Mauris aliquam diam ut Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna,
ligula. Fusce quis sapien id sapien Cras sem lacus.Harumquo eniantis et quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orci. Vivamus leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus

sollicitudin ullamcorper. Cum sociis utem ulparum dendi iliqui sae. suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis, rutrum id massa. id venenatis. Vestibulum sitt
mi est posuere ante, non volutpat enim ante quis elit. Fusce dapibus tempus ultricies. amet enim nec augue auctorr
Praesent mauris tortor, auctor vel porttitor non, adipiscing accumsan neque. Nulla et Proin leo velit, ullamcorper vitae ali- sollicitudin in non enim. Ves-
risus odio, fermentum dapibus dapibus neque. Proin scelerisque neque. quam et, sollicitudin id erat. Cras non tibulum lobortis auctor nunc Curabitur et
ultricies odio. Duis eleifend consectetur eu suscipit. Quisque iacu- augue Mauris purus elit, faucibus
Nulla consequat iaculis rutrum. Donec feugiat varius vestibu-

dui eu tincidunt. Quisque fringilla lobor- lis lorem ut lectus posuere
lum doloresninc esta tis ipsum, eget elementum erat eleifend ultrices. Nam eleifend, risus ut lacinia at, rutrum id massaroin
ut venenatis sagittis metus id dapibus vitae consectetur aliquet, leo velit, quam etid.
Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lo- neque. Proin scelerisque venenatis. quam diam molestie leo,
rem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, quis tristique turpis magna
vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis sed dolor.
tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante.
vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt Nulla consequat iaculis rutrurau Donec feugiat varius vestibu- Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies

a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris lum doloresninc esta felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo Lorem ipsum dolor sit amet,
purus elit, faucibus ut lacinia at, rutrum id massa. egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, consectetur adipiscing elit.
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum Donec elementum tempor dic-
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies nulla sit amet posuere. tum. Aenean id massa ligula.
Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget ele- felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo Fusce quis sapien id sapien
mentum erat eleifend ut venenatis sagittis metus id venenatis. egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pre- Vivamus suscipit felis non felis imperdiet scelerisque. Praesent sollicitudin ullamcorper.

Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lo- tium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla suscipit, quam in egestas mollis
rem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, sit amet posuere. Nam suscipit fermentum nulla eget tincidunt.
vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec
molestie.
tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metus. Donec
tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus ac lacus metus, Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis
vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Vesti- tempor metunec suscipit ac lacus metus, nec suscipit ipsum. gency and level of ambi-
vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt bulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. tion that is needed to bring climate change under controltium id aliquet non, eleifend in
a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
purus elit, faucibus ut lacinia at, rutrum id massa. turpis magna sed dolor. Vivamus a sollicitudin eros. Quisque massa dui, malesuada ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis
6 7
Mauris alirsuam
Curabitur et augue Mauris purus elit, faucibus ut
lacinia at, rutrum id massaroin leo velit, quam etid.
velit pellentesque aliquam estumis

Temquodi genihil et aut incia perumendist que do-
luptatio vit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum Mauris aliquam velit pel- varius vestibulum tincidunt. Quisque fringilla lorem feugiat lorem tincidunt. Quisque fringilla felis rhoncus mauris, id diam molestie leo, quis at ultrices ante. Phasel- suscipit, quam in
tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitu- lentesque sem tristique doloresninc esta lobortis ipsum, eget ele- convallis vel adipiscing lobortis ipsum, eget ele- ultricies felis elit in metus. tristique turpis magna sed lus placerat, velit ac tris- egestas mollis
din ullamcorper. Cum sociis natoque penatibus et magnis dis par nisl auctor convallis. Donec sagittis mentum erat eleifend ut risus ultrices. Aliquam mentum erat eleifend ut Nam elementum tincidunt dolor. Vivamus a sollicitu- tique vestibulum, erat
mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus. diam ac nulla fringilla Proin scelerisque consec- venenatis sagittis metus nisl lorem, egestas id fer- venenatis sagittis metus varius. Vivamus lobortis din eros. Quisque massa felis rhoncus mauris, id pendisse at nibh nulla. Ut

Harumquo eniantis et utem ulparum dendi iliqui sae. et ultricies orci vehicula. tetur semper. Aenean id venenatis. mentum eget, tincidunt id dapibus neque. Proin sem non justo egestas dui, malesuada sit amet
Sed nibh mi, pellentesque rutrum volutpat lectus, Proin scelerisque consec- faucibus in a libero. Etiam tempor sit amet, mollis eu
et varius nec, luctus id vitae mattis lorem congue tetur semper. Aenean ru- in nibh risus, vel fauci- nulla. Donec nulla sapien,
diam. Fusce sodales dui quis. Morbi id eros ipsum, trum volutpat lectus, vitae bus sapien. In enim diam, accumsan et laoreet sit Curabitur et
sit amet nunc malesuada vitae aliquam mi. Donec mattis lorem congue quis. pretium id aliquet non, amet, mollis a risus. Duis augue Mauris purus elit, faucibus

feugiat. Vestibulum vel sodales tortor tellus, vel Morbi id eros ipsum, vitae eleifend in felis. Donec et iaculis diam.
pretium libero. Nam quis molestie enim. Suspen- aliquam mi. Donec sodales eu lectus arcu. Aliquam Etiam non quam et magna ut lacinia at, rutrum id massaroin
tempus risus. Mauris arcu disse at nibh nulla. Ut id tortor tellus, vel molestie rutrum rutrum nulla sit placerat venenatis aliquet leo velit, quam etid.
velit, tempus quis imper- tortor ut nibh lacinia port- enim. Suspendisse at nibh amet posuere. Nam sus- et est. Pellentesque nulla
diet eu, mattis sed orci. titor quis tempor metus. nulla. Ut id tortor ut nibh cipit fermentum nulla eget urna, commodo vitae
Vivamus suscipit felis Donec ac lacus metus, lacinia porttitor quis tem- tincidunt. ullamcorper ac, lobor-
non felis imperdiet scele- nec suscipit ipsum. lorem por metus. Donec ac lacus tis ut orci. Pellentesque ultricies felis elit in metus. id tortor ut nibh lacinia
risque. Praesent suscipit, feugiat lorem convallis vel metus, nec suscipit ip- a felis. Phasellus suscipit scelerisque venenatis. Etiam non quam et magna venenatis sagittis metus Nam elementum tincidunt porttitor quis tempor me-
quam in egestas mollis, adipiscing risus ultrices. sum. lorem feugiat lorem risus eget felis venenatis placerat venenatis aliquet id venenatis. Vestibulum varius. Vivamus lobortis tus. Donec ac lacus metus, Lorem ipsum dolor sit amet,
mi est posuere ante, non Aliquam nisl lorem, eges- convallis tempor metus. consectetur. Quisque a nisl et est. Pellentesque nulla sit amet enim nec augue sem non justo egestas nec suscipit ipsum. gency consectetur adipiscing elit.
volutpat enim ante quis tas id fermentum eget, Donec ac lacus metus, sem. Etiam id nisl eu nisi urna, commodo vitae auctor sollicitudin in non faucibus in a libero. Etiam and level Donec quis tem- Donec elementum tempor dic-
elit. Fusce dapibus tempus tincidunt a felis. Mauris nec suscipit ipsum. lorem semper pulvinar. Mauris Nulla consequat ullamcorper ac, lobor- enim. Vestibulum lobortis in nibh risus, vel faucibus por metus. Donec ac lacus tum. Aenean id massa ligula.

ultricies. Praesent mauris aliquam diam ut leo tris- feugiat lorem convallis vel aliquam diam ut leo tris- iaculis rutrurau tis ut orci. Pellentesque auctor nunc eu suscipit. sapien. In enim diam, pre- metus, Donec ac lacus Fusce quis sapien id sapien

tortor, auctor vel porttitor tique auctor. Curabitur et adipiscing risus ultrices. tique auctor. Curabitur et Donec feugiat venenatis sagittis metus Quisque iaculis lorem ut tium id aliquet non, elei- metus, nec suscipit ipsum. sollicitudin ullamcorper.

non, adipiscing accumsan tempus augue. Mauris pu- Aliquam nisl lorem, eges- tempus augue. Mauris pu- varius vestibulum id venenatis. Vestibulum lectus posuere ultrices. fend in felis. Donec eu lec- gency and level Donec

neque. Nulla et risus odio, rus elit, faucibus ut lacinia tas id fermentum eget, rus elit, faucibus ut lacinia doloresninc esta sit amet enim nec augue Nam eleifend, risus vitae tus arcu. Aliquam rutrum quis tempor metunec sus-
fermentum dapibus dapi- at, rutrum id massa. tincidunt vel adipiscing at, rutrum id massa. auctor sollicitudin in non consectetur aliquet, quam rutrum nulla sit amet cipit ac lacus metus, nec
molestie.
bus neque. Proin scele- risus ultrices. Aliquam nisl Nulla consequat iaculis enim. Vestibulum lobortis diam molestie leo, quis posuere. suscipit ipsum. gency and
risque neque. Proin leo velit, ullamcor- lorem, egestas id fermen- Proin leo velit, ullamcor- rutrum. Donec feugiat auctor nunc eu suscipit. tristique turpis magna sed level of ambition that is
per vitae aliquam et, sol- tum eget, tincidunt a felis. per vitae aliquam et, sol- varius vestibulum. Morbi Quisque iaculis lorem ut dolor. Vivamus susci- needed to bring climate
Nulla consequat licitudin id erat. Cras non Mauris aliquam diam ut licitudin id erat. Cras non at ultrices ante. Phasel- lectus posuere ultrices. Nulla consequat iaculis pit felis non felis change under controltium
iaculis rutrum. ultricies odio. Duis elei- leo tristique auctor. Cura- ultricies odio. Duis elei- lus placerat, velit ac tris- Nam eleifend, risus vitae rutrum. Donec feugiat imperdiet scele- id aliquet non, eleifend in
Donec feugiat fend consectetur dui eu bitur et tempus augue. fend consectetur dui eu tique vestibulum, erat consectetur aliquet, quam varius vestibulum. Morbi risque. Praesent felis. Donec eu lectus arcu.
134
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

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. 2.
137
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

2. Full page image on white background with text / coloured header
140
Publications
Grid system
for double page 21 x 21 cm
The layout is the same as for the A4 template
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
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
150
Publications
Grid system
151
Publications
Grid system
for A6 back cover
(horizontal)
152
Publications
Grid system
for double page A6
(horizontal)
153
Publications
Grid system
for B5 cover
154
Publications
Grid system
for B5 back cover
155
Publications
Grid system
for double page B5

(See examples p. 125 to 129)
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
160
Publications
Inside pages
for A4 leaflet
Examples
Mauris alirsuam

1
2 8
Curabitur et
augue Mauris 9purus elit, faucibus

velit pellentesque
ut lacinia at, rutrum id massaroin
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Donec elementum tempor
dictum. Aenean id massa ligula. Fusce
quis sapien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. metus id venenatis. Vestibulum sit tunec suscipit ac lacus metus, nec
Donec elementum tempor dictum. Aenean id massa ligula. amet enim nec augue auctor sol- suscipit ipsum. gency and level of
Fusce3 quis sapien id sapien sollicitudin ullamcorper. Cum licitudin in non enim. Vestibulum ambition that is needed to bring
sociis natoque penatibus et magnis dis par nisl auctor mo lobortis auctor nunc eu suscipit. climate change under controltium
lestie. Ut pellentesque denim eu, sodales sit amet lorem. Quisque iaculis lorem ut lectus id aliquet non, eleifend.
Cras sem lacus.Harumquo eniantis et utem ulparum dendi posuere ultrices. Nam eleifend,
iliqui sae. Beribus quosant qui doloremporum dolori occatur, risus vitae consectetur aliquet,
cone iduntia spedipsae nos estoris consequi ut ad qui ipita- quam diam molestie leo, quis tris-
tur acidita nam estia doluptatem dolorrorem. tique turpis magna sed dolor nulla
consequat iaculis rutrum. Donec
feugiat varius vestibulum. Morbi at
Lorem ipsum dolor sit amet, lorem feugiat lorem convallis vel lum, erat felis rhoncus mauris, id ultrices ante. Phasellus placerat,
consectetur adipiscing elit. Donec adipiscing risus ultrices. Aliquam ultricies felis elit in metus. Nam velit ac tristique vestibulum, erat
elementum tempor dictum. Aenean nisl lorem, egestas id fermentum elementum tincidunt varius. Nam felis rhoncus mauris, ide ultricies
4
id massa ligula. Fusce quis sapien id eget, tincidunt a felis. Phasellus suscipit fermentum nulla eget tin- felis elit in metus. Nam elemen-
sapien sollicitudin ullamcorper. suscipit risus eget felis venenatis cidunt. tum tincidunt varius. Vivamus
5 consectetur.6 Quisque a nisl sem. Etiam non quam et magna place- lobortis sem non justo egestas
Etiam id nisl eu nisi semper pul- rat venenatis aliquet et est. Pellen- faucibus in a libero. Etiam in nibh Donec sagittis
vinar. Mauris aliquam diam ut leo tesque nulla urna, commodo vitae risus, vel faucibus sapien. In enim
tristique auctor. sollicitudin id erat. ullamcorper ac, lobortis ut orci. diam, pretium id aliquet non, elei- diam ac nulla10
Cras non ultricies odio. Duis elei- Pellentesque Nam eleifend, risus fend in felis. Donec eu lectus arcu. fringilla
fend consectetur dui eu tincidunt. vitae consectetur aliquet, quam Aliquam rutrum rutrum nulla sit
Quisque fringilla lobortis ipsum, diam molestie leo, quis tristique amet posuere. Mauris aliquam velit pellen-
eget elementum erat eleifend ut turpis magna sed dolor. Vivamus tesque sem tristique convallis.
venenatis sagittis metus id dapi- a sollicitudin eros. Quisque massa Vivamus suscipit felis Donec sagittis diam ac nulla
bus neque. Proin scelerisque ve- dui, malesuada sit amet tempor sit non felis imperdiet sce- fringilla et ultricies orci vehi-
nenatis. amet, mollis eu nulla. Donec nulla lerisque. cula. Sed nibh mi, pellentesque
sapien, accumsan et laoreet sit et varius nec, luctus id diam.
Nulla consequat iaculis amet, mollis a risus. Duis et iaculis pendisse at nibh nulla. Ut id tortor Fusce sodales dui sit amet
rutrum. Donec feugiat
11
nunc malesuada feugiat. Vesti-
7 diam. ut nibh lacinia porttitor quis tem-
varius vestibulum por metus. Donec ac lacus metus, bulum vel pretium libero. Nam
Etiam non quam et magna place- nec suscipit ipsum. gency and level quis tempus risus. Mauris arcu
Nulla consequat iaculis rutrum. rat venenatis aliquet et est. Pellen- Donec quis tempor metus. Donec velit, tempus quis imperdiet
Donec feugiat varius vestibulum. tesque nulla urna, commodo vitae ac lacus metus, Donec ac lacus eu, mattis sed orcifer mentum
Morbi at ultrices ante. Phasellus ullamcorper ac, lobortis ut orci. metus, nec suscipit ipsum. gency dapibus neque.
placerat, velit ac tristique vestibu- Pellentesque venenatis sagittis and level Donec quis tempor me-
1 EC Square Sans Pro Regular 46 pts 6 EC Square Sans Pro Regular 9 pts 11 EC Square Sans Pro Italic 10 pts
line spacing: 48 pts Leading spacing: 12 pts Leading spacing: 12 pts
Tracking: -20 pts
7 EC Square Sans Pro Medium 12 pts
2 Garamond Semibold Leading spacing: 12 pts
Caption 68 pts
Tracking: -20 pts 8 Garamond Semibold 96 pts
3 EC Square Sans Pro Italic 9.5 pts
Leading spacing: 12 pts 9 Garamond Medium Italic 16 pts
4 EC Square Sans Pro Medium Italic 7 pts
Leading spacing: 12 pts 10 EC Square Sans Pro Italic 16 pts
5 Line is 4 pts thick Tracking: -20 pts
161
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. 2.
164
Publications
Grid system for inside
pages of leaflet A
The layout is the same as for the leaflet A4 template
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.
1. F ull page image with text / white header

2. Image with text + title on white strip positioned
at the top of the page / coloured header
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.
1. Full page image on white background with text / coloured

header
2. Full page image on white background with title and body
text / coloured header
3. Image with body text + title on flat colour tint positioned
at the top of the page
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)
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.
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. 3.
172
Publications
Multilingual product
Examples
For publications, the translations of the European Com-

mission 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.
The environment as a driver of development in Europes

fisheries area
Lenvironnement, moteur de dveloppement

pour les zones de pche europennes
El medio ambiente, motor de desarrollo en las zonas de

pesca europeas
European Commission - Commission europenne - Comisin Europea
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 Et hicto temquamus il ma quatusamus

maiost, corest inum inti nem restrum eos ent dent harum rerore, sa cumquodit, api-
cus ilitem inctaes tenihil itempor epedia endi dolupidest qui odis ditendus mod ea-
voloribusdae essinus inis Orio. Ita doluptur tio. Giandis is etur sima abo. Ut quam ilit
rehenis eat. voloribeat et exerum ea consece pelenim
Berum nihit, quam quae vitatur ati aute por- olectium de aut re, core, utam, estem hill-
ibus, corem nostrum qui ratatat quid quibus. iqui aceaquunt u
Namus velibus. Xerum quaes et, simpore
inveles plitioritae et estiuntum quatur, so-
lupiet 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
Ferent Atum apis a Ceat

5>10 January 2013
Quiderib usciisquisRum doluptatqui

Sumendese voles doluptaturit liquos utem facepratur, quam
ad eturias sitione mporemp orepudi gendebit facea volut
fuga. Ulparum
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
Sedi to oditemporum quatur

10>15 January 2013
Sum enihilique quas cum dolupta escium voles assi autenih iliberae quuntur?
Vid quiaspi deruntemped undaecte ea is veliti tet dem volupta dest voloritae

10>15 January 2013

10>15 January 2013

10>15 January 2013
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 COLUMNS SEE PAGE

Top Bottom Inside 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
A4 folded in two 12.7 mm 13.367 mm 15 mm 15 mm 2 116
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 4 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 4 130
A6 Horiz. 12 mm 12.567 mm 20 mm 20 mm 4 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 2 140
leaflet A3 15 mm 15.3 mm 15 mm 15 mm 4 145
The gutter columns is always 5 mm
182
Publications
Donts
Lorem ipsum
Frageri lorem ipsum
dolor et cum carro
dolor et cum
fragum
Eita dio tenis
esti quis excerunt carro est
ut qui coreprae
occuptatur
Eita dio tenis
esti quis excerunt
ut qui coreprae
occuptatur
The use of several flat colour tints is not all wed. Colour shading is not allowed. The vertical axis is not
The text is not well balanced in the space available. respected. Flat colour tints and typography should always
Avoid aligning all texts the same way on the same axis. be aligned with the flag/ ooter box axes.
Lorem ipsum
dolor et cum carro
Lorem
ipsum dolor
Et dolor is fragum
et cum Eita dio tenis
carro est esti quis
erasi
excerunt
ut qui coreprae
occuptatur
The top banner should always be white when using The safe area of the logo is not respected.
a coloured visual. The contrast between the title Mixing di erent typographies on covers is not allowed.
and the big word is not strong enough. The white banner at the bottom of the page is not necessary.
183
Publications
Donts
You are not allowed to use several image blocks. No images or parts of images are allowed in the header.
Images with white background are not to be used with
the white header.
The colour of the photo is too close to the colour The colour of the header should always be the same colour
of the footer box. The footer box is no longer visible. as the policy (footer box and horizontal bar of the logo)
184
Publications
Donts
lorem ipsum
dolor et cum
carro est
Humanum Frageri
lorem ipsum
Eita dio tenis
dolor et cum
esti quis excerunt
carro est
Policy
Policy
The image block/flat tint colour block should always The footer box with policy name should always be the same
be justified on either axis of the fla 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:
Double stand backdrop

with lecterns
Self-standing roll-up panel
This is not an exhaustive selection of

material, but demonstrates how to use
the visual identity in such settings.
187
Event communication
Banners and flag
Banner
360 X 80 cm
For the flag running down the faade of the Lorem

Berlaymont, the logo is placed at the bottom to ipsum et
help people nearby see it more easily and also to
assist photographers in their work. 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
You can use this template to create your backdrop for The hardware size in the Press Room in the Berlaymont
campaign. The logo is centred on the white top banner. building is 2718 x 1200 pixels. Your layout has to be saved in
You can choose to use a full photograph or illustration or to mix .PNG format.
a picture with a flat tint of colour as in the examples.
2X 3X 4X 5X 6X 7X 8X 9X 10 X 11 X 12 X 13 X 14 X 15 X
189
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 For programmes designed for publications, the
the A4 format template. In the following example, footer box shows the name of the policy, pro-
the title and key information are accentuated in gramme or agency and uses the colour chosen,
a coloured stripe. as does the horizontal bar underlining the logo.
191
3
Specific application
192
Use of the Commission logo
in equal partnership
with other organisations
(co-branding)
For co-branding with the logos of other European

institutions align the various logos with the top
of the flag within the Commission logo. This
ensures an equal and balanced visual weight.
For co-branding with external organisations

logos, make sure all logos have equal and
balanced visual weight and align them with
each other horizontally.
193
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.
Sat urd
May
ay
2a0l o1f E1urope s
e s t i
F pean Inv s t i t u tion
E u r on D a y
Ope
e.euro pa.eu
tivalofeuro p
s
www.fe
Saturd
ay
2011
May al of Euroopnes
Fes tiv In s ti t u ti
n
Eu ro p ea
www.festivalofeurope.europa.eu O p en
D ay
u
uro pa.e
euro pe.e
stivalof
www.fe
Debates Information BRUSSELS
Activities
Childrens workshops EUROPEAN DISTRICT
Music and dance 7 MAY 10 A.M. TO 6 P.M.
Committee of the Regions
194
Insertion of authorised logos
Some logos of EU services remain in use following due

authorisation by the Secretary-General and the Director-
General 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
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
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
Door Stickers
The second example is specifically for the executive agen-

cies 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
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
For more information
Directorate-General for Communication

200 rue de la Loi
B-1040 Brussels
Tel: +32 229-94061
E-mail: COMM-VISUAL-IDENTITY@ec.europa.eu
This graphic charter is an internal document aimed

at presenting to the staff of the European Commission
the basic principles governing the new visual identity
of the institution.
To find this charter and download all the material, go to:

http://www.cc.cec/home/dgserv/comm/visual_identity/
European Union, 2016

Charter en PDF

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Charter en PDF

Diunggah oleh

Hak Cipta:

Format Tersedia

European

1 Introduction 39 2. Various fields of application

Its purpose is to give the European Commission a reco-

The visual identity is constructed around the European

This charter shall be observed whenever European

The European Commissions visual identity is define

The standard visual elements are: the standard logo

1. The logo: 2. The footer box:

3. The typographies: 4. The top banner of the document:

The typographies used in the visual identity are as

Professional print publications:

Web pages, web applications, PPT presentations,

Working documents generated by special IT

Eurolook and Legiswrite documents:

(for more information on the choice of typographies

5. Colour system for back covers:

The header for back covers is always of the same colour

To identify a policy, we have devised a footer box as an integral part of

The policy will be indicated in EC Square Sans Pro

To determine the size of the character, divide

There might be cases when the principles of the

1. Non-standard application of the logo

For certain cases concerning visibility of the name of

The standard logo always appears with its flag top

The horizontal logo can be used when the standard

The mute logo is strictly for multilingual publications and

Please consult the Visual Identity Team in DG COMM

Bruxelles, le 22 fvrier 2012

NOTE A L'ATTENTION DE TOUS

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis

Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

Commission europenne, 1049 Bruxelles, BELGIQUE - Tl. +32 22991111

Commission europenne, 2920 Luxembourg, LUXEMBOURG - Tl. +352 43011

2. Partnerships with other organisations

2a0l o1f E1urope

When the Commission contributes to a project that is

describes the nature of the Commissions contribution. www.festivalofeurope.europa.eu Op en

organisations, therefore the standard visual elements

The European Commission

Black for black & white printing

Pantone EC Corporate Blue

Pantone EC Corporate Blue

The gold version

Pantone EC Corporate Blue

To determine the size of the font to use

EC SQUARE SANS PRO - MEDIUM

! When used alone The logo is unalterable and indisso-

Protection area 1. The only exception to this rule

! The flag of the European Commission logo

! ALTERNATIVE USES OF LOGO

The CMYK horizontal logo is designed for small communication

When space is limited in terms of height (for example, USB keys,

When the technique does not permit the correct printing

This version is an alternative version for 1 pms printing on colour

The European Commission logo exists in a mute version,

The mute logo is a variation which was developed to allow multilingual

NOTE A L'ATTENTION DE TOUS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis

Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

European Commission EUROPEAN COMMISSION

Pantone Process Pantone

Pantone EC Corporate Blue

1. The base colour is the background colour of the application