The document outlines guidelines for the European Commission's new visual identity, including: 1. The key visual elements that make up the identity, such as the logo, footer box, typography, banners and separation lines. 2. Basic design principles for applying the identity across various communication materials and formats, like positioning of elements and use of vertical and horizontal axes for layout. 3. Information on the typefaces, colour palettes for different policies, and formatting rules to promote a consistent and coherent image of the institution.

1. European
Commission
visual identity
guidelines

2. Ta b l e o f c o n T e n T s
1 Introduction 31 Website banners
2 Basic principles 32 Website
3 Use of colour and typography 33 PowerPoint
for the Policies
36 2.2 Stationery
4 1. Visual elements 37 Letterhead
38 Compliments cards
5 1.1 logo 39 Business cards
6 Positive versions 40 Electronic signature
7 Negative versions 41 Document folder
8 Language versions 42 Adhesive notepad
9 Typography / size and leading 43 Promotional items
10 Proportion and protection area
12 Minimum size and typeface 45 2.3 Publications
13 Colours 46 Grid system for covers,
14 Do’s and Don’ts back cover and examples
60 Grid system double pages,
15 1.2 Visuals inside pages and examples
16 Use of images and graphic effects 67 Grid system for posters
and examples
17 1.3 colours 71 Don’ts
18 Colour palette for Corporate
Communication 72 2.4 Event communication
19 Colour palette for Policies 73 Stands
74 Banners and flags
20 1.4 typography 75 Backdrops
21 Main typeface
22 Secondary typeface 76 3. specific applications
23 Alternate typeface
for Office and Web 77 Co-branding and examples
24 System and rules 79 Sign-off and examples
25 2. Various fields of application
26 2.1 Electronic media
27 CD and DVD labels
28 CD and DVD pocket sleeve
29 DVD inlays
30 DVD menus

3. Introduction
T
his graphic charter presents the new visual identity
of the European commission. It establishes the
basic principles to be applied to the entire range
of communication products.
It gives the European commission a recognisable image
and a more coherent voice when communicating. the
new visual identity is both serious and elegant.
the identity is constructed around the new European
commission logo. this is based on 2 key elements:
the European flag and a graphic element inspired by
the headquarters of the European commission. the
structured nature of the visual identity confers an image
of reliability to the institution.
this new visual identity should be used for all
communication products (web, publications, promotional
items, etc.) of the European commission. this will help
promote a serious, consistent image of the institution
to the public. It will also give more coherence and
weight to the commission’s communication. All persons
responsible for producing communication material, both
within and outside the European commission, should
respect the guidelines set out in this graphic charter.
1

4. Introduction
Basic principles
The European Commission’s new graphic identity
is defined by its different constituent visual
elements: logotype ( 1 ), footer box ( 2 ), typography
( 3 ), top white (or blue) banner and ‘separation’
line ( 4 ).
1. The logo:
the logo’s flag is always centred in the format of
the medium on which it is positioned (except in the
web banner). It works in combination with the footer
box of the same width. the image/flat colour tint
area starts from the baseline of the flag/graphic
element ( 4 ).
2. The footer box: 4 1
this is an extension of the logo and is always placed
at the bottom of the page to indicate the policy area 4
or strategy.
It serves two main purposes:
a. to create a virtual vertical axis (here in yellow)
which symmetrically balances the document.
the left and right sides of this axis (here in red
dotted lines) are the axes on which the entire text
composition will be built. the logo and its footer
thus form the backbone of the graphic identity
(with the exception of the web). When the footer
box contains no text, its height is 1/2 that of the
flag in the logotype. On small documents where
the logo is too close to the bottom of the page,
its height is 1/4 that of the flag (see example
p. 42).
b. In the case of documents created for different
European commission’s policies, the footer box,
twice as high (same size as flag), can change colour
depending on the colour palette. A colour palette Lorem ipsum dolor
will be proposed for each policy. It will contain
the name of the relevant policy. therefore, the
footer box also serves to inform.
fragum cum 3
corepiae Eita dio tenis esti quis
excerunt ut qui coreprae
3. The typefaces: occuptatur
The typefaces used in the new visual identity are
as follows:
- main: PF Square Sans Pro 2
- secondary: Garamond Premier Pro
the PF Square Sans Pro font is used in all documents.
to make the page more dynamic, the texts will be 4. The top white banner of the document:
freely positioned in the area, but will be justified Breathing space, a ‘showcase’ for the logo, a constant
(either flush left or flush right, ragged or on one of the and unchangeable visual element the white banner
ascenders or descenders of one or more letters) on (or blue in some cases – see p. 38, 41) is all of these
one or two of the vertical axes. Where possible, and rolled into one. the blue banner will be used for
in an effort to add contrast, there is a requirement certain documents (mainly stationery) that do not
to highlight a word/part of a phrase by significantly have images/flat colour tints immediately under
increasing the size of the letter’s body. this word will the banner.
also be in colour.
(for more information on the choice of typefaces
and their use, see pages 21, 22, 23 and 24).
2

5. Introduction
Use of colour and typography
for the Policies
A colour palette will be developed for each policy area. this will help
give them their own individuality within the common corporate look
and feel.
to identify a policy, we have devised a ‘footer box’ as anintegral
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 commission’s 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.
Eita dio tenis
esti quis excerunt
ut qui coreprae
occuptatur
Constetuar est frageri
The Policy comes E
E
here on maximum E
E
3 lines E
E
E
E
E
the policy will be indicated in PF Square Sans Pro
Italic, with automatic interline spacing, and letter
spacing (kerning) -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 “E”s. Depending on
Agriculture
the colour of the policy (varying degrees of darkness),
we will opt for the typeface in white or black. No other
colour can be used in this area.
3

6. 1
Visual elements
logo
Visuals
colours
typography
4

7. 1.1
Logo
5

8. Logo
Positive versions
CMYK
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).
http://www.cc.cec/home/dgserv/comm/
visual_identity/
Pantone Reflex Blue
Black
6

9. Logo
Negative versions
CMYK
Pantone Reflex Blue
Black
European
Commission
The gold version is an
alternate version
for 1 pms printing
on colour paper./fabric
It is an example, any colours
can be used (see example
page 43 (lanyards)) .
7

10. Logo
Language versions
BG FR Pl
cS GA Pt
DA HU RO
DE It SK
El lt Sl
EN lV FI
ES Mt SV
Et Nl
8

11. Logo
Typography
size and leading
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
3x
1x
the lower case “u” taken from
the word above determines
the space between the
baseline of “kommissionen”
and the top line of the
horizontal bar.
9

12. Logo
Proportion
and protection area
! When used alone the logo is unalterable and
on white or colour indissociable in all its component
background elements. For reasons of integrity
(on stationery and visibility, it should always be
for example). surrounded by a clear space, or
“protection area”, which no other
element (text, image, drawing,
figure...) can infringe upon1.
a a a a a a a
a
a
a
12 floors
a
a
0.5 a
1/12 of
Ec flag
a height
Protection area 1. the only exception to this rule
of logotype: is business cards. Given their
no images or small size and the very limited
typography space available, this “protection
allowed within area” rule cannot be followed.
these limits.
10

13. Logo
Proportion
and protection area
! When used with colours or photos
below the flag’s baseline
(in publications for example).
bleed of page
a
a
a
0,5 a
a
the flag of
the European
commission logo
must always be
centred on the
page as shown
above.
11

14. Logo
Minimum size
and typeface
25 mm
Due to legibility and visibility ! eXcePTIon
constraints and in order to
avoid the “moiré” that could When use is limited in terms of space or
occur in halftone reproduction height available (for example USB keys,
of the graphic element, the ballpoint pens, signatures for the web,
recommendation is to not 25 mm etc.), a simplified horizontal version of
reproduce any of the cMYK the logo is available in cMYK (web only),
and Pantone Reflex Blue logos Reflex Blue and in Black (no greyscale).
in a size smaller than 25 mm.
the Black logo, having no
screen, is more legible. It can 20 mm
therefore be reproduced in
a smaller size. However, the
recommendation is to not go
below 20 mm.
This version is an alternate version
for 1 pms printing on colour paper./fabric.
It is an example, any colours can be used
(see example page 43 (lanyards)).
In 2005, designer Panos Vassiliou For the European commission logo,
created PF Square Sans Pro in his quest the PF Square Sans Pro Medium is
for a true square-like text typeface, the only typeface version allowed.
which could balance simplicity It is used in Black with 75% opacity
with vitality and strength, without for the cMYK logo and 70% Pantone
compromising its characteristics as a Reflex Blue for its 1 pms version
text typeface. 100% for the black & white version.
PF SQUARE SANS PRO - MEDIUM
abcdefghijklmnopqrstuvwxz
AbCDEFGhIjkLMNOPQRSTU
Vwxz0123546789
12

15. Logo
Colours
CMYK
C: 100 C: 0 C: 0 C: 0
M: 80 M: 0 M: 0 M: 0
Y: 0 Y: 100 Y: 0 Y: 0
K: 0 K: 0 K: 30 K: 75
Pantone Reflex Blue
Reflex Blue Reflex Blue Reflex Blue
100 % 30 % 70 %
Black
Black: 100 %
13

16. Logo
Do’s and Don’ts
It is absolutely prohibited to modify
the logo in any way. 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 logotype.
European European European
Commission Commission Commission
Wrong flag – the new European Wrong colour for the graphic The position of the flag cannot
Commission flag is a modified element – in the CMYK version, be changed in any way.
version 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 PF
Square Sans Pro Medium.
EUROPEAN
COMMISSION
Using upper case instead
of lower case is not allowed.
14

17. 1.2
Visuals
15

18. Visuals
Use of images
and graphic effects
the visuals used on cover pages should illustration that is graphically strong. Black
be subject-related. You should limit your & white photos are allowed only where
selection to a single photograph. When the necessary.
subject of a publication is too abstract or
When you choose a photo, too vast to refer to one single photograph, Except for flat colour tints and drop
make sure it has no element you can opt for non-figurative or conceptual shadows on the text (use sparingly – never
that will distort the legibility of images or illustrations. Photo combinations use outlines), no other graphic effect is
the logo. If necessary, crop it (different photos merged into one visual) allowed in this visual identity. A limited
differently. do not follow the visual identity guidelines. use of visual elements is allowed to create
Use one visual only. If you want to show a visual environment appropriate to the
different subjects in one visual, choose an target audience of a given communication
illustration with a coherent design. initiative. “less is more” is the motto. It is
important that covers, posters, and others
When choosing a picture for a cover, keep in are not cluttered with any superfluous
mind that the cover has to be eye-catching. elements.
It is therefore vital to choose a picture/
16

19. 1.3
Colours
17

20. Colours
Colour palette
for Corporate Communication
the choice of support colours is made based
on the 4 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 commission’s 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
68 43 7 0 90 50 0 0 70 35 0 0
R V b R V b R V b
76 112 167 0 111 180 47 154 251
c M Y K c M Y K c M Y K
0 15 90 0 0 30 90 0 8 20 95 0
R V b R V b R V b
255 214 36 255 187 9 240 199 0
c M Y K c M Y K c M Y K
33 33 33 0 50 50 40 10 70 35 50 5
R V b R V b R V b
184 170 162 136 120 124 92 139 127
c M Y K c M Y K c M Y K
0 20 0 75 20 0 0 75 0 0 30 75
R V b R V b R V b
99 87 94 82 94 101 101 99 81
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 commission’s corporate publications
should in effect stand out visually from the
communication on different policies which
have their own colour code.
18

21. Colours
Colour palette
for Policies
colour is a key element of differentiation for the policy areas. For the support colours, meaning any flat colour tints and
A given policy area can select its own individual colour palette. colours of large text, it will be up to the graphic designer to
the colours proposed for the different policies are bright or choose, however he/she must avoid using pastel colours or
darker colours. any colour with the same value as that of the policy, in a bid
to ensure that the footer box and horizontal bar are always
the choice of colours will be made on the basis of the themes visible.
addressed by each individual or crosscutting policy. Pastel
colours must be excluded, along with blues that are too close
to the Reflex Blue of the corporate logo.
c M Y K c M Y K c M Y K c M Y K c M Y K
0 94 81 0 41 67 72 35 29 98 70 26 53 100 30 21 77 16 21 0
R V b R V b R V b R V b R V b
235 33 46 123 74 56 148 25 51 121 0 84 0 159 186
c M Y K c M Y K c M Y K c M Y K c M Y K
0 90 0 0 71 13 0 0 52 0 83 0 0 40 85 0 60 80 0 0
R V b R V b R V b R V b R V b
229 46 135 0 175 236 142 197 74 246 170 52 127 74 148
c M Y K c M Y K c M Y K c M Y K c M Y K
0 60 85 0 72 34 78 15 73 0 84 0 55 70 40 15 85 40 30 0
R V b R V b R V b R V b R V b
243 130 48 78 120 73 63 179 79 122 83 103 0 125 152
c M Y K c M Y K c M Y K c M Y K c M Y K
53 50 20 0 75 20 100 0 72 36 45 5 20 80 80 7 65 100 5 0
R V b R V b R V b R V b R V b
139 130 161 77 146 44 80 131 130 191 75 54 119 29 123
c M Y K c M Y K c M Y K c M Y K c M Y K
30 70 100 30 65 5 45 0 0 80 98 0 65 42 40 5 80 40 10 0
R V b R V b R V b R V b R V b
144 76 24 93 179 155 231 81 24 103 128 134 38 129 180
19

22. 1.4
Typography
20

23. Typography
Main typeface
three main weights are used for publication PF Square Sans Pro
covers. However, nine other weights are
available for inside pages as needed.
PF SQUARE SANS PRO - Regular
for emphasized words in headlines, text body and titles PF SQUARE SANS PRO - light italic
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz
ABcDEFGHIjKlMNOPQRSt abcdefghijklmnopqrst
UVWxz0123546789 uvwxz0123546789
PF SQUARE SANS PRO - Italic
for subtitles and captions PF SQUARE SANS PRO - Medium italic
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz
ABCDEfGhijkLMNOPqrST abcdefghijklmnopqrst
UVWxz0123546789 uvwxz0123546789
PF SQUARE SANS PRO - Medium
for headlines and titles PF SQUARE SANS PRO - Bold
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz
AbCDEFGhIjkLMNOPQRST abcdefghIjKlMnoPqRsT
UVwxz0123546789 uVWXz0123546789
PF SQUARE SANS PRO - thin PF SQUARE SANS PRO - Bold italic
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz
aBCDeFghijkLMNoPqrST abcdefghijklmnopqrst
Uvwxz0123546789 uvwxz0123546789
PF SQUARE SANS PRO - thin italic PF SQUARE SANS PRO - Extra black
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz
abcdefghijklmnopqrst abcdefghijklmnopqrst
uvwxz0123546789 uvwxz0123546789
PF SQUARE SANS PRO - light PF SQUARE SANS PRO - Extra black italic
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz
aBCdEFghIjKlMNoPqRST abcdefghijklmnopqrst
UvWxz0123546789 uvwxz0123546789
21

24. Typography
Secondary typeface
garamond Premier Pro
the classic Garamond Premier Pro used in association with
the very modern PF Square Sans Pro will bring a strong
contrast and rhythm to the layouts and provide greater
legibility. this typography will only be used on the inside
pages of publications.
Garamond Premier Pro Medium Garamond Premier Pro Semi Bold Italic
for captions for quotes
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz
abcdefghijklmnopq abcdefghijklmnopq
rstuvwxz0123546789 rstuvwxz0123546789
Garamond Premier Pro Italic Garamond Premier Pro Bold
for quotes for emphasized words in quotes and subtitles
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz
abcdefghijklmnopq abcdefghijklmnopq
rstuvwxz0123546789 rstuvwxz0123546789
Garamond Premier Pro Semi Bold Garamond Premier Pro Bold Italic
for captions for quotes
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz
aBcdefGhIjklMnoPq abcdefghijklmnopq
rStuvwxz0123546789 rstuvwxz0123546789
22

25. Typography
alternate typeface
for office and web
verdana
For any document created in web and web mobile, Office
programmes (Word, PowerPoint, Excel) as well as for electronic
signatures, the PF Square Sans Pro typeface is 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
abcdefghijklmnopqr abcdefghijklmnopqr
stuvwxzabcdefghi stuvwxzabcdefghi
jklmnopqRstuVw jklmnopqrstuvw
xz0123546789 xz0123546789
23

26. Typography
System and rules
(81 pts)word
A key element of the European
commission’s 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 Set in PF Square
distinctiveness. It can be achieved very Sans Pro Regular
easily using the following method:
*1.6 is the Golden ratio. this is the
divided by 1.6*=
reference figure used to divide or
(50 pts)word
multiply the size of the text to achieve
the proper contrast between the “large
word”, the headline and the subtitle
if there is one.
Make sure you do not divide the size
of the text by 3.2 (2 x 1.6) as you will
not get the same result when dividing
the first time by 1.6 and then dividing
divided by 1.6 =
it again by 1.6.
(31.5 pts) headline
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.
Set in PF Square
Sans Pro Medium
divided by 1.6 =
(20 pts) Headline
Lorem ipsum dolor
fragum cum
corepiae
Eita dio tenis esti quis
excerunt ut qui coreprae
occuptatur divided by 1.6 =
!
After dividing twice using the Golden (12 pts) Subtitle
ratio (1.6), make sure you round up
or down to the nearest unit or half Set in PF Square
unit, i.e. if your result is 11.7 points, Sans Pro Italic
round it down to 11.5 points,
if it is 5.4 points make it 5.5 points,
10.3 points becomes 10.5 points, etc.
this method also applies to
millimetres and centimetres.
24

27. 2
Various fields of application
Electronic media
Stationery
Publications
Event communication
25

28. 2.1
Electronic media
26

29. Electronic media
CD and DvD labels
3
a
26.5
a
16.5 120
Lorem ipsum
para liter
est cum carro
fragum
half of flag
Lorem ipsum Lorem ipsum
para liter para liter
est cum carro est cum carro
doloris fragum
27

30. Electronic media
CD and DvD pocket sleeve
122 mm 2x 3x 4x 5x 6x 7x 8x
a
a
MN-30-11-250-EN-c
neque porro quisquam quia dolor sit amet,
est qui dolorem: consectetur, velit:
lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur
adipiscing elit. vivamus ut sem sit amet adipiscing elit. vivamus ut sem sit amet
lacus blandit tincidunt nec quis quam. lacus blandit tincidunt nec quis quam.
vivamus convallis bibendum nulla, vivamus convallis bibendum nulla, sit
sit amet scelerisque quam adipiscing amet scelerisque quam adipiscing
eu. quisque consequat diam id turpis eu. quisque consequat diam id turpis
Lorem ipsum dolor
vestibulum varius. Fusce condimentum vestibulum varius. Fusce condimentum Curabitur in dolor
a velit interdum
corepiae
orci commodo nisl semper non orci commodo nisl semper non scelerisque sed et
dignissim nisl gravida. vestibulum orci dignissim nisl gravida. vestibulum orci
fragum cum
justoulla facilisi
lorem, ultricies id cursus a, sagittis quis lorem, ultricies id cursus a, sagittis quis curabitur in dolor a
lectus. Pellentesque habitant morbi lectust montes, nascetur ridiculus mus. velit interdum
tristique senectus et netus scelerisque sed.
Praesent elementum eu, viverra suscipit sapien. Phasellus
cursus lacinia eros sed vestibulum. Donec
neque, pulvinar euismod rhoncus vel,
gravida at turpis. Sed ullamcorper vehicula
Eita dio tenis esti quis
nunc non odio feugiat. placerat eleifend velit. Nulla mattis mauris turpis, id suscipit est ornare non.
Phasellus lorem nibh, tincidunt ut adipiscing sed quam convallis auctor. Integer mauris excerunt ut qui
coreprae occuptatur
© european commission, 2011
disclaimer: for more information:
Phasellus lorem nibh, tincidunt ut adipiscing eu, viverra suscipit sapien. Phasellus cursus lacinia
European commission
eros sed vestibulum. Donec placerat eleifend velit. Nulla mattis mauris sed quam convallis
auctor. Integer mauris neque, pulvinar euismod rhoncus vel, gravida at turpis. Sed ullamcorper Information &
vehicula turpis, id suscipit est ornare non. communication Unit
B-1049 Brussels
28

31. Electronic media
DvD inlays
9 111 9 14 129
26
7.5
123.5
19.5
5.5
MN-30-11-250-EN-c
PF Square Pro
Regular 5 pts
Lorem ipsum dolor fragum cum corepiae
PF Square Pro
neque porro quisquam quia dolor sit amet,
Bold 10 pts
est qui dolorem : consectetur, adipisci velit:
leading 12 pts
lorem ipsum dolor sit amet, lorem ipsum dolor sit amet, consectetur adipiscing elit. vivamus ut sem sit
consectetur adipiscing elit. vivamus amet lacus blandit tincidunt nec quis quam. vivamus convallis bibendum
ut sem sit amet lacus blandit tincidunt nulla, sit amet scelerisque quam adipiscing eu. quisque consequat diam
nec quis quam. vivamus convallis id turpis vestibulum varius. Fusce condimentum orci commodo nisl semper
bibendum nulla, sit amet scelerisque non dignissim nisl gravida. vestibulum orci lorem, ultricies id cursus a,
quam adipiscing eu. quisque sagittis quis lectus. Pellentesque habitant morbi tristique senectus et netus
consequat diam id turpis vestibulum et malesuada fames ac turpis egestas. Ut tincidunt, mi in facilisis aliquam,
PF Square Pro varius. Fusce condimentum orci mauris sem pharetra lectus, sit amet porttitor lectus lectus nec velit. Cum
commodo nisl semper non dignissim sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
Regular 8 pts nisl gravida. vestibulum orci lorem, mus. Curabitur in dolor a velit interdum scelerisque sed et justo. Nulla facilisi.
leading 9.6 pts ultricies id cursus a, sagittis quis Sed condimentum, leo et aliquet volutpat, nisl erat molestie nulla,
lectus. Pellentesque habitant morbi
Curabitur in dolor
tristique senectus et netus et
a velit interdum
malesuada fames ac turpis egestas. scelerisque sed et
Ut tincidunt, mi in facilisis aliquam, justoulla facilisi
mauris sem pharetra lectus, sit amet curabitur in dolor a
porttitor lectus lectus nec velit. Cum velit interdum
scelerisque sed.
sociis natoque penatibus et magnis
dis parturient montes, et aliquet
volutpat, nisl erat molestie nulla, in
fringilla lectus justo a augue. quisque
ornare posuere risus. et risus at Pf Square pro
magna viverra rhoncus. metus lectus,
vel venenatis metus. Sed in ipsum sit italic 6 pts
amet erat fermentum feugiat.
Praesent elementum nunc non odio feugiat. PF Square
Phasellus lorem nibh, tincidunt ut adipiscing eu, viverra suscipit sapien. Phasellus cursus lacinia eros sed
Pro Medium Lorem ipsum dolor
corepiae
vestibulum. Donec placerat eleifend velit. Nulla mattis mauris sed quam convallis auctor. Integer mauris neque,
15 pts
PF Square Pro
pulvinar euismod rhoncus vel, gravida at turpis. Sed ullamcorper vehicula turpis, id suscipit est ornare non. class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. fragum cum
Bold 5.5 pts
© european commission, 2011
PF Square Pro disclaimer: for more information: Eita dio tenis esti quis
Bold 5 pts Phasellus lorem nibh, tincidunt ut adipiscing eu, viverra suscipit sapien. Phasellus cursus lacinia eros
sed vestibulum. Donec placerat eleifend velit. Nulla mattis mauris sed quam convallis auctor. Integer
European commission
Information & communication Unit excerunt ut qui coreprae
mauris neque, pulvinar euismod rhoncus vel, gravida at turpis. Sed ullamcorper vehicula turpis, id B-1049 Brussels
PF Square Pro suscipit est ornare non. occuptatur
Regular 5 pts
lENGtH: 9’41’’
29

32. Electronic media
DvD menus
these menu screen ratios are 16/9. the standard video size is 720
by 576 pixels in anamorphic format. For a layout presentation
on screen, the format 1020 by 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
Yellow: title safe area on certain television models (invisible area in red).
Deutch
▶English
Español
Français
Italiano
Nederlands
Polsky
title safe area
Action safe area
Invisible area
◀back
Lorem ipsum para
liter est cum carro
doloris short version
long version
30

33. Electronic media
website banners
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.
Web banner customised for commissioners
Banners for the pages of commissioners are the only ones which
are allowed to be customised with their portraits.
No other visual element is permitted in the banner.
31

34. Electronic media
website
1
2
187 px
3
4 82 px
18 px 6 5
41 px 7 17
12 8
18
13
14
9
10
11
15
16
1 Verdana / 11 pts / #396ea2 9 text body: Verdana / 12 pts / Stroke: 1px / #e3e3e3
2 PF Square Sans Pro / 28 pts / #1c7b90 #151515 Verdana / 11 pts / #052a4d
3 PF Square Sans Pro / 21 pts / #fff 10 Verdana / 18 pts / #1c3f95 16 Social icons: 19 px / 19 px
4 colour background: #0065a2 11 link: Verdana / 12 pts / #0000ff 17 Stroke: 1 px / #e3e3e3
5 colour background: #0f57a2 12 Verdana cAPS / 18 pts / #151515 Padding: 5 px
6 Verdana / 11 pts / #fff 13 Verdana cAPS / 11 pts / #888686 18 Verdana / 12 pts / #1c3f95
7 Verdana cAPS / 11 pts / #1c3F95 14 Verdana cAPS / 13 pts / #1c3f95
8 Verdana 36 pts / #1c3f95 15 colour background: #dddddd the format for mobile applications is being
evaluated. the relevant guidelines will be
published in the IPG as soon as they are available.
32

35. Electronic media
PowerPoint
Title slide title#1: Verdana Bold 30
title#2: Verdana Bold 76
Importing the photo: subtitle: Verdana italic 24, in white or black.
Delete the photo in the template to replace chapter headline: Verdana Bold 20
it with a new image. All graphic elements speaker’s name: Verdana 14
must be in RGB. If the image to be inserted date: Verdana Bold 12
includes irrelevant material, it is advisable
to crop the most important part of the image To change the colour of a bullet on the
before importing it. title slide and in the titles of other slides:
• Select the bullet and choose the colour
Importing the image: (Format/Font/colour).
(on the menu bar click: Insert/Picture/From file…): • Other bullets: enter the text zone.
• Following the import, change the image width Place the cursor on the line of the bullet
to 12.71 cm*; its position* will be 0.0 cm you wish to change.
horizontally, and 0.0 cm vertically.
• Then place the image in the background. Note: the text should not be selected.
In the Format menu, choose Bullets and
Inserting the logo: Numbering. A dialogue box will open.
• Choose the logotype according choose the colour from the drop-down menu
to the language of your presentation. near the bottom of this box.
• Insert png format
*tip: when using Microsoft Office software, simply double
(on the menu bar click: Insert/Picture/From file…).
click on an image to visualise its position and size.
• Adjust its position* on the slide (centered
on the page); its size must not be changed.
insert
the title (30 pts) in
here (76 pts)
place your 24 pts
subtitle here
chapter headline in
20 pts
section headline in
14 pts
date: in 12 pts
33

36. Electronic media
PowerPoint
1. Text only slide
these slides have several preformatted title
and text styles.
verdana bold (30 pts)
verdana italic (24 pts)
• verdana bold (20 pts)
- Verdana regular (14 pts)
2. Text + picture slide Select and throw away
the title is written in Verdana 30. the current photo
Import an image in the background. See section • Insert your new photo
• Double-click on it, choose:
‘title slide – importing the image’. size/height/9.2/OK
• Put the photo in the right place
Recommended size of the image: 17.8 cm high and
13 cm wide. Horizontal position 15 cm, and vertical
- Right-click on it and select
position 3.2 cm order/in Background
You may align the block image on either axis of the flag. - then adjust the position
34

37. Electronic media
PowerPoint
verdana bold (30 pts)
verdana italic (24 pts)
4. Text slide + charts
Import the chart in the background. See section • verdana bold (20 pts)
‘title slide – importing the image’ and align it with - Verdana regular (14 pts)
the corresponding text.
3. Picture slide
Regardless of the position of the image, place it
in the background. See section ‘title slide – importing
the image’. the title is in Verdana bold 30.
verdana bold (30 pts)
tip: when using Microsoft Office software, simply double click
on an image to visualise its position and size.
35

38. 2.2
Stationery
36

39. Stationery
Letterhead
a4
20 mm
10 mm
10 mm
Viviane RedIng
Vice-President of the European commission
justice, Fundamental Rights and citizenship
fold
Rue de la loi 200,
1049 Bruxelles/Brussel
14 mm +32 2 299 11 11
7 mm
10
mm
PF Square Sans Pro regular 8 pts
leading: 10 pts
37

40. Stationery
Compliments card
210 x 105 mm
10
mm 15 mm
7 mm
31 mm
With the compliments of josé Manuel Barroso
PF Square Sans Pro light 12 pts
5 mm
PF Square Sans Pro regular 8 pts
leading: 9 pts
Alternative proposal
10
mm 15 mm
7 mm
31 mm
With the compliments of josé Manuel Barroso
5 mm
38

41. Stationery
Business card
85 x 55 mm
Recto Verso
12 mm
jane sMITh Pf square Pro bold 10 pts
Information and
20 x communication
PF Square Pro Regular 6.5 pts
leading: 8 pts
Officer
European Commission
lx40 06/62
B-1049 Brussels-Belgium PF Square Pro light 6.5 pts
leading: 8 pts
Rue du luxembourg 40,
1000 Bruxelles/Brussel
+32 2 2991111
jane.smith@ec.europa.eu
4.25 mm
Alternative proposal
Recto
12 mm
Pf square Pro bold 10 pts
13 x josé Manuel baRRoso PF Square Pro regular 6.5 pts
leading: 9 pts
President
European Commission
lx40 06/62 B-1049 Brussels-Belgium
Rue de la loi 200, 1049 Bruxelles/Brussel
+32 2 2991111 josemanuel.barroso@ec.europa.eu
4.25 mm Verso
PF Square pro light 6.5 pts
leading: 8 pts
39

42. Stationery
electronic signature
dear mr smith,
Please find enclosed the project for the new EC electronic signature we discussed at our initial briefing
last tuesday.
kind regards,
jane smith verdana bold 12 pts
information and Verdana regular 12 pts
communication leading: auto
Officer
a
100 pixels
a
a
european commission verdana bold 12 pts
lx40 06/62 Verdana regular 12 pts
b-1049 brussels-belgium leading: auto
Rue de la loi 200,
1049 bruxelles/brussel
+32 2 2951718
jane.smith@ec.europa.eu
dear mr smith,
Please find enclosed the project for the new EC electronic signature we discussed at our initial briefin
last tuesday.
kind regards,
jane smith
information and
communication
Officer
european commission
lx40 06/62
b-1049 brussels-belgium
Rue de la loi 200,
1049 bruxelles/brussel
+32 2 2951718
jane.smith@ec.europa.eu
40

43. Stationery
Document folder
465 x 315 mm
Outside of folder 1 2 3 4 5 6 7
Rue de la loi / Wetstraat, 200
1040 Bruxelles/Brussels
+32 2 299 11 11
315 mm
230 mm 5 mm 230 mm
1
2
3
4
5
6
7
Inside of folder with glued pocket
41

44. Stationery
adhesive notepad
100 x 100 mm
cover
1 2 3 4
a
1
2
3
a
4
5
www.ec.europa.eu
6 !
1/4 of flag
height
www.ec.europa.eu
42

45. Stationery
Promotional items
bags Mugs
USb keys
European
Commission
Verso
European
Commission
ballpoint
Lanyards
Culture, education
and youth
43

46. Stationery
Promotional items
T-shirts
Umbrellas
44

47. 2.3
Publications
45

48. Publications
grid system
for a4 cover
2x 3x 4x 5x 6x 7x 8x 9x
On each document published a a
by the European commission,
the flag of the logotype will
be centred based on the width
of the document on which it
is reproduced. this gives the
logotype the vital breathing a
space it needs (see logotype
chart). the correct proportion
of the logo is equal to 1/9 the
width of the document.
the number of baselines for
text composition is 55, spread
between the baseline of the flag
and the top line of the footer box.
No text will be written in the
white banner reserved for the
logo at the top of the page or
beyond the limits established
by the yellow block ( a ) for the
left and right, and by the upper
limit of the footer box for the
bottom.
No text is allowed within the
areas marked here by the red
lines.
this layout grid is flexible; text
justification can be flush left, flush
right, ragged left or right, and also
justified on the downstroke of
the letters (e.g. p. 48, 50, 51, 52).
Images and flat colour tints can
be aligned using the typographic
baselines (horizontal, e.g. p. 48),
the vertical axes (e.g. p. 52) or
the edge of the page (e.g. p. 50
and 51).
46

49. Publications
grid system
for a4 cover
the pale blue area here indicates
the maximum space to be used
for photos, illustrations and/or
flat colour tints.
the image (or flat colour tint)
must always be aligned on the
baseline of the flag. the end of
the image/flat colour tint must
be justified on the typography
baselines (in pale blue).
the two vertical axes aligned
with the left and right of the flag
(in red) are vital for assembling
the page layout. In effect, the
positioning of the text and
sometimes of the image/colour
blocks will be determined using
these two central axes as guides.
47

50. Publications
grid system
for a4 cover
Lorem ipsum dolor
fragum cum
corepiae
Eita dio tenis esti quis
excerunt ut qui coreprae
occuptatur
the texts are justified in relation
to the two vertical axes. this
can be achieved in two ways: Lorem ipsum dolor
corepiae
the justification is done either
in relation to the first or last fragum cum
letter of the word, or in relation
to the descender of a letter in
the word. Eita dio tenis esti quis
the aim is to create a visual link excerunt ut qui coreprae
with the logo (and with the footer occuptatur
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.
48

51. Publications
examples
the following examples illustrate
the flexibility of the grid and the
many possible variations this
system offers.
Lorem ipsum
dolor et cum carro
fragum
Eita dio tenis
esti quis
excerunt
ut qui coreprae
occuptatur
49

52. 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.
Lorem ipsum
dolor et cum carro
Et dolor is fragum
Eita dio tenis
esti quis
excerunt
ut qui coreprae
occuptatur
50

53. Publications
examples
Lorem
ipsum dolor
to improve the legibility of your et cum
text on certain images, you
carro est
frageri
can use light and appropriately
adapted drop shadows.
!
this technique should be used
in moderation!
Agriculture
51

54. Publications
examples
If you opt to divide your page
vertically with a photo and/
or colour, the small-sized text
Frageri lorem ipsum
should be moved slightly to the
left or to the right, the distance Eita dio tenis
dolor et cum
being equivalent to the weight
of the ascender/descender of the
esti quis excerunt carro est
ut qui coreprae
main word. See the justification
occuptatur
of the “g” on the left vertical line.
52

55. Publications
grid system for cover
and back cover a4
MN-30-11-250-EN-c
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.
53

56. Publications
grid system for
10 x 21 cm leaflet cover
2x 3x 4x 5x
On each document published
by the European commission, a a
the flag of the logotype will
be centred based on the width
of the document on which it
is reproduced. this gives the
logotype the vital breathing
space it needs (see logotype
chart). the correct proportion
of the logo is equal to 1/5 the a
width of the document.
the number of baselines for
text composition is 55, spread
between the baseline of the
flag and the top line of the
footer box.
No text will be written in the
white banner reserved for
the logo or beyond the limits
established by the yellow block
( a ) for the left and right, and
by the upper limit of the footer
box for the bottom. the same
applies to the red lines here.
the footer box is half the height
of the flag.
54

57. Publications
10 x 21 cm leaflet cover
examples
Lorem
ipsum
et dolor
fragum
epiaro maribus Lorem ipsum
estate fragum cum
corepiae
Eita dio tenis
Eita dio tenis esti quis
esti quis excerunt
excerunt ut qui coreprae
ut qui coreprae
occuptatur
occuptatur
55

58. Publications
10 x 21 cm leaflet back cover
example
MN-30-11-250-EN-c
56

59. Publications
grid system
for a4 cover (horizontal)
On each document published by the the number of baselines for text
European commission, the flag of composition is 55, spread between
the logotype will be centred, based the baseline of the flag and the top
on the width of the document on line of the footer box.
which it is reproduced. this gives
No text will be written in the white
the logotype the vital breathing
banner reserved for the logo or
space it needs (see logotype chart).
beyond the limits established by
the correct proportion of the logo the yellow block ( a ) for the left
is equal to 1/5 the width of the and right, and by the upper limit
document. of the footer box for the bottom.
the same applies to the red lines
here.
2x 3x 4x 5x 6x 7x 8x 9x 10 x 11 x 12 x 13 x 14 x 15 x
a a
a
57

60. Publications
grid system
for a4 back cover
(horizontal)
MN-30-11-250-EN-c
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.
58

61. Publications
a4 (horizontal) cover
examples
Lorem ipsum
et dolor fragum
solaris maribus estate
Eita dio tenis
esti quis excerunt
ut qui coreprae
occuptatur
Lorem ipsum dolibris
et dolor fragum
59

62. Publications
Double page a4
grid system
16 16
13
13
5 gutter columns: 5 mm
interline spacing: 12 pt
60

63. 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
10
Donec sagittis diam ac nulla fringilla 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 TER 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
11
ilitam eum doloria excest, tem ium 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
7
Donec elementum tempor
rovide liae etur aribus explam discilit ressitius et dolorioribus alitiam, et dus seque volorem dusa dictum. Aenean id massa
ligula. Fusce quis sapien id
sapien sollicitudin ullam-
corper.
6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elemen-
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 lobor- tis 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
7 Donec elementum tempor tetur semper. Aenean rutrum volutpat lectus, vitae Nulla consequat iaculis rutrum. Donec feugiat varius rat, velit ac tristique vestibulum, erat felis rhoncus convallis. Donec sagittis
dictum. Aenean id massa mattis lorem congue quis. Morbi id eros ipsum, vitae Proin scelerisque consectetur semper. Aenean ru- vestibulum. Morbi at ultrices ante. Phasellus place- mauris, id ultricies felis elit in metus. Nam elemen- 13
diam ac nulla fringilla et
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 lacus
id 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 PF Square sans pro regular 6 pts 6 PF Square sans pro medium italic 9.5 pts 11 PF Square sans pro medium italic 10 pts
kerning: 660 pts interline spacing: 12 pts interline spacing: 12 pts
2 PF Square sans pro 9 pts 7 PF Square sans pro Medium italic 8 pts 12 PF Square sans pro italic 16 pts
interline spacing: 12 pts interline spacing: 18 pts
3 PF Square sans pro Medium 12 pts kerning: -40 pts kerning: -20 pts
kerning: 100 pts
8 PF Square sans pro Regular 9 pts 13 PF Square sans pro italic 10 pts
4 PF Square sans pro Regular 46 pts interline spacing: 12 pts interline spacing: 12 pts
interline spacing: 48 pts kerning: -40 pts
kerning: -20 pts 9 PF Square sans pro Medium 12 pts
interline spacing: 12 pts 14 line is 4 pts thick
5 Garamond Premier pro Semibold caption 68 pts
kerning: -20 pts 10 PF Square sans pro italic 16 pts
interline spacing: 18 pts
61

64. Publications
Double page
examples
62

65. Publications
Double page horizontal
13 15
13
13
7 gutter columns: 5 mm
interline spacing: 12 pt
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
12
augue Mauris purus elit, faucibus
”
ut lacinia at, rutrum id massaroin
leo velit, quam etid.
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,
6
eniantis et utem ulparum dendi iliqui sae. Beribus quosant qui doloremporum dolori occatur, cone iduntia
3
sapien sollicitudin ullam- quam diam molestie leo, quis tristique turpis magna sed
CHAPTER 1 corper. Cum sociis natoque spedipsae nos estoris consequi ut ad qui ipitatur acidita nam estia doluptatem dolorrorem velitem et quae dolor.
penatibus et magnis dis de la asperum exeri andusae peleseq uatiorio volupta tquiat quodipsa de molo is et endipsam id exerfer 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
peditias nessento ipsapelescid modistota nulliquos et odipid quaerovitem sanihicias cusapienis quaepel ac tristique vestibulum, erat felis rhoncus mauris, id ultri-
5
ridiculus mus. Phasellus
4
non dolor quis nisl auctor iquiae officia id quid ma quodit quis experia quat. cies felis elit in metus. Nam elementum tincidunt varius.
molestie. 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-
14
vehicula. Sed nibh mi,
elementum erat eleifend ut venenatis sagittis metus id nunc eu suscipit. Quisque iaculis lorem ut lectus posuere pit ipsum. gency and level of ambition that is needed to
pellentesque et varius
dapibus neque. Proin scelerisque venenatis. ultrices. Nam eleifend, risus vitae consectetur aliquet, bring climate change under control.” Ugia asped eictasit
nec, luctus id diam.
quam diam molestie leo, quis tristique turpis magna sed acessent, cus, sunt eos ea con ped maximos elecus que
10
Fusce sodales dui sit
Nulla consequat iaculis rutrum. Donec dolor. Vivamus a sollicitudin eros. Quisque massa dui, offictotas eost, ent inusae. Et harum quae prerers pienis
amet nunc malesuada
feugiat varius vestibulum malesuada sit amet tempor sit amet, mollis eu nulla. int.
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 PF Square sans pro regular 6 pts 6 PF Square sans pro medium italic 8 pts 11 Garamond Premier pro semibold 96 pts
kerning: 660 pts interline spacing: 12 pts interline spacing: 100 pts
kerning: -40 pts
2 PF Square sans pro 9 pts 12 Garamond Premier pro Medium italic 16 pts
7 line is 4 pts thick interline spacing: 18 pts
3 PF Square sans pro Medium 12 pts
kerning: 100 pts 8 PF Square sans pro italic 9.5 pts PF Square sans pro italic 16 pts
interline spacing: 12 pts 13 interline spacing: 18 pts
4 PF Square sans pro Regular 46 pts kerning: -20 pts
interline spacing: 48 pts 9 PF Square sans pro regular 9 pts
kerning: -20 pts interline spacing: 12 pts 14 PF Square sans pro italic 10 pts
interline spacing: 12 pts
5 Garamond Premier pro Semibold caption 68 pts 10 PF Square sans pro medium 12 pts kerning: -40 pts
kerning: -20 pts interline spacing: 12 pts
63

66. Publications
Double page horizontal
M A G # 4 U L L A M C O R P E R V I T A E A L I Q U A M E T 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
6 7
Mauris alirsuam
Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id
1
massaroin leo velit, 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 po- suere.
“
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-
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
auctor. Curabitur et tempus augue. Mauris purus elit, fau- Donec nulla sapien, accumsan et laoreet sit amet, mollis diet scelerisque. Praesent suscipit, quam
Donec elementum tempor dic-
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,
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
molestie.
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
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 ves- tibulum. 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 ultri- cies 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 Premier pro Medium 16 pts
interline spacing: 18 pts
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
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 sit t
mi est posuere ante, non volutpat enim ante quis elit. Fusce dapibus tempus ultricies. amet enim nec augue auctor r
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.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
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
Donec elementum tempor dic-
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.
tum. Aenean id massa ligula.
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-
Fusce quis sapien id sapien
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.
sollicitudin ullamcorper. Cum
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
sociis natoque penatibus et
magnis dis parturient montes,
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.
nascetur ridiculus mus. Phasel-
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.
lus non dolor quis nisl auctor
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
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
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
Lorem ipsum dolor sit amet,
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-
consectetur adipiscing elit.
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,
Donec elementum tempor dic-
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.
tum. Aenean id massa ligula.
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-
Fusce quis sapien id sapien
sollicitudin ullamcorper. Cum
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.
sociis natoque penatibus et
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
magnis dis parturient montes,
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.
nascetur ridiculus mus. Phasel-
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
lus non dolor quis nisl auctor
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.
64

67. Publications
inside pages
for 10 x 21 cm leaflet
7.5 7.5 7.5 7.5 7.5
13
7.5
2 gutter columns: 5 mm
interline spacing: 12 pts
65

68. Publications
inside pages
for 10 x 21 cm leaflet
Mauris alirsuam
“
1
2 8
Curabitur et
augue Mauris 9 purus elit, faucibus
”
velit pellentesque
ut lacinia at, rutrum id massaroin
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Donec elementum tempor
leo velit, quam etid.
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
3
Fusce 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
6
5 consectetur. 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
diam ac nulla10
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-
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
11
7
rutrum. Donec feugiat diam. ut nibh lacinia porttitor quis tem- nunc malesuada feugiat. Vesti-
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 PF Square sans pro Regular 46 pts 6 PF Square sans pro regular 9 pts 11 PF Square sans pro italic 10 pts
line spacing: 48 pts interline spacing: 12 pts interline spacing: 12 pts
kerning: -20 pts kerning: -40 pts
7 PF Square sans pro medium 12 pts
2 Garamond Premier pro Semibold caption 68 pts interline spacing: 12 pts
kerning: -20 pts
8 Garamond Premier pro semibold 96 pts
3 PF Square sans pro italic 9.5 pts interline spacing: 100 pts
interline spacing: 12 pts
9 Garamond Premier pro Medium italic 16 pts
4 PF Square sans pro medium italic 7 pts interline spacing: 18 pts
interline spacing: 12 pts
kerning: -40 pts 10 PF Square sans pro italic 16 pts
interline spacing: 18 pts
5 line is 4 pts thick kerning: -20 pts
66

69. Publications
Posters (vertical)
2x 3x 4x 5x 6x 7x 8x 9x 10 x 11 x
For all posters that follow the a a
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 a
width of the document.
67

70. Publications
Posters (vertical)
example
20 > 28.02.12
Frageri
balor
lorem ipsum
dolor et cum
carro est
ACIPSUSTO DOLORE
68

71. Publications
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
(see p. 47).
2x 3x 4x 5x 6x 7x 8x 9x 10 x 11 x 12 x 13 x 14 x 15 x
a a
a
69

72. Publications
Posters (horizontal)
example
20 > 28.02.12
transitis
per viam
lorem ipsum dolor
et cum carro est
ACIPSUSTO DOLORE
70

73. Publications
Don’ts
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 allowed. 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
avoid aligning all texts the same way on the same axis. always be aligned with the flag/footer 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 for publications. The safe area of the logo is not respected.
The contrast between the title and the big ‘word’ Mixing different typefaces on covers is not allowed.
is not strong enough. The white banner at the bottom of the page is not necessary.
71

74. 2.4
Event
communication
72

75. 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.
73

76. Event communication
Banners and flags
Flags
banner
Lorem
ipsum et
Quisque
semper
adipiscing
Dolor cum
nat mem
Quisque
semper
adipiscing
fusce
facsis varius
Quisque
semper
adipiscing
ec.europa.eu/budget/reform
74

77. Event communication
Backdrops
2x 3x 4x 5x 6x 7x 8x 9x 10 x 11 x 12 x 13 x 14 x 15 x
a a
a
Lapid
dorios tag
Estivus lates dell
maribus
festires
Lapid
dorios tag
Estivus lates
alim eu nunc
et dolor illiadus
sit amet
75

78. 3
Specific applications
76

79. Specific applications
Co-branding
For co-branding with the logos of other
European institutions, align the various
logos with the top of the flags. this ensures
an equal and balanced visual weight.
77

80. Specific applications
Co-branding
examples
May 2 l of
Sat urd
ay
1
01Europe
a
s tiv a n I n s t i t u t i o n s
Fe e p
E u r on D a y
Ope
.eu
pe.euro pa
ivalofeuro
www.fes t
Saturd
ay
2011
May al of Euroo n s pe
Fes tiv In s ti t u ti
p an
E u ron e a y
www.festivalofeurope.europa.eu
D
Ope
u
uro pa.e
uro pe.e
tivalofe
www.fes
Debates – Information BRUSSELS
Activities
Children’s workshops EUROPEAN DISTRICT
Music and dance 7 MAy – 10 A.M. TO 6 P.M.
committee of the regions
78

81. Specific applications
Sign-off
two versions of sign-off
are available, on 1 or 2 lines
depending on how much
space is available on the
layout. the prefered version
is the 1 line version.
PF Square Sans italic 9.5 pts
logo safe area
Funded
funded by the by the
logo safe area
Co-funded
Co-funded by the by the
An initiative
An initiative of the of the
in collaboration
in collaboration with the with the
79

82. Specific applications
Sign-off
examples
An initiative of the
An initiative
of the
80

83. for more information
Directorate-General for communication
200 rue de la loi
B-1040 Brussels
tel: +32 2 298 80 11
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:
http://www.cc.cec/home/dgserv/comm/visual_identity/
© European Union, 2011