european commission visual identity - ypes.gr...74 banners and flags 75 backdrops 76 3. specific...

European Commission

visual identityguidelines

Table of conTenTs

1 Introduction2 Basic principles 3 Use of colour and typography for the Policies

4 1. Visual elements

5 1.1 logo6 Positive versions7 Negative versions8 Language versions9 Typography / size and leading10 Proportion and protection area12 Minimum size and typeface13 Colours14 Do’s and Don’ts

15 1.2 Visuals16 Use of images and graphic effects

17 1.3 colours18 Colour palette for Corporate Communication19 Colour palette for Policies

20 1.4 typography21 Main typeface 22 Secondary typeface23 Alternate typeface for Office and Web24 System and rules

25 2. Various fields of application

26 2.1 Electronic media27 CD and DVD labels28 CD and DVD pocket sleeve 29 DVD inlays30 DVD menus

31 Website banners32 Website33 PowerPoint

36 2.2 Stationery37 Letterhead38 Compliments cards39 Business cards40 Electronic signature41 Document folder42 Adhesive notepad43 Promotional items

45 2.3 Publications46 Grid system for covers, back cover and examples60 Grid system double pages, inside pages and examples67 Grid system for posters and examples71 Don’ts

72 2.4 Event communication73 Stands74 Banners and flags75 Backdrops

76 3. specific applications

77 Co-branding and examples79 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

IntroductionBasic principles

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.

4

Eita dio tenis esti quis

excerunt ut qui coreprae

occuptatur

Lorem ipsum dolor fragum cum corepiae

4

3

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 ( ).

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.

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.

(for more information on the choice of typefaces and their use, see pages 21, 22, 23 and 24).

4

The European Commission’s new graphic identity is defined by its different constituent visual elements: logotype ( ), footer box ( ), typography ( ), top white (or blue) banner and ‘separation’ line ( ).

1

3

2

4

1

2

2

IntroductionUse 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.

Constetuar est

Eita dio tenis

esti quis excerunt

ut qui coreprae

occuptatur

frageri

Agriculture

EEEEEEEEE

The Policy comeshere on maximum3 lines

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.

3

1Visual elements

logoVisualscolours

typography

4

1.1Logo

5

LogoPositive versions

CMYK

Pantone Reflex Blue

Black

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/

6



CMYK

Pantone Reflex Blue

Black

The gold version is analternate version for 1 pms printingon colour paper./fabric It is an example, any colours can be used (see example page 43 (lanyards)) .

LogoNegative versions

European Commission

7

BG FR Pl

cS GA Pt

DA HU RO

DE It SK

El lt Sl

EN lV FI

ES Mt SV

Et Nl

LogoLanguage versions

8

18 x

3 x

3 x

1 x

12 x

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.

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.

LogoTypography size and leading

9

a

LogoProportion and protection area

a

a a aa a a a

a

a

1/12 of Ec flag height

12 floors

a

a

0.5 a

When used alone on white or colour background (on stationery for example).

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.

Protection area of logotype: no images or typography allowed within these limits.

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.

!

10

LogoProportion and protection area

When used with colours or photos below the flag’s baseline (in publications for example).

a

a

a

bleed of page

0,5 a

the flag of the European commission logo must always be centred on the page as shown above.

a

!

11

LogoMinimum sizeand typeface

25 mm

25 mm

20 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.

! 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).

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

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)).

12

LogoColours

CMYK

Pantone Reflex Blue

Black

C: 100M: 80Y: 0K: 0

Reflex Blue 100 %

Black: 100 %

C: 0M: 0Y: 100K: 0

C: 0M: 0Y: 0K: 30

Reflex Blue30 %

C: 0M: 0Y: 0K: 75

Reflex Blue70 %

13

LogoDo’s and Don’ts

European Commission

European Commission

EUROPEAN COMMISSION

European Commission

European Commission

European Commission

European Commission

Wrong flag – the new European Commission flag is a modified version of the European Union flag.

Wrong font used for the “European Commission” text – use only PF Square Sans Pro Medium.

Using upper case instead of lower case is not allowed.

Wrong colour for the graphic element – in the CMYK version, it must be in Black, 30 %.

The position of the flag cannot be changed in any way. The space must be respected.

No outline is allowed for the graphic element or for any other component of the logotype.

Modifying the proportions of the logo is not permitted.

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.

14

Visuals1.2

15

VisualsUse of images and graphic effects

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/

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.

When you choose a photo, make sure it has no element that will distort the legibility of the logo. If necessary, crop it differently.

16

Colours1.3

17

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.

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.

ColoursColour palette for Corporate Communication

c M Y K90 50 0 0

R V b0 111 180

c M Y K0 30 90 0

R V b255 187 9

c M Y K50 50 40 10

R V b136 120 124

c M Y K20 0 0 75

R V b82 94 101

c M Y K68 43 7 0

R V b76 112 167

c M Y K0 15 90 0

R V b255 214 36

c M Y K33 33 33 0

R V b184 170 162

c M Y K0 20 0 75

R V b99 87 94

c M Y K70 35 0 0

R V b47 154 251

c M Y K8 20 95 0

R V b240 199 0

c M Y K70 35 50 5

R V b92 139 127

c M Y K0 0 30 75

R V b101 99 81

18

ColoursColour 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.

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.

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.

c M Y K0 94 81 0

R V b235 33 46

c M Y K41 67 72 35

R V b123 74 56

c M Y K29 98 70 26

R V b148 25 51

c M Y K53 100 30 21

R V b121 0 84

c M Y K77 16 21 0

R V b0 159 186

c M Y K0 90 0 0

R V b229 46 135

c M Y K71 13 0 0

R V b0 175 236

c M Y K52 0 83 0

R V b142 197 74

c M Y K0 40 85 0

R V b246 170 52

c M Y K60 80 0 0

R V b127 74 148

c M Y K0 60 85 0

R V b243 130 48

c M Y K72 34 78 15

R V b78 120 73

c M Y K73 0 84 0

R V b63 179 79

c M Y K55 70 40 15

R V b122 83 103

c M Y K85 40 30 0

R V b0 125 152

c M Y K53 50 20 0

R V b139 130 161

c M Y K75 20 100 0

R V b77 146 44

c M Y K72 36 45 5

R V b80 131 130

c M Y K20 80 80 7

R V b191 75 54

c M Y K65 100 5 0

R V b119 29 123

c M Y K30 70 100 30

R V b144 76 24

c M Y K65 5 45 0

R V b93 179 155

c M Y K0 80 98 0

R V b231 81 24

c M Y K65 42 40 5

R V b103 128 134

c M Y K80 40 10 0

R V b38 129 180

19

Typography1.4

20

TypographyMain typeface PF Square Sans Pro

PF SQUARE SANS PRO - thin

abcdefghijklmnopqrstuvwxz aBCDeFghijkLMNoPqrSTUvwxz0123546789

PF SQUARE SANS PRO - Regularfor emphasized words in headlines, text body and titles

abcdefghijklmnopqrstuvwxz ABcDEFGHIjKlMNOPQRStUVWxz0123546789

PF SQUARE SANS PRO - Bold

abcdefghijklmnopqrstuvwxz abcdefghIjKlMnoPqRsTuVWXz0123546789

PF SQUARE SANS PRO - thin italic

abcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxz0123546789

PF SQUARE SANS PRO - Bold italic


PF SQUARE SANS PRO - light

abcdefghijklmnopqrstuvwxz aBCdEFghIjKlMNoPqRSTUvWxz0123546789

PF SQUARE SANS PRO - Extra black


PF SQUARE SANS PRO - light italic


PF SQUARE SANS PRO - Extra black italic


PF SQUARE SANS PRO - Medium italic


PF SQUARE SANS PRO - Mediumfor headlines and titles

abcdefghijklmnopqrstuvwxz AbCDEFGhIjkLMNOPQRSTUVwxz0123546789

PF SQUARE SANS PRO - Italicfor subtitles and captions

abcdefghijklmnopqrstuvwxz ABCDEfGhijkLMNOPqrSTUVWxz0123546789

three main weights are used for publication covers. However, nine other weights are available for inside pages as needed.

21

TypographySecondary 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 Italicfor quotes


Garamond Premier Pro Mediumfor captions


Garamond Premier Pro Semi Bold Italicfor quotes


Garamond Premier Pro Bold for emphasized words in quotes and subtitles


Garamond Premier Pro Bold Italicfor quotes


Garamond Premier Pro Semi Boldfor captions

abcdefghijklmnopqrstuvwxz aBcdefGhIjklMnoPqrStuvwxz0123546789

22

Typographyalternate 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 Regularfor titles and text

abcdefghijklmnopqrstuvwxzabcdefghijklmnopqRstuVwxz0123546789

Verdana boldfor titles

abcdefghijklmnopqrstuvwxzabcdefghijklmnopqrstuvwxz0123546789

Verdana bold italicfor emphasized words in quotes and subtitles


Verdana italicfor subtitles


23

TypographySystem and rules

(81 pts)word divided by 1.6*=

(50 pts)worddivided by 1.6 =

(31.5 pts) headline

divided by 1.6 =

(20 pts) Headline

divided by 1.6 =

(12 pts) Subtitle

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.

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.

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.

After dividing twice using the Goldenratio (1.6), make sure you round upor 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.

Set in PF Square Sans Pro Regular

Set in PF Square Sans Pro Medium

Set in PF Square Sans Pro Italic



occuptatur


!

24

2Various fields of application

Electronic mediaStationery

PublicationsEvent communication

25

Electronic media2.1

26

Electronic mediaCD and DvD labels

Lorem ipsum para literest cum carro

fragum

3

26.5

16.5 120

half of flag



doloris fragum

a

a

27

Electronic mediaCD and DvD pocket sleeve

2 x 3 x 4 x 5 x 6 x 7 x 8 x122 mm

© european commission, 2011disclaimer: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.

neque porro quisquam est qui dolorem: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

Praesent elementum nunc non odio feugiat.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.

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 lectust montes, nascetur ridiculus mus.

for more information:European commissionInformation & communication UnitB-1049 Brussels

Curabitur in dolor a velit interdum scelerisque sed et justoulla facilisicurabitur in dolor a velit interdum scelerisque sed.

MN

-30-11-250-EN-c


excerunt ut qui

coreprae occuptatur


a

a

28

Electronic mediaDvD inlays



occuptatur

lENGtH: 9’41’ ’

Lorem ipsum dolor fragum cum

Lorem ipsum

dolor fragum cum

corepiae

corepiae© 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.

neque porro quisquam est qui dolorem :

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.

Praesent elementum nunc non odio feugiat.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.

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, 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,

for more information:European commissionInformation & communication UnitB-1049 Brussels

Curabitur in dolor a velit interdum scelerisque sed et justoulla facilisicurabitur in dolor a velit interdum scelerisque sed.

MN

-30-11-250-EN-c

1119

26

7.5

123.5

19.5

5.5

9 14 129

PF Square Pro Regular 5 pts

Pf Square pro italic 6 pts

PF SquarePro Medium 15 pts

PF Square Pro Bold 10 ptsleading 12 pts

PF Square Pro Regular 8 ptsleading 9.6 pts

PF Square Pro Bold 5.5 pts

PF Square Pro Bold 5 pts

PF Square Pro Regular 5 pts

29

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.

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).

Electronic mediaDvD menus

Deutch▶EnglishEspañolFrançaisItalianoNederlandsPolsky

doloris

◀back

short versionlong version

Lorem ipsum para liter est cum carro

Safe areas on a PAl screen.Red: Invisible areaBlue: Action safe areaYellow: title safe area

title safe area

Action safe areaInvisible area

30

Electronic mediawebsite 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 mediawebsite

187 px

82 px

18 px

41 px

1

2

3

6

4

5

7

812

13

14

10

11

9

15

16

17

18

Verdana / 11 pts / #396ea2PF Square Sans Pro / 28 pts / #1c7b90PF Square Sans Pro / 21 pts / #fffcolour background: #0065a2colour background: #0f57a2Verdana / 11 pts / #fffVerdana cAPS / 11 pts / #1c3F95Verdana 36 pts / #1c3f95

text body: Verdana / 12 pts / #151515Verdana / 18 pts / #1c3f95link: Verdana / 12 pts / #0000ffVerdana cAPS / 18 pts / #151515Verdana cAPS / 11 pts / #888686Verdana cAPS / 13 pts / #1c3f95colour background: #dddddd

Stroke: 1px / #e3e3e3Verdana / 11 pts / #052a4dSocial icons: 19 px / 19 px Stroke: 1 px / #e3e3e3 Padding: 5 pxVerdana / 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.

1 9

2

3 10 16

4 11 17

5 12

6 13 18

7 14

8 15

32

Electronic mediaPowerPoint

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 30title#2: Verdana Bold 76subtitle: Verdana italic 24, in white or black. chapter headline: Verdana Bold 20 speaker’s name: Verdana 14date: 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

place your 24 pts subtitle here

here (76 pts)

chapter headline in 20 pts

section headline in

14 pts

date: in 12 pts

33


1. Text only slidethese slides have several preformatted title and text styles.

2. Text + picture slidethe title is written in Verdana 30.

Import an image in the background. See section ‘title slide – importing the image’.

Recommended size of the image: 17.8 cm high and 13 cm wide. Horizontal position 15 cm, and vertical position 3.2 cm

You may align the block image on either axis of the flag.

verdana bold (30 pts) verdana italic (24 pts)

•verdana bold (20 pts)

- Verdana regular (14 pts)

Select and throw away the current photo

• 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

- then adjust the position

34


4. Text slide + chartsImport the chart in the background. See section ‘title slide – importing the image’ and align it with the corresponding text.

verdana bold (30 pts)verdana italic (24 pts)

•verdana bold (20 pts)

- Verdana regular (14 pts)

3. Picture slideRegardless 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

Stationery2.2

36

Viviane RedIngVice-President of the European commissionjustice, Fundamental Rights and citizenship

StationeryLetterhead a4

20 mm

10 mm

10 mm

fold

14 mm7 mm

10 mm

PF Square Sans Pro regular 8 ptsleading: 10 pts

Rue de la loi 200, 1049 Bruxelles/Brussel+32 2 299 11 11

37

StationeryCompliments card210 x 105 mm

With the compliments of josé Manuel Barroso

15 mm

7 mm

10 mm

5 mm

31 mm

With the compliments of josé Manuel Barroso

15 mm

7 mm

10 mm

5 mm

31 mm

Alternative proposal

PF Square Sans Pro regular 8 ptsleading: 9 pts

PF Square Sans Pro light 12 pts

38

josé Manuel baRRosoPresident

StationeryBusiness card85 x 55 mm

4.25 mm

12 mm

12 mm

4.25 mm

20 x

13 x

Recto Verso

Recto

Verso

jane sMIThInformation and communication Officer

European Commission lx40 06/62

B-1049 Brussels-BelgiumRue du luxembourg 40, 1000 Bruxelles/Brussel

+32 2 2991111 [email protected]

Alternative proposal

PF Square pro light 6.5 ptsleading: 8 pts

Pf square Pro bold 10 ptsPF Square Pro regular 6.5 ptsleading: 9 pts

Pf square Pro bold 10 pts

PF Square Pro Regular 6.5 ptsleading: 8 pts

PF Square Pro light 6.5 ptsleading: 8 pts

European Commission lx40 06/62 B-1049 Brussels-Belgium

Rue de la loi 200, 1049 Bruxelles/Brussel+32 2 2991111 [email protected]

39

mailto:[email protected]


Stationeryelectronic signature

european commission lx40 06/62 b-1049 brussels-belgiumRue de la loi 200,1049 bruxelles/brussel+32 2 2951718 [email protected]

dear mr smith,

PleasefindenclosedtheprojectforthenewECelectronicsignaturewediscussedatourinitialbriefinglast tuesday.

kind regards,

jane smith

information and communication Officer

european commission lx40 06/62 b-1049 brussels-belgiumRue de la loi 200,1049 bruxelles/brussel+32 2 2951718 [email protected]

dear mr smith,

PleasefindenclosedtheprojectforthenewECelectronicsignaturewediscussedatourinitialbriefinglast tuesday.

kind regards,

jane smith

information and communicationOfficer

verdana bold 12 ptsVerdana regular 12 ptsleading: auto

verdana bold 12 pts

Verdana regular 12 ptsleading: auto

a

a

a

100 pixels

40



StationeryDocument folder465 x 315 mm

5 mm

41

230 mm

315

mm

230 mm

2 3 5 6 7

7

5

3

6

4

2

1

Outside of folder

Inside of folder with glued pocket

Rue de la loi / Wetstraat, 200 1040 Bruxelles/Brussels

+32 2 299 11 11

41

Stationeryadhesive notepad100 x 100 mm

www.ec.europa.eu

cover

41

1

2

3

4

5

6

2 3

1/4 of flag height

www.ec.europa.eu!

a

a

42

http://www.ec.europa.eu

http://www.ec.europa.eu

StationeryPromotional items

bags

Verso

Mugs

USb keys

ballpoint

EuropeanCommission

EuropeanCommission

Culture, education and youth

Lanyards

43

StationeryPromotional items

Umbrellas

T-shirts

44

Publications2.3

45

Publicationsgrid system for a4 cover

2 x 3 x 4 x 5 x 6 x 7 x 8 x 9 x

a

a

aOn 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.

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 ( ) 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).

a

46


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


the texts are justified in relation to the two vertical axes. this can be achieved in two ways: the justification is done either in relation to the first or last letter of the word, or in relation to the descender of a letter in the word.

the aim is to create a visual link with the logo (and with the footer box). In doing so, the typography is “anchored” and balanced in its space, even if you are free to choose alignments and use irregular text lines.



occuptatur




occuptatur


48

Publicationsexamples

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

fragum

49


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.

Et dolor is fragum


Eita dio tenis esti quis excerunt

ut qui coreprae occuptatur

50


to improve the legibility of your text on certain images, you can use light and appropriately adapted drop shadows.

this technique should be used in moderation!

frageriLorem ipsum dolor et cum carro est

!

Agriculture

51


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.

lorem ipsum dolor et cum carro est

Eita dio tenis

esti quis excerunt

ut qui coreprae

occuptatur

Frageri

52

Publicationsgrid system for cover and back cover a4

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.

MN

-30-11-250-EN-c

53

Publicationsgrid system for 10 x 21 cm leaflet cover

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.


No text will be written in the white banner reserved for the logo or beyond the limits established by the yellow block ( ) 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.

2 x 3 x 4 x 5 x

a

a a

a

54

Publications10 x 21 cm leaflet cover examples



occuptatur

Eita dio tenis

esti quis excerunt

ut qui coreprae

occuptatur

Lorem ipsum fragum cum

Lorem ipsum et dolor fragum

maribusestate

corepiae

epiaro

55

Publications10 x 21 cm leaflet back cover example

MN

-30-11-250-EN-c

56

Publicationsgrid 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.


No text will be written in the white banner reserved for the logo or beyond the limits established by the yellow block ( ) 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.

2 x 6 x 10 x3 x 7 x 11 x4 x 8 x 12 x 14 x5 x 9 x 13 x 15 x

a

a a

a

57

Publicationsgrid system for a4 back cover (horizontal)

the layout grid of the back cover is the same as that created for the cover, with the difference being that 8 columns with 5 mm gutters are added to it.

the texts are positioned on the left column, aligned flush left, ragged right.

MN

-30-11-250-EN-c

58

Publicationsa4 (horizontal) cover examples

Eita dio tenis

esti quis excerunt

ut qui coreprae

occuptatur


maribus estate


solaris

dolibris

59

PublicationsDouble page a4 grid system

16 16

13

13

5 gutter columns: 5 mm interline spacing: 12 pt

60

PublicationsDouble page examples

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 pre-tium libero. Mauris arcuvelit, tempus quis imper-diet eu, mattis sed orci. Vivamus suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis, mi est posuere ante, non volut-pat enim ante quis elit. Fusce dapibus tempus ul-tricies. Praesent mauris tortor, auctor vel porttitor non, adipiscing accumsan neque. Nulla et risus odio, fermentum dapibus neque. Proin scelerisque consec-tetur 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

Fusce malesuada sapien id 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 sce-lerisque 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 pre-tium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orci. Vivamus suscipit felis non felis imperdiet scelerisque. Prae-sent 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

Proin scelerisque consectetur semper. Aenean ru-trum 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 tem-por 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, solli-citudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobor-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elemen-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.

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa

ligula. Fusce quis sapien id sapien sollicitudin ullam-

corper. Cum sociis natoque penatibus et magnis dis

parturient montes, nascetur ridiculus mus. Phasellus

non dolor quis nisl auctor molestie.

Mauris velit pellentesque

alirsuam

4

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 au-gue. Mauris purus elit, faucibus ut lacinia at, rutrum id massa.

Proin leo velit, ullamcorper vitae aliquam et, solli-citudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobor-tis ipsum, eget elementum erat eleifend ut venenatis sagittis metus id dapibus neque. Proin scelerisque venenatis.


Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Phasellus place-rat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elemen-tum 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 ali-quet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venena-tis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Ves-

tibulum lobortis auctor nunc eu suscipit. Quisque ia-culis 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 ali-quet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venena-tis sagittis metus id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Ves-tibulum lobortis auctor nunc eu suscipit. Quisque ia-culis 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 place-rat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies felis elit in metus. Nam elemen-tum 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 im-perdiet 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 nulla fringillaMauris 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.

Donec sagittis diam ac nulla fringillaMauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orcifer mentum dapibus neque.

Ommolum rent dolenis evelenda quam quo mi, sanienis et etum qui repelita simus este voluptate et et parcia consecu lluptur? Aquae et ipsam ipiciet es asperatqui doloribus maionsequodi destis a di tem re volo bearum alita cusa plibusa cus volupta nullabores nia et rerovid magnias idi offi cim aut poribusant endandae. Qui blab 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.Hilla dolorit atecabor res et aligendente essitatur, endus sam delesto volore et quiatecta doluptur, quiberat dolut quo volorporion consedit pelit eum quibus.

Pe vene earum re qui rent, suntotas autenisque plitate ndelenihilit offi ctenis 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-tatur 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

5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullam-corper.

CHAPTER 1

1

1 6 11

2 7 12

3

8 134

914

510

2

3

4 5

6

7

7

8

9

11

12

14

13

10

PF Square sans pro regular 6 ptskerning: 660 pts

PF Square sans pro 9 pts

PF Square sans pro Medium 12 ptskerning: 100 pts

PF Square sans pro Regular 46 ptsinterline spacing: 48 ptskerning: -20 pts

Garamond Premier pro Semibold caption 68 ptskerning: -20 pts

PF Square sans pro medium italic 9.5 ptsinterline spacing: 12 pts

PF Square sans pro Medium italic 8 ptsinterline spacing: 12 ptskerning: -40 pts

PF Square sans pro Regular 9 ptsinterline spacing: 12 pts

PF Square sans pro Medium 12 ptsinterline spacing: 12 pts

PF Square sans pro italic 16 ptsinterline spacing: 18 pts

PF Square sans pro medium italic 10 ptsinterline spacing: 12 pts

PF Square sans pro italic 16 ptsinterline spacing: 18 ptskerning: -20 pts


line is 4 pts thick

61

PublicationsDouble page examples

62

PublicationsDouble 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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa

ligula. Fusce quis sapien id sapien sollicitudin ullam-

corper. Cum sociis natoque penatibus et magnis dis

parturient montes, nascetur ridiculus mus. Phasellus

non dolor quis nisl auctor molestie.Mauris

velit pellentesquealirsuam

4

lorem feugiat lorem convallis vel adipiscing risus ul-trices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis vene-natis 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, fau-cibus ut lacinia at, rutrum id massa.

Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consecte-tur 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 ves-tibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultri-cies felis elit in metus. Nam elementum tincidunt varius. Vivaorbi at ultrices ante. Phasellus placerat, tindicutemo

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 lec-tus 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 auc-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. 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-

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 ves-tibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultri-cies 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 po-suere.

Vivamus suscipit felis non felis imper-diet 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 susci-pit 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 offi ctotas eost, ent inusae. Et harum quae prerers pienis int.Enti iderum deles volupta con est, sequi rem volorios dis enti totat abor simus, sapero offi cil icitate stiorenis atum ipiet faccum quuntemolut alita venesequia niet estiore nemque conemporae re que ma voluptatius autem au-tem nulparc hicimus aut voloreium sunt la peria apit, quia sed quiam laborum doles est fuga. Aquiae veria cus

Donec sagit-tis diam ac nulla fringillaMauris aliquam velit pellentesque sem tris-tique 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.

5

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 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 offi cia id quid ma quodit quis experia quat.

Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid.“

”

13 15

13

13

7 gutter columns: 5 mm interline spacing: 12 pt

1

12

13

14

2

3

4 5

6

7

8

9

10

11

1 6 11

2

712

38

134

914

5 10

PF Square sans pro regular 6 ptskerning: 660 pts

PF Square sans pro 9 pts

PF Square sans pro Medium 12 ptskerning: 100 pts

PF Square sans pro Regular 46 ptsinterline spacing: 48 ptskerning: -20 pts


PF Square sans pro medium italic 8 ptsinterline spacing: 12 ptskerning: -40 pts

line is 4 pts thick

PF Square sans pro italic 9.5 ptsinterline spacing: 12 pts

PF Square sans pro regular 9 ptsinterline spacing: 12 pts

PF Square sans pro medium 12 ptsinterline spacing: 12 pts

Garamond Premier pro semibold 96 ptsinterline spacing: 100 pts

Garamond Premier pro Medium italic 16 ptsinterline spacing: 18 pts



63

PublicationsDouble page horizontal

lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis venenatis consec-tetur. 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 ali-quam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobor-tis ipsum, eget elementum erat eleifend ut venenatis sagittis metus id dapibus neque. Proin scelerisque venenatis.

Nulla consequat iaculis rutrurau Donec feugiat varius vestibu-lum 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, pre-tium 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. Vesti-bulum 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. Ves-tibulum lobortis auctor nunc eu suscipit. Quisque iacu-lis 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 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 ambi-tion 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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dic-tum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper.

Mauris velit pellentesque aliquam estumis

alirsuamM 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

tr


”

Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid.Temquodi genihil et aut incia perumendist que do-luptatio vit.

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 vestibu-lum doloresninc esta

Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lo-rem 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 tincidunt. Quisque fringilla lobortis ipsum, eget ele-mentum erat eleifend ut venenatis sagittis metus id venenatis. Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lo-rem 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.

Lorem ipsum dolor sit amet, consec-tetur adipiscing elit. Donec elemen-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.Harumquo eniantis et utem ulparum dendi iliqui sae.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec elementum tempor dic-tum. Aenean id massa ligula.

Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et

magnis dis parturient montes, nascetur ridiculus mus. Phasel-

lus non dolor quis nisl auctor molestie.

lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fer-mentum 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 tris-tique auctor. Curabitur et tempus augue. Mauris pu-rus elit, faucibus ut lacinia at, rutrum id massa.

Proin leo velit, ullamcor-per vitae aliquam et, sol-licitudin id erat. Cras non ultricies odio. Duis elei-fend consectetur dui eu

tincidunt. Quisque fringilla lobortis ipsum, eget ele-mentum 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. Phasel-lus placerat, velit ac tris-tique 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 fauci-bus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere. Nam sus-cipit fermentum nulla eget tincidunt.

Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, commodo vitae ullamcorper ac, lobor-tis 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 sollicitu-din 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, lobor-tis 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. Phasel-lus placerat, velit ac tris-tique 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, pre-tium id aliquet non, elei-fend in felis. Donec eu lec-tus arcu. Aliquam rutrum rutrum nulla sit amet posuere.

Vivamus susci-pit felis non felis imperdiet scele-risque. Praesent

suscipit, quam in egestas mollis

pendisse at nibh nulla. Ut

id tortor ut nibh lacinia porttitor quis tempor me-tus. Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tem-por metus. Donec ac lacus metus, Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metunec sus-cipit 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.


Mauris velit pellentesque aliquam estumis


6 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 do-luptatio vit.

Mauris aliquam velit pel-lentesque 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 imper-diet eu, mattis sed orci. Vivamus suscipit felis non felis imperdiet scele-risque. 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 dapi-bus neque. Proin scele-risque neque.

Nulla consequat iaculis rutrum. Donec feugiat

varius vestibulum doloresninc esta

Proin scelerisque consec-tetur semper. Aenean rutrum volutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, vel molestie enim. Suspen-disse at nibh nulla. Ut id tortor ut nibh lacinia port-titor quis tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, eges-tas id fermentum eget, tincidunt a felis. Mauris aliquam diam ut leo tris-tique auctor. Curabitur et tempus augue. Mauris pu-rus elit, faucibus ut lacinia at, rutrum id massa.

Proin leo velit, ullamcor-per vitae aliquam et, sol-licitudin id erat. Cras non ultricies odio. Duis elei-fend consectetur dui eu

tincidunt. Quisque fringilla lobortis ipsum, eget ele-mentum erat eleifend ut venenatis sagittis metus id venenatis. Proin scelerisque consec-tetur semper. Aenean ru-trum 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 tem-por metus. Donec ac lacus metus, nec suscipit ip-sum. lorem feugiat lorem convallis tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, eges-tas id fermentum eget, tincidunt vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermen-tum eget, tincidunt a felis. Mauris aliquam diam ut leo tristique auctor. Cura-bitur et tempus augue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitu-din 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.






lorem feugiat lorem convallis vel adipiscing risus ul-trices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis vene-natis 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, fau-cibus ut lacinia at, rutrum id massa.

Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Duis eleifend consecte-tur 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 ves-tibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultri-cies 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 po-suere. 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 auc-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. 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-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 ves-tibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultri-cies 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 po-suere.

Vivamus suscipit felis non felis imper-diet 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 ip-sum. gency and level Donec quis tempor metunec sus-cipit 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 lec-tus 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.




6 7


”

Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid.Temquodi genihil et aut incia perumen-dist que Tem doloraecest que nonsedipsa prepudi rerias nobissimos pelenis voluptatur sum quis pero blaut eos doluptatio vit.

Mauris aliquam velit pellentesque sem tristique conval-lis. Donec sagittis diam ac nulla fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luc-tus 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 sce-lerisque. 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 sce-lerisque neque.


Proin scelerisque consectetur semper. Aenean rutrum vo-lutpat lectus, vitae mattis lorem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tel-lus, 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 ali-quam 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 consecte-tur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget

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.






1

1 Garamond Premier pro Medium 16 ptsinterline spacing: 18 pts

64

Publicationsinside pages for 10 x 21 cm leaflet

7.5 7.5 7.57.5 7.5

13

7.5

2 gutter columns: 5 mm interline spacing: 12 pts

65

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 pul-

vinar. Mauris aliquam diam ut leo

tristique auctor. sollicitudin id erat.

Cras non ultricies odio. Duis elei-

fend consectetur dui eu tincidunt.

Quisque fringilla lobortis ipsum,

eget elementum erat eleifend ut

venenatis sagittis metus id dapi-

bus neque. Proin scelerisque ve-

nenatis.


Nulla consequat iaculis rutrum.

Donec feugiat varius vestibulum.

Morbi at ultrices ante. Phasellus

placerat, velit ac tristique vestibu-

lum, erat felis rhoncus mauris, id

ultricies felis elit in metus. Nam

elementum tincidunt varius. Nam

suscipit fermentum nulla eget tin-

cidunt.

Etiam non quam et magna place-

rat venenatis aliquet et est. Pellen-

tesque nulla urna, commodo vitae

ullamcorper ac, lobortis ut orci.

Pellentesque 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 place-

rat venenatis aliquet et est. Pellen-

tesque nulla urna, commodo vitae

ullamcorper ac, lobortis ut orci.

Pellentesque venenatis sagittis

Lorem ipsum dolor sit amet, consectetur

adipiscing elit. Donec elementum tempor

dictum. Aenean id massa ligula. Fusce

quis sapien

metus id venenatis. Vestibulum sit

amet enim nec augue auctor sol-

licitudin 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 tris-

tique 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, ide ultricies

felis elit in metus. Nam elemen-

tum 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, elei-

fend in felis. Donec eu lectus arcu.

Aliquam rutrum rutrum nulla sit

amet posuere.

Vivamus suscipit felis non felis imperdiet sce-lerisque.

pendisse at nibh nulla. Ut id tortor

ut nibh lacinia porttitor quis tem-

por 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-

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.


alirsuamLorem 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 ipita-tur acidita nam estia doluptatem dolorrorem.


”

Donec sagittis diam ac nulla fringilla

Mauris aliquam velit pellen-tesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci vehi-cula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada feugiat. Vesti-bulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orcifer mentum dapibus neque.

Lorem ipsum dolor sit amet,

consectetur adipiscing elit. Donec

elementum tempor dictum. Aenean

id massa ligula. Fusce quis sapien id

sapien sollicitudin ullamcorper.

1

1

6

6

11

10

2

2

7

7 11

3

3

8

4

4

9

8

5

5

10

9

PF Square sans pro Regular 46 ptsline spacing: 48 ptskerning: -20 pts


PF Square sans pro italic 9.5 ptsinterline spacing: 12 pts

PF Square sans pro medium italic 7 ptsinterline spacing: 12 ptskerning: -40 pts

line is 4 pts thick

PF Square sans pro regular 9 ptsinterline spacing: 12 pts

PF Square sans pro medium 12 ptsinterline spacing: 12 pts

Garamond Premier pro semibold 96 ptsinterline spacing: 100 pts

Garamond Premier pro Medium italic 16 ptsinterline spacing: 18 pts



Publicationsinside pages for 10 x 21 cm leaflet

66

PublicationsPosters (vertical)

For all posters that follow the DIN standard (A3, A2, A1 and A0), the layout process and the proportions are the same as for the construction of an A4 cover except that the logo is 1/11 width of the document.

2 x 3 x 4 x 5 x 6 x 7 x 8 x 9 x 10 x 11 x

a

a a

67

PublicationsPosters (vertical)example

lorem ipsum dolor et cum

carro est

AC IPSUSTO DOLORE

20 > 28.02.12

Frageri balor

68

PublicationsPosters (horizontal)

2 x 6 x 10 x3 x 7 x 11 x4 x 8 x 12 x 14 x5 x 9 x 13 x 15 x

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).

a

a

a

69

lorem ipsum dolor et cum carro est

20 > 28.02.12

transitis per viam

AC IPSUSTO DOLORE

PublicationsPosters (horizontal)example

70

PublicationsDon’ts


Eita dio tenis

esti quis excerunt

ut qui coreprae

occuptatur

fragumlorem ipsum dolor et cum carro est

Eita dio tenis

esti quis excerunt

ut qui coreprae

occuptatur

Frageri

erasi

Lorem ipsum dolor et cum carro est

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.

The top banner should always be white for publications.The contrast between the title and the big ‘word’is not strong enough.

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.

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.

et dolor is fragum




occuptatur

71

Event communication

2.4

72

Event communicationStands

Double stand backdrop with lecterns

Self-standing roll-up panel

For exhibitions, events or fairs organised by the European commission, the following two solutions are illustrated:

this is not an exhaustive selection of material, but demonstrates how to use the visual identity in such settings.

73

Event communicationBanners and flags

Flags banner

Loremipsum etQuisque semper adipiscing

ec.europa.eu/budget/reform

fusce facsis varius

Quisque semper

adipiscing

Dolor cum nat memQuisque semper adipiscing

74

Event communicationBackdrops

2 x 6 x 10 x3 x 7 x 11 x4 x 8 x 12 x 14 x5 x 9 x 13 x 15 x

Estivus lates dell maribus

Lapid dorios tag

festires

a

aa

Estivus lates

et dolor illiadussit amet

Lapid dorios tag

alim eu nunc

75

3Specific 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-brandingexamples

www.festivalofeurope.europa.eu

Saturday

MayFestival of Europe

Euro pean Ins tit utions

Open Day

www.festivalofeu

rope.europa.eu

2011

Saturday

MayFestival of Europe

Euro pean Ins tit utions

Open Day

www.festivalofeu

rope.europa.eu

2011

BRUSSELSEUROPEAN DISTRICT7 MAy – 10 A.M. TO 6 P.M.

Debates – InformationActivitiesChildren’s workshopsMusic and dance

committee of the regions

78

www.festivalofeurope.europa.eu

Specific applications Sign-off

in collaboration with the European

Commission

Co-funded by the

An initiative of the

in collaboration with the

Funded by the

PF Square Sans italic 9.5 pts

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.

logo safe area

logo safe area

Co-funded by the


in collaboration with the

funded by the

79

Specific applications Sign-offexamples



80

for more information Directorate-General for communication200 rue de la loiB-1040 Brusselstel: +32 2 298 80 11E-mail: [email protected] 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


european commission visual identity - ypes.gr...74 banners and flags 75 backdrops 76 3. specific...

Documents