European Commission
visual identity guidelines
Ta b l e o f c o n t e n t s
1 Introduction 2 3 4
Basic principles Use of colour and typography for the Policies
1. Visual elements
5 1.1 logo 6 Positive versions 7 Negative versions 8 Language versions 9 Typography / size and leading 10 Proportion and protection area 12 Minimum size and typeface 13 Colours 14 Do’s and Don’ts 15 1.2 Visuals 16 Use of images and graphic effects 17 1.3 colours 18 Colour palette for Corporate Communication 19 Colour palette for Policies 20 1.4 typography 21 Main typeface 22 Secondary typeface 23 Alternate typeface for Office and Web 24 System and rules 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
31 32 33
Website banners Website PowerPoint
36 2.2 Stationery 37 Letterhead 38 Compliments cards 39 Business cards 40 Electronic signature 41 Document folder 42 Adhesive notepad 43 Promotional items 45 2.3 Publications 46 Grid system for covers, back cover and examples 60 Grid system double pages, inside pages and examples 67 Grid system for posters and examples 71 Don’ts 72 2.4 Event communication 73 Stands 74 Banners and flags 75 Backdrops 76
3. Specific applications
77 79
Co-branding and examples Sign-off and examples
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
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: This is an extension of the logo and is always placed at the bottom of the page to indicate the policy area 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 will be proposed for each policy. It will contain the name of the relevant policy. Therefore, the footer box also serves to inform.
4 4
Lorem ipsum dolor fragum cum 3
corepiae Eita dio tenis esti quis excerunt ut qui coreprae
3. The typefaces: The typefaces used in the new visual identity are as follows: - main: PF Square Sans Pro - 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 freely positioned in the area, but will be justified (either flush left or flush right, ragged or on one of the ascenders or descenders of one or more letters) on one or two of the vertical axes. Where possible, and in an effort to add contrast, there is a requirement to highlight a word/part of a phrase by significantly increasing the size of the letter’s body. This word will also be in colour.
1
occuptatur
2
4. The top white banner of the document: Breathing space, a ‘showcase’ for the logo, a constant and unchangeable visual element the white banner (or blue in some cases – see p. 38, 41) is all of these rolled into one. The blue banner will be used for certain documents (mainly stationery) that do not have images/flat colour tints immediately under the banner.
(for more information on the choice of typefaces and their use, see pages 21, 22, 23 and 24). 2
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 here on maximum 3 lines
E E E E 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 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.
Agriculture
3
1
Visual elements Logo Visuals Colours Typography
4
1.1
Logo
5
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
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
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
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
Logo Proportion and protection area !
a
a
a
When used alone on white or colour background (on stationery for example).
a
The logo is unalterable and indissociable in all its component elements. For reasons of integrity and visibility, it should always be 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 12 floors a
a 0.5 a
1/12 of EC flag height
a
Protection area of logotype: no images or typography allowed within these limits.
10
1. The only exception to this rule is business cards. Given their small size and the very limited space available, this “protection area” rule cannot be followed.
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
Logo Minimum size and typeface 25 mm
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 to not reproduce any of the CMYK and Pantone Reflex 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 to not go below 20 mm.
25 mm
!
EXCEPTION
When use is limited in terms of space or height available (for example USB keys, ballpoint pens, signatures for the web, etc.), a simplified horizontal version of the logo is available in CMYK (web only), Reflex Blue and in Black (no greyscale).
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 created PF Square Sans Pro in his quest for a true square-like text typeface, which could balance simplicity with vitality and strength, without compromising its characteristics as a text typeface.
For the European Commission logo, the PF Square Sans Pro Medium is the only typeface version allowed. It is used in Black with 75% opacity for the CMYK logo and 70% Pantone Reflex Blue for its 1 pms version 100% for the black & white version.
PF SQUARE SANS PRO - MEDIUM
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstu vwxz0123546789 12
Logo Colours
CMYK
C: 100 M: 80 Y: 0 K: 0
C: 0 M: 0 Y: 100 K: 0
C: 0 M: 0 Y: 0 K: 30
Pantone Reflex Blue
Reflex Blue Reflex Blue Reflex Blue 30 % 70 % 100 %
Black
Black: 100 %
13
C: 0 M: 0 Y: 0 K: 75
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 of what not to do.
European Commission
No outline is allowed for the graphic element or for any other component of the logotype.
European Commission
Wrong flag – the new European Commission flag is a modified version of the European Union flag.
European Commission
Wrong colour for the graphic element – in the CMYK version, it must be in Black, 30 %.
European Commission
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
European Commission
Modifying the proportions of the logo is not permitted.
European Commission
The position of the flag cannot be changed in any way. The space must be respected.
1.2
Visuals
15
Visuals Use of images and graphic effects
When you choose a photo, make sure it has no element that will distort the legibility of the logo. If necessary, crop it differently.
The visuals used on cover pages should be subject-related. You should limit your selection to a single photograph. When the subject of a publication is too abstract or too vast to refer to one single photograph, you can opt for non-figurative or conceptual images or illustrations. Photo combinations (different photos merged into one visual) do not follow the visual identity guidelines. Use one visual only. If you want to show different subjects in one visual, choose an illustration with a coherent design. When choosing a picture for a cover, keep in mind that the cover has to be eye-catching. It is therefore vital to choose a picture/
16
illustration that is graphically strong. Black & white photos are allowed only where necessary. Except for flat colour tints and drop shadows on the text (use sparingly – never use outlines), no other graphic effect is allowed in this visual identity. A limited use of visual elements is allowed to create a visual environment appropriate to the target audience of a given communication initiative. “Less is more� is the motto. It is important that covers, posters, and others are not cluttered with any superfluous elements.
1.3
Colours
17
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 68 43 7
K 0
C M Y 90 50 0
K 0
C M Y 70 35 0
K 0
R V B 76 112 167
R V B 0 111 180
R V B 47 154 251
C 0
C 0
C 8
M Y K 15 90 0
M Y K 30 90 0
M Y K 20 95 0
R V B 255 214 36
R V B 255 187 9
R V 240 199
C M Y K 33 33 33 0
C M Y K 50 50 40 10
C M Y K 70 35 50 5
R V B 184 170 162
R V B 136 120 124
R V B 92 139 127
C 0
M Y 20 0
K 75
C M 20 0
C 0
R 99
V 87
B 94
R 82
V 94
Y K 0 75 B 101
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
M Y 0 30
R V 101 99
B 0
K 75 B 81
Colours Colour palette for Policies Colour is a key element of differentiation for the policy areas. A given policy area can select its own individual colour palette. The colours proposed for the different policies are bright or darker colours.
For the support colours, meaning any flat colour tints and colours of large text, it will be up to the graphic designer to choose, however he/she must avoid using pastel colours or 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 visible.
The choice of colours will be made on the basis of the themes 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 0
M Y K 94 81 0
R V 235 33
C 0
M 90
B 46
Y 0
K 0
C M Y K 41 67 72 35
C M Y K 29 98 70 26
C M Y K 53 100 30 21
C M Y K 77 16 21 0
R V B 123 74 56
R V 148 25
R V 121 0
R 0
C M Y 71 13 0
K 0
B 84
M Y K 40 85 0
V B 159 186
C M Y K 52 0 83 0
C 0
C M Y 60 80 0
K 0
R V B 142 197 74
R V B 246 170 52
R V B 127 74 148
R V B 229 46 135
R 0
C 0
C M Y K 72 34 78 15
C M Y K 73 0 84 0
C M Y K 55 70 40 15
C M Y K 85 40 30 0
R V B 243 130 48
R V B 78 120 73
R V B 63 179 79
R V B 122 83 103
R 0
C M Y K 53 50 20 0
C M Y K 75 20 100 0
C M Y K 72 36 45 5
C M Y K 20 80 80 7
C M Y 65 100 5
R V B 139 130 161
R V B 77 146 44
R V B 80 131 130
R V 191 75
R V B 119 29 123
C M Y K 30 70 100 30
C M Y 65 5 45
C 0
C M Y K 65 42 40 5
C M Y K 80 40 10 0
R V 144 76
R V B 93 179 155
R V B 103 128 134
R V B 38 129 180
M Y K 60 85 0
B 24
V B 175 236
B 51
K 0
M Y K 80 98 0
R V 231 81
B 24
19
B 54
V B 125 152
K 0
1.4
Typography
20
Three main weights are used for publication covers. However, nine other weights are available for inside pages as needed.
Typography Main typeface PF Square Sans Pro
PF SQUARE SANS PRO - Regular for emphasized words in headlines, text body and titles
PF SQUARE SANS PRO - Light italic
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrst uvwxz0123546789
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrst uvwxz0123546789
PF SQUARE SANS PRO - Italic for subtitles and captions
PF SQUARE SANS PRO - Medium italic
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrst uvwxz0123546789
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrst 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 abcdefghijklmnopqrst uvwxz0123546789
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrst uvwxz0123546789
PF SQUARE SANS PRO - Thin italic
PF SQUARE SANS PRO - Extra black
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrst uvwxz0123546789
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrst uvwxz0123546789
PF SQUARE SANS PRO - Light
PF SQUARE SANS PRO - Extra black italic
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrst uvwxz0123546789
abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrst uvwxz0123546789 21
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 abcdefghijklmnopq rstuvwxz0123546789
abcdefghijklmnopqrstuvwxz abcdefghijklmnopq rstuvwxz0123546789
Garamond Premier Pro Italic
Garamond Premier Pro Bold
for quotes
for emphasized words in quotes and subtitles
abcdefghijklmnopqrstuvwxz abcdefghijklmnopq rstuvwxz0123546789
abcdefghijklmnopqrstuvwxz abcdefghijklmnopq rstuvwxz0123546789
Garamond Premier Pro Semi Bold
Garamond Premier Pro Bold Italic
for captions
for quotes
abcdefghijklmnopqrstuvwxz abcdefghijklmnopq rstuvwxz0123546789
abcdefghijklmnopqrstuvwxz abcdefghijklmnopq rstuvwxz0123546789
22
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 stuvwxzabcdefghi jklmnopqrstuvw xz0123546789
abcdefghijklmnopqr stuvwxzabcdefghi jklmnopqrstuvw xz0123546789
Verdana Regular
Verdana Italic
for titles and text
for subtitles
abcdefghijklmnopqr stuvwxzabcdefghi jklmnopqrstuvw xz0123546789
abcdefghijklmnopqr stuvwxzabcdefghi jklmnopqrstuvw xz0123546789
23
Typography System and rules
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 distinctiveness. It can be achieved very easily using the following method: *1.6 is the Golden ratio. This is the reference figure used to divide or multiply the size of the text to achieve the proper contrast between the “large word”, the headline and the subtitle if there is one.
(81 pts)word Set in PF Square Sans Pro Regular
divided by 1.6*=
(50 pts)word
Make sure you do not divide the size of the text by 3.2 (2 x 1.6) as you will not get the same result when dividing the first time by 1.6 and then dividing it again by 1.6.
divided by 1.6 =
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.
(31.5 pts) Headline 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 ratio (1.6), make sure you round up or down to the nearest unit or half unit, i.e. if your result is 11.7 points, round it down to 11.5 points, if it is 5.4 points make it 5.5 points, 10.3 points becomes 10.5 points, etc. This method also applies to millimetres and centimetres.
(12 pts) Subtitle Set in PF Square Sans Pro Italic
24
2
Various fields of application Electronic media Stationery Publications Event communication
25
2.1
Electronic media
26
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 para liter est cum carro
Lorem ipsum para liter est cum carro
doloris
fragum
27
Electronic media CD and DVD pocket sleeve
122 mm
2x
3x
4x
5x
6x
a
a
MN-30-11-250-EN-C
Neque porro quisquam est qui dolorem:
quia dolor sit amet, consectetur, velit:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut sem sit amet lacus blandit tincidunt nec quis quam. Vivamus convallis bibendum nulla, sit amet scelerisque quam adipiscing eu. Quisque consequat diam id turpis vestibulum varius. Fusce condimentum orci commodo nisl semper non dignissim nisl gravida. Vestibulum orci lorem, ultricies id cursus a, sagittis quis lectus. Pellentesque habitant morbi tristique senectus et netus
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut sem sit amet lacus blandit tincidunt nec quis quam. Vivamus convallis bibendum nulla, sit amet scelerisque quam adipiscing eu. Quisque consequat diam id turpis vestibulum varius. Fusce condimentum orci commodo nisl semper non dignissim nisl gravida. Vestibulum orci lorem, ultricies id cursus a, sagittis quis lectust montes, nascetur ridiculus mus.
Praesent elementum nunc non odio feugiat.
eu, viverra suscipit sapien. Phasellus cursus lacinia eros sed vestibulum. Donec placerat eleifend velit. Nulla mattis mauris sed quam convallis auctor. Integer mauris
Phasellus lorem nibh, tincidunt ut adipiscing
Lorem ipsum dolor fragum cum
Curabitur in dolor a velit interdum scelerisque sed et justoulla facilisi curabitur in dolor a velit interdum scelerisque sed.
corepiae
neque, pulvinar euismod rhoncus vel, gravida at turpis. Sed ullamcorper vehicula turpis, id suscipit est ornare non.
Eita dio tenis esti quis excerunt ut qui coreprae occuptatur
Š European Commission, 2011 Disclaimer: 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 mauris neque, pulvinar euismod rhoncus vel, gravida at turpis. Sed ullamcorper vehicula turpis, id suscipit est ornare non.
For more information: European Commission Information & Communication Unit B-1049 Brussels
28
7x
8x
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
PF Square Pro Regular 8 pts Leading 9.6 pts
Neque porro quisquam est qui dolorem :
quia dolor sit amet, consectetur, adipisci velit:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut sem sit amet lacus blandit tincidunt nec quis quam. Vivamus convallis bibendum nulla, sit amet scelerisque quam adipiscing eu. Quisque consequat diam id turpis vestibulum varius. Fusce condimentum orci commodo nisl semper non dignissim nisl gravida. Vestibulum orci lorem, ultricies id cursus a, sagittis quis lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut tincidunt, mi in facilisis aliquam, mauris sem pharetra lectus, sit amet porttitor lectus lectus nec velit. Cum 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 magna viverra rhoncus. metus lectus, vel venenatis metus. Sed in ipsum sit amet erat fermentum feugiat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut sem sit amet lacus blandit tincidunt nec quis quam. Vivamus convallis bibendum nulla, sit amet scelerisque quam adipiscing eu. Quisque consequat diam id turpis vestibulum varius. Fusce condimentum orci commodo nisl semper non dignissim nisl gravida. Vestibulum orci lorem, ultricies id cursus a, sagittis quis lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut tincidunt, mi in facilisis aliquam, mauris sem pharetra lectus, sit amet porttitor lectus lectus nec velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur in dolor a velit interdum scelerisque sed et justo. Nulla facilisi. Sed condimentum, leo et aliquet volutpat, nisl erat molestie nulla, Curabitur in dolor a velit interdum scelerisque sed et justoulla facilisi curabitur in dolor a velit interdum scelerisque sed.
Pf Square pro italic 6 pts
Praesent elementum nunc non odio feugiat.
PF Square Pro Bold 5.5 pts PF Square Pro Bold 5 pts PF Square Pro Regular 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 mauris neque, 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.
Lorem ipsum dolor fragum cum corepiae
PF Square Pro Bold 10 pts Leading 12 pts
PF Square Pro Medium 15 pts
© European Commission, 2011 Disclaimer: 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 mauris neque, pulvinar euismod rhoncus vel, gravida at turpis. Sed ullamcorper vehicula turpis, id suscipit est ornare non.
Lorem ipsum dolor fragum cum
corepiae Eita dio tenis esti quis
For more information: European Commission Information & Communication Unit B-1049 Brussels
excerunt ut qui coreprae occuptatur
LENGTH: 9’41’’
29
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. Red: Invisible area Blue: Action safe area Yellow: Title safe area
Also, safe areas (yellow and blue lines) are needed in order to prevent the image from being cropped and left out of the screen on certain television models (invisible area in red).
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
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
Electronic media Website 1
2
187 px 3 4 6
18 px
82 px
5 7
41 px
17
8
12
18 13
14
9
10 11 15
16
1 2 3 4 5 6 7 8
Verdana / 11 pts / #396ea2 PF Square Sans Pro / 28 pts / #1c7b90 PF Square Sans Pro / 21 pts / #fff Colour background: #0065a2 Colour background: #0f57a2 Verdana / 11 pts / #fff Verdana CAPS / 11 pts / #1C3F95 Verdana 36 pts / #1c3f95
9 10 11 12 13 14 15
Text body: Verdana / 12 pts / #151515 Verdana / 18 pts / #1c3f95 Link: Verdana / 12 pts / #0000ff Verdana CAPS / 18 pts / #151515 Verdana CAPS / 11 pts / #888686 Verdana CAPS / 13 pts / #1c3f95 Colour background: #dddddd
32
16 17 18
Stroke: 1px / #e3e3e3 Verdana / 11 pts / #052a4d Social icons: 19 px / 19 px Stroke: 1 px / #e3e3e3 Padding: 5 px Verdana / 12 pts / #1c3f95
The format for mobile applications is being evaluated. The relevant guidelines will be published in the IPG as soon as they are available.
Electronic media PowerPoint Title slide Importing the photo: Delete the photo in the template to replace it with a new image. All graphic elements must be in RGB. If the image to be inserted includes irrelevant material, it is advisable to crop the most important part of the image before importing it. Importing the image: (on the menu bar click: Insert/Picture/From file…): • Following the import, change the image width to 12.71 cm*; its position* will be 0.0 cm horizontally, and 0.0 cm vertically. • Then place the image in the background. Inserting the logo: • Choose the logotype according to the language of your presentation. • Insert png format (on the menu bar click: Insert/Picture/From file…). • Adjust its position* on the slide (centered on the page); its size must not be changed.
title#1: Verdana Bold 30 title#2: Verdana Bold 76 subtitle: Verdana italic 24, in white or black. chapter headline: Verdana Bold 20 speaker’s name: Verdana 14 date: Verdana Bold 12 To change the colour of a bullet on the title slide and in the titles of other slides: • Select the bullet and choose the colour (Format/Font/Colour). • Other bullets: enter the text zone. Place the cursor on the line of the bullet you wish to change. Note: the text should not be selected. In the Format menu, choose Bullets and Numbering. A dialogue box will open. Choose the colour from the drop-down menu near the bottom of this box. *Tip: when using Microsoft Office software, simply double click on an image to visualise its position and size.
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
Electronic media PowerPoint
1. Text only slide These slides have several preformatted title and text styles.
Verdana bold (30 pts)
Verdana italic (24 pts)
2. Text + picture slide The title is written in Verdana 30. Import an image in the background. See section ‘title slide – importing the image’.
Select and throw away the current photo
Recommended size of the image: 17.8 cm high and 13 cm wide. Horizontal position 15 cm, and vertical position 3.2 cm
• Insert your new photo • Double-click on it, choose: size/height/9.2/OK • Put the photo in the right place - Right-click on it and select order/in Background
You may align the block image on either axis of the flag.
- Then adjust the position
34
•
Verdana bold (20 pts)
- Verdana regular (14 pts)
Electronic media PowerPoint
Verdana bold (30 pts) 4. Text slide + charts Import the chart in the background. See section ‘title slide – importing the image’ and align it with the corresponding text.
Verdana italic (24 pts)
•
Verdana bold (20 pts)
- Verdana regular (14 pts)
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.
Tip: when using Microsoft Office software, simply double click on an image to visualise its position and size.
Verdana bold (30 pts)
35
2.2
Stationery
36
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 +32 2 299 11 11
14 mm
7 mm 10 mm
PF Square Sans Pro regular 8 pts Leading: 10 pts
37
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
Stationery Business card 85 x 55 mm Recto
Verso
12 mm
Jane SMITH
PF Square Pro Bold 10 pts
Information and Communication officer
20 x
European Commission LX40 06/62 B-1049 Brussels-Belgium Rue du Luxembourg 40, 1000 Bruxelles/Brussel +32 2 2991111 jane.smith@ec.europa.eu
PF Square Pro Regular 6.5 pts Leading: 8 pts
PF Square Pro Light 6.5 pts Leading: 8 pts
4.25 mm
Alternative proposal Recto
13 x
12 mm
PF Square Pro Bold 10 pts PF Square Pro regular 6.5 pts Leading: 9 pts
JosĂŠ Manuel Barroso 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
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 Communication Officer
Verdana regular 12 pts Leading: auto
a
100 pixels
a
a
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
Verdana Bold 12 pts Verdana regular 12 pts Leading: auto
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
Stationery Document folder 465 x 315 mm 1
Outside of folder
2
3
4
5
6
7
315 mm
Rue de la Loi / Wetstraat, 200 1040 Bruxelles/Brussels +32 2 299 11 11
230 mm
5 mm
230 mm 1 2 3 4 5 6 7
Inside of folder with glued pocket
41
Stationery Adhesive notepad 100 x 100 mm
Cover
2
1
3
4
a
1
2
3 a
4
5
www.ec.europa.eu
6
! 1/4 of flag height
www.ec.europa.eu
42
Stationery Promotional items
Bags
Mugs
USB keys
European Commission Verso
European Commission
Ballpoint
Lanyards
Culture, education and youth
43
Stationery Promotional items
T-shirts
Umbrellas
44
2.3
Publications
45
Publications Grid system for A4 cover
2X
On each document published 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 space it needs (see logotype chart). The correct proportion of the logo is equal to 1/9 the width of the document.
3X
4X
5X
a
6X
7X
8X
9X
a
a
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
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
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: 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.
Lorem ipsum dolor fragum cum
corepiae Eita dio tenis esti quis excerunt ut qui coreprae
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.
occuptatur
48
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 Eita dio tenis esti quis excerunt ut qui coreprae occuptatur
49
fragum
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
Publications Examples
Lorem ipsum dolor et cum carro est
To improve the legibility of your text on certain images, you can use light and appropriately adapted drop shadows.
frageri
! This technique should be used in moderation!
Agriculture
51
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.
Frageri Eita dio tenis esti quis excerunt ut qui coreprae occuptatur
52
lorem ipsum dolor et cum carro est
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
Publications Grid system for 10 x 21 cm leaflet cover
2X
On each document published 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 space it needs (see logotype chart). The correct proportion of the logo is equal to 1/5 the width of the document.
3X
a
4X
5X
a
a
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
Publications 10 x 21 cm leaflet cover Examples
Lorem ipsum et dolor fragum
epiaro maribus estate
Lorem ipsum fragum cum
corepiae
Eita dio tenis
Eita dio tenis esti quis
esti quis excerunt
excerunt ut qui coreprae
ut qui coreprae
occuptatur
occuptatur
55
Publications 10 x 21 cm leaflet back cover Example
MN-30-11-250-EN-C
56
Publications Grid system for A4 cover (horizontal)
On each document published 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 space it needs (see logotype chart). The correct proportion of the logo is equal to 1/5 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 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.
2X
3X
4X
5X
6X
7X
8X
a
9X
10 X
11 X
12 X
13 X
14 X
15 X
a
a
57
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
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
Publications Double page A4 Grid system
16
16
13
13 5 gutter columns: 5 mm interline spacing: 12 pt
60
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
3
Ommolum rent dolenis evelenda quam quo mi, sanienis et etum qui repelita simus este voluptate et et parcia consecu lluptur? Aquae et ipsam ipiciet es asperatqui doloribus maionsequodi destis a di tem re volo bearum alita cusa plibusa cus volupta nullabores nia et rerovid magnias idi oďŹƒcim aut poribusant endandae. Qui blab 11ium explaci apis cumquam eate que consequias as sim conesti rest alit es ilitam eum doloria excest, tem remolore simporem faci tem quia nus ea serum recabo. Itatqui aut exces magniet ium quam, apidunt. Hilla dolorit atecabor res et aligendente essitatur, endus sam delesto volore et quiatecta doluptur, quiberat dolut quo volorporion consedit pelit eum quibus.
C H A P TER 1
Mauris alirsuam velit pellentesque 4
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.
5
Pe vene earum re qui rent, suntotas autenisque plitate ndelenihilit oďŹƒctenis eum serum voles magnihi taquibus, iur, ut ommo blatur siminvenda porum quid ut ommosamus.Ur? Quiatur am solese nobitat quis ipsam qui dita nisque vent.Am aut es et, conseni minverio tores veri seribus sedi voles adio mosam, qui re pa nobitatur ant. Natium volor re et aut ad que et lacest, ut eatem harunt ut pa derchil mollique dolupic tempero eiciliq uiberfe rovide liae etur aribus explam discilit ressitius et dolorioribus alitiam, et dus seque volorem dusa
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
7
Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elemen6 tum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus. Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Mauris arcuvelit, tempus quis imperdiet eu, mattis sed orci. Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis, mi est posuere ante, non volutpat enim ante quis elit. Fusce dapibus tempus ultricies. Praesent mauris tortor, auctor vel porttitor non, adipiscing accumsan neque. Nulla et risus odio, fermentum dapibus neque. Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, vel molestie enim. dapibus neque. Proin scelerisque Suspendisse at
8
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
7
Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus non dolor quis nisl auctor molestie.
1
Fusce malesuada sapien 9id lacus Fusce malesuada sapien id lacus laoreet convallis eu sit amet odio. Integer eu massa nisi. Phasellus volutpat feugiat diam vitae commodo. Nunc aliquet diam semper lacus aliquam tempus. Duis vehicula dolor et metus lobortis a vestibulum nibh porttitor. Sed id ligula auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo,
quis tristique turpis magna dapibus neque. Proin scelerisque sed dolor. Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orci. Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis, mi est posuere ante, non volutpat enim ante quis elit. Fusce dapibus tempus ultricies. Praesent mauris tortor, auctor vel porttitor non, adipiscing accumsan neque. Nulla et risus odio, fermentum dapibus dapibus neque. Proin scelerisque neque.
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget elementum erat eleifend ut venenatis sagittis metus id dapibus neque. Proin scelerisque venenatis.
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere. Nam suscipit fermentum nulla eget tincidunt.
Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa.
Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Ves-
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobor-
PF Square sans pro regular 6 pts kerning: 660 pts
6
2
PF Square sans pro 9 pts
7
3
PF Square sans pro Medium 12 pts kerning: 100 pts
4
PF Square sans pro Regular 46 pts interline spacing: 48 pts kerning: -20 pts
5
lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis venenatis consectetur. Quisque a nisl sem. Etiam id nisl eu nisi semper pulvinar. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa.
Garamond Premier pro Semibold Caption 68 pts kerning: -20 pts
8
9
10
tibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed dolor. Vivamus a sollicitudin eros. Quisque massa dui, malesuada sit amet tempor sit amet, mollis eu nulla. Donec nulla sapien, accumsan et laoreet sit amet, mollis a risus. Duis et iaculis diam. Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed dolor. Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. gency and level Donec ac lacus metus, nec suscipit ipsum. gency and level of am-
Donec sagittis diam ac nulla12 fringilla Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla13 et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orcifer mentum dapibus neque.
PF Square sans pro medium italic 9.5 pts interline spacing: 12 pts
11 PF Square sans pro medium italic 10 pts
PF Square sans pro Medium italic 8 pts interline spacing: 12 pts kerning: -40 pts
12 PF Square sans pro italic 16 pts
PF Square sans pro Regular 9 pts interline spacing: 12 pts
13 PF Square sans pro italic 10 pts
PF Square sans pro Medium 12 pts interline spacing: 12 pts PF Square sans pro italic 16 pts interline spacing: 18 pts
61
interline spacing: 12 pts interline spacing: 18 pts kerning: -20 pts interline spacing: 12 pts kerning: -40 pts 14 Line is 4 pts thick
Publications Double page Examples
62
Publications Double page horizontal
13
15
13
13 7 gutter columns: 5 mm interline spacing: 12 pt
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
1 E T
�
N °
M A G # 4
4 5
�
U L L A M C O R P E R
V I T A E
A L I Q U A M
E T
“
�
N °
4 5
5
11
Curabitur et 12elit, faucibus augue Mauris purus ut lacinia at, rutrum id massaroin leo velit, quam etid.
CHAPTER 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus non dolor quis nisl auctor molestie.
8
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.Harumquo eniantis et utem ulparum dendi iliqui sae. Beribus quosant qui doloremporum dolori occatur, cone iduntia spedipsae nos estoris consequi ut ad qui ipitatur acidita nam estia doluptatem dolorrorem velitem et quae de la asperum exeri andusae peleseq uatiorio volupta tquiat quodipsa de molo is et endipsam id exerfer ionsedi orepro vere ent doluptasin re coneces aut harisquam vellab il ipsam rescimus, vollupic te sitiunt peditias nessento ipsapelescid modistota nulliquos et odipid quaerovitem sanihicias cusapienis quaepel iquiae officia id quid ma quodit quis experia quat.
6
3
5 Mauris alirsuam velit pellentesque
4
7
lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis venenatis consectetur. Quisque a nisl sem. Etiam id nisl eu nisi semper pulvinar. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa.
9
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget elementum erat eleifend ut venenatis sagittis metus id dapibus neque. Proin scelerisque venenatis.
10
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius. Vivaorbi at ultrices ante. Phasellus placerat, tindicutemo
1 2 3
4
5
PF Square sans pro regular 6 pts kerning: 660 pts
6
PF Square sans pro medium italic 8 pts interline spacing: 12 pts kerning: -40 pts
PF Square sans pro Regular 46 pts interline spacing: 48 pts kerning: -20 pts Garamond Premier pro Semibold Caption 68 pts kerning: -20 pts
Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed dolor. Vivamus a sollicitudin eros. Quisque massa dui, malesuada sit amet tempor sit amet, mollis eu nulla. Donec nulla sapien, accumsan et laoreet sit amet, mollis a risus. Duis et iaculis diam. Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auc-
Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. gency and level Donec ac lacus metus, nec suscipit ipsum. gency and level of ambition that is needed to bring climate change under control.” Ugia asped eictasit acessent, cus, sunt eos ea con ped maximos elecus que offictotas eost, ent inusae. Et harum quae prerers pienis int. Enti iderum deles volupta con est, sequi rem volorios dis enti totat abor simus, sapero officil icitate stiorenis atum ipiet faccum quuntemolut alita venesequia niet estiore nemque conemporae re que ma voluptatius autem autem nulparc hicimus aut voloreium sunt la peria apit, quia sed quiam laborum doles est fuga. Aquiae veria cus
Donec sagittis diam ac 13 nulla fringilla Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero.
14
11 Garamond Premier pro semibold 96 pts
interline spacing: 100 pts 12 Garamond Premier pro Medium italic 16 pts
PF Square sans pro 9 pts PF Square sans pro Medium 12 pts kerning: 100 pts
mus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere. Nam suscipit fermentum nulla eget tincidunt.
”
tor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed dolor. Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
7
Line is 4 pts thick
8
PF Square sans pro italic 9.5 pts interline spacing: 12 pts
9
PF Square sans pro regular 9 pts interline spacing: 12 pts
10
interline spacing: 18 pts PF Square sans pro italic 16 pts
13 interline spacing: 18 pts
kerning: -20 pts
PF Square sans pro medium 12 pts interline spacing: 12 pts
63
14 PF Square sans pro italic 10 pts
interline spacing: 12 pts kerning: -40 pts
Publications Double page horizontal M A G # 4
6
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 °
M A G # 4
4 5
Mauris alirsuam velit pellentesque
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dic-
Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orci. Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis, mi est posuere ante, non volutpat enim ante quis elit. Fusce dapibus tempus ultricies. Praesent mauris tortor, auctor vel porttitor non, adipiscing accumsan neque. Nulla et risus odio, fermentum dapibus dapibus neque. Proin scelerisque neque.
lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis venenatis consectetur. Quisque a nisl sem. Etiam id nisl eu nisi semper pulvinar. Mauris aliquam diam ut leo tristique
auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa.
Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa.
tum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus non dolor quis nisl auctor molestie.
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget elementum erat eleifend ut venenatis sagittis metus id dapibus neque. Proin scelerisque venenatis.
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius.
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget
1
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
natoque penatibus et magnis dis par nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.Harumquo eniantis et utem ulparum dendi iliqui sae.
N °
Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed dolor. Vivamus a sollicitudin eros. Quisque massa dui, malesuada sit amet tempor sit amet, mollis eu nulla. Donec nulla sapien, accumsan et laoreet sit amet, mollis a risus. Duis et iaculis diam. Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed dolor. Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo egestas faucibus in a
M A G # 4
4 5
6
Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orci. Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis, mi est posuere ante, non volutpat enim ante quis elit. Fusce dapibus tempus ultricies. Praesent mauris tortor, auctor vel porttitor non, adipiscing accumsan neque. Nulla et risus odio, fermentum dapibus dapibus neque. Proin scelerisque neque.
U L L A M C O R P E R
lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis venenatis consectetur. Quisque a nisl sem. Etiam id nisl eu nisi semper pulvinar. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa. Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget elementum erat eleifend ut venenatis sagittis metus id dapibus neque. Proin scelerisque venenatis.
Nulla consequat iaculis rutrurau Donec feugiat varius vestibulum doloresninc esta Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere. Nam suscipit fermentum nulla eget tincidunt.
Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget elementum erat eleifend ut venenatis sagittis metus id venenatis. Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa.
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 °
Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed dolor. Vivamus a sollicitudin eros. Quisque massa dui, malesuada
M A G # 4
4 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus non dolor quis nisl auctor molestie.
N °
4 5
7
Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orci. Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis, mi est posuere ante, non volutpat enim ante quis elit. Fusce dapibus tempus ultricies. Praesent mauris tortor, auctor vel porttitor non, adipiscing accumsan neque. Nulla et risus odio, fermentum dapibus dapibus neque. Proin scelerisque neque.
Nulla consequat iaculis rutrum. Donec feugiat
varius vestibulum doloresninc esta Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa. Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu
libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
“
Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid.
”
Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metus. Donec ac lacus metus, Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metunec suscipit ac lacus metus, nec suscipit ipsum. gency and level of ambition that is needed to bring climate change under controltium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.” ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed dolor.
V I T A E
A L I Q U A M
E T
N °
4 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper.
7
sit amet tempor sit amet, mollis eu nulla. Donec nulla sapien, accumsan et laoreet sit amet, mollis a risus. Duis et iaculis diam. Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sitt amet enim nec augue auctorr sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed dolor. Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
“
Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid.
”
Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper.
pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metus. Donec ac lacus metus, Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metunec suscipit ac lacus metus, nec suscipit ipsum. gency and level of ambition that is needed to bring climate change under controltium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.” ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis
U L L A M C O R P E R
Mauris alirsuam velit pellentesque aliquam estumis Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus. Harumquo eniantis et utem ulparum dendi iliqui sae.
Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid. Temquodi genihil et aut incia perumendist que doluptatio vit.
Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa.
lus non dolor quis nisl auctor molestie.
E T
Garamond Premier pro Medium 16 pts interline spacing: 18 pts
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum doloresninc esta
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasel-
A L I Q U A M
Vivamus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere. Nam suscipit fermentum nulla eget tincidunt.
Mauris alirsuam velit pellentesque aliquam estumis Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis
V I T A E
massaroin leo1velit, quam etid.Temquodi genihil et aut incia perumendist que Tem doloraecest que nonsedipsa prepudi rerias nobissimos pelenis voluptatur sum quis pero blaut eos doluptatio vit.
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum
M A G # 4
U L L A M C O R P E R
Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.Harumquo eniantis et utem ulparum dendi iliqui sae. Beribus quosant qui doloremporum dolori occatur, cone iduntia spedipsae nos estoris consequi ut ad qui ipitatur acidita nam estia doluptatem dolorrorem.
6
V I T A E
A L I Q U A M
E T
N °
4 5
7
Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid. Temquodi genihil et aut incia perumendist que doluptatio vit.
tincidunt. Quisque fringilla lobortis ipsum, eget elementum erat eleifend ut venenatis sagittis metus id venenatis. Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue.
lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt
a felis. Phasellus suscipit risus eget felis venenatis consectetur. Quisque a nisl sem. Etiam id nisl eu nisi semper pulvinar. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa. Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu
64
tincidunt. Quisque fringilla lobortis ipsum, eget elementum erat eleifend ut venenatis sagittis metus id dapibus neque. Proin
scelerisque venenatis.
Nulla consequat iaculis rutrurau Donec feugiat varius vestibulum doloresninc esta Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat
felis rhoncus mauris, id ultricies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere. Nam suscipit fermentum nulla eget tincidunt. Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam
diam molestie leo, quis tristique turpis magna sed dolor. Vivamus a sollicitudin eros. Quisque massa dui, malesuada sit amet tempor sit amet, mollis eu nulla. Donec nulla sapien, accumsan et laoreet sit amet, mollis a risus. Duis et iaculis diam. Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed dolor. Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi
at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id
“
suscipit, quam in egestas mollis pendisse at nibh nulla. Ut
Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid.
ultricies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
Vivamus suscipit felis non felis imperdiet scelerisque. Praesent
”
id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metus. Donec ac lacus metus, Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metunec suscipit ac lacus metus, nec suscipit ipsum. gency and level of ambition that is needed to bring climate change under controltium id aliquet non, eleifend in felis. Donec eu lectus arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper.
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
Publications Inside pages for 10 x 21 cm leaflet
Mauris alirsuam velit pellentesque 1
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. Donec elementum tempor dictum. Aenean id massa ligula. Fusce 3 quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.Harumquo eniantis et utem ulparum dendi iliqui sae. Beribus quosant qui doloremporum dolori occatur, cone iduntia spedipsae nos estoris consequi ut ad qui ipitatur acidita nam estia doluptatem dolorrorem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean
4
id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper.
5
amet enim nec augue auctor sollicitudin in non enim. Vestibulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus
lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis venenatis consectetur.6 Quisque a nisl sem. Etiam id nisl eu nisi semper pulvinar. Mauris aliquam diam ut leo
nenatis.
Nulla consequat iaculis rutrum. Donec feugiat 7 varius vestibulum
lum, erat felis rhoncus mauris, id
feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat,
ultricies felis elit in metus. Nam elementum tincidunt varius. Nam suscipit fermentum nulla eget tin-
velit ac tristique vestibulum, erat felis rhoncus mauris, ide ultricies felis elit in metus. Nam elemen-
cidunt.
tum tincidunt varius. Vivamus
Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae
lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim
ullamcorper ac, lobortis ut orci.
diam, pretium id aliquet non, elei-
Pellentesque Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique
fend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.
turpis magna sed dolor. Vivamus a sollicitudin eros. Quisque massa dui, malesuada sit amet tempor sit amet, mollis eu nulla. Donec nulla sapien, accumsan et laoreet sit amet, mollis a risus. Duis et iaculis diam. Etiam non quam et magna place-
Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibu-
Garamond Premier pro Semibold Caption 68 pts kerning: -20 pts
3
PF Square sans pro italic 9.5 pts interline spacing: 12 pts
4
PF Square sans pro medium italic 7 pts interline spacing: 12 pts kerning: -40 pts
5
Line is 4 pts thick
tunec suscipit ac lacus metus, nec suscipit ipsum. gency and level of ambition that is needed to bring climate change under controltium id aliquet non, eleifend.
tique turpis magna sed dolor nulla consequat iaculis rutrum. Donec
eget elementum erat eleifend ut venenatis sagittis metus id dapibus neque. Proin scelerisque ve-
2
�
posuere ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tris-
fend consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum,
PF Square sans pro Regular 46 pts line spacing: 48 pts kerning: -20 pts
Curabitur et augue Mauris 9purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid.
metus id venenatis. Vestibulum sit
tristique auctor. sollicitudin id erat. Cras non ultricies odio. Duis elei-
1
“ 8
2
6
rat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis
PF Square sans pro regular 9 pts interline spacing: 12 pts
7
PF Square sans pro medium 12 pts interline spacing: 12 pts
8
Garamond Premier pro semibold 96 pts interline spacing: 100 pts
9
Garamond Premier pro Medium italic 16 pts interline spacing: 18 pts
10
PF Square sans pro italic 16 pts interline spacing: 18 pts kerning: -20 pts
66
Vivamus suscipit felis non felis imperdiet scelerisque. pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metus. Donec ac lacus metus, Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor me-
Donec sagittis diam ac nulla10 fringilla Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet 11 nunc malesuada feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orcifer mentum dapibus neque.
11 PF Square sans pro italic 10 pts
interline spacing: 12 pts kerning: -40 pts
Publications Posters (vertical)
2X
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 width of the document.
3X
4X
5X
6X
a
7X
8X
9X
10 X
11 X a
a
67
Publications Posters (vertical) Example
20 > 28.02.12
Frageri balor
lorem ipsum dolor et cum carro est
ACIPSUSTO DOLORE
68
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
a
9X
10 X
11 X
12 X
13 X
14 X
15 X a
a
69
Publications Posters (horizontal) Example
20 > 28.02.12
Transitis per viam lorem ipsum dolor et cum carro est ACIPSUSTO DOLORE
70
Publications Don’ts
Frageri
Lorem ipsum dolor et cum carro
fragum
Eita dio tenis esti quis excerunt ut qui coreprae
lorem ipsum dolor et cum carro est
occuptatur
Eita dio tenis
esti quis excerunt ut qui coreprae occuptatur
The use of several flat colour tints is not allowed. The text is not well balanced in the space available. Avoid aligning all texts the same way on the same axis.
Colour shading is not allowed. The vertical axis is not respected. Flat colour tints and typography should always be aligned with the flag/footer box axes.
Lorem ipsum dolor et cum carro
Et dolor is fragum
Lorem ipsum dolor et cum carro est
Eita dio tenis esti quis excerunt ut qui coreprae occuptatur
erasi
The top banner should always be white for publications. The contrast between the title and the big ‘word’ is not strong enough.
The safe area of the logo is not respected. Mixing different typefaces on covers is not allowed. The white banner at the bottom of the page is not necessary.
71
2.4
Event communication
72
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
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
Event communication Backdrops
2X
3X
4X
5X
6X
7X
8X
9X
10 X
11 X
12 X
13 X
14 X
a
15 X
a
a
Lapid dorios tag
Estivus lates dell maribus
festires
Lapid dorios tag
Estivus lates
alim eu nunc et dolor illiadus sit amet
75
3
Specific applications
76
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
Specific applications Co-branding Examples
1 1 0 May 2al of Euro pe ay
Sat urd
ions t v i u t t i s t Fe e a n I n s E u r onp D a y Ope
a.eu p o r u e . ro pe u e f o l a s tiv e f . w w w
ay
Saturd
www.festivalofeurope.europa.eu Debates – Information Activities Children’s workshops Music and dance
2011
May al of Euroopnes Fes tiv In s ti t u ti an E u ronp eD a y Ope
u uro pa.e uro pe.e tivalofe www.fes
BRUSSELS EUROPEAN DISTRICT 7 May – 10 a.m. to 6 p.m. Committee of the Regions
78
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 by the
Funded by the
logo safe area
Co-funded by the
Co-funded by the
An initiative of the
An initiative of the
In collaboration with the
In collaboration with the
79
Specific applications Sign-off Examples
An initiative of the
An initiative of the
80
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