Your SlideShare is downloading. ×
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
EC visual identity guidelines Feb2012
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

EC visual identity guidelines Feb2012

1,467

Published on

Published in: Business, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,467
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
28
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. European Commissionvisual identity guidelines
  • 2. Ta b l e o f c o n T e n T s1 Introduction 31 Website banners2 Basic principles 32 Website3 Use of colour and typography 33 PowerPoint for the Policies 36 2.2 Stationery4 1. Visual elements 37 Letterhead 38 Compliments cards5 1.1 logo 39 Business cards6 Positive versions 40 Electronic signature7 Negative versions 41 Document folder8 Language versions 42 Adhesive notepad9 Typography / size and leading 43 Promotional items10 Proportion and protection area12 Minimum size and typeface 45 2.3 Publications13 Colours 46 Grid system for covers,14 Do’s and Don’ts back cover and examples 60 Grid system double pages,15 1.2 Visuals inside pages and examples16 Use of images and graphic effects 67 Grid system for posters and examples17 1.3 colours 71 Don’ts18 Colour palette for Corporate Communication 72 2.4 Event communication19 Colour palette for Policies 73 Stands 74 Banners and flags20 1.4 typography 75 Backdrops21 Main typeface22 Secondary typeface 76 3. specific applications23 Alternate typeface for Office and Web 77 Co-branding and examples24 System and rules 79 Sign-off and examples25 2. Various fields of application26 2.1 Electronic media27 CD and DVD labels28 CD and DVD pocket sleeve29 DVD inlays30 DVD menus
  • 3. IntroductionT his graphic charter presents the new visual identity of the European commission. It establishes the basic principles to be applied to the entire rangeof communication products.It gives the European commission a recognisable imageand a more coherent voice when communicating. thenew visual identity is both serious and elegant.the identity is constructed around the new Europeancommission logo. this is based on 2 key elements:the European flag and a graphic element inspired bythe headquarters of the European commission. thestructured nature of the visual identity confers an imageof reliability to the institution.this new visual identity should be used for allcommunication products (web, publications, promotionalitems, etc.) of the European commission. this will helppromote a serious, consistent image of the institutionto the public. It will also give more coherence andweight to the commission’s communication. All personsresponsible for producing communication material, bothwithin and outside the European commission, shouldrespect the guidelines set out in this graphic charter. 1
  • 4. Introduction Basic principlesThe European Commission’s new graphic identityis defined by its different constituent visualelements: 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 ofthe medium on which it is positioned (except in theweb banner). It works in combination with the footerbox of the same width. the image/flat colour tintarea starts from the baseline of the flag/graphicelement ( 4 ).2. The footer box: 4 1this is an extension of the logo and is always placedat the bottom of the page to indicate the policy area 4or strategy.It serves two main purposes: a. to create a virtual vertical axis (here in yellow) which symmetrically balances the document. the left and right sides of this axis (here in red dotted lines) are the axes on which the entire text composition will be built. the logo and its footer thus form the backbone of the graphic identity (with the exception of the web). When the footer box contains no text, its height is 1/2 that of the flag in the logotype. On small documents where the logo is too close to the bottom of the page, its height is 1/4 that of the flag (see example p. 42). b. In the case of documents created for different European commission’s policies, the footer box, twice as high (same size as flag), can change colour depending on the colour palette. A colour palette Lorem ipsum dolor will be proposed for each policy. It will contain the name of the relevant policy. therefore, the footer box also serves to inform. fragum cum 3 corepiae Eita dio tenis esti quis excerunt ut qui coreprae3. The typefaces: occuptaturThe typefaces used in the new visual identity areas follows:- main: PF Square Sans Pro 2- secondary: Garamond Premier Prothe PF Square Sans Pro font is used in all documents.to make the page more dynamic, the texts will be 4. The top white banner of the document:freely positioned in the area, but will be justified Breathing space, a ‘showcase’ for the logo, a constant(either flush left or flush right, ragged or on one of the and unchangeable visual element the white bannerascenders or descenders of one or more letters) on (or blue in some cases – see p. 38, 41) is all of theseone or two of the vertical axes. Where possible, and rolled into one. the blue banner will be used forin an effort to add contrast, there is a requirement certain documents (mainly stationery) that do notto highlight a word/part of a phrase by significantly have images/flat colour tints immediately underincreasing the size of the letter’s body. this word will the banner.also be in colour.(for more information on the choice of typefacesand their use, see pages 21, 22, 23 and 24). 2
  • 5. Introduction Use of colour and typography for the PoliciesA colour palette will be developed for each policy area. this will helpgive them their own individuality within the common corporate lookand feel.to identify a policy, we have devised a ‘footer box’ as anintegralpart of the visual identity. this footer box contains the name of thepolicy. It should be noted that the height of this block is the same asthe thickness of the logo flag. It is therefore twice the height of theEuropean commission’s corporate version which contains no text. thehorizontal bar underlining “European commission” will always be inthe same colour as the footer box at the bottom of the page. Eita dio tenis esti quis excerunt ut qui coreprae occuptatur Constetuar est frageri The Policy comes E E here on maximum E E 3 lines E E E E E the policy will be indicated in PF Square Sans Pro Italic, with automatic interline spacing, and letter spacing (kerning) -30 pts. the alignment is carried out flush left on “European commission”. to determine the size of the character, divide the height of the footer box by 9 upper case “E”s. Depending on Agriculture the colour of the policy (varying degrees of darkness), we will opt for the typeface in white or black. No other colour can be used in this area. 3
  • 6. 1Visual elements logo Visuals colours typography 4
  • 7. 1.1Logo 5
  • 8. Logo Positive versions CMYKthe European commission logo existsin 6 versions (positive and negativecMYK, Reflex Blue and black & white),all of which are available in 6 differentformats (ai, eps, jpg, png, tiff and pdf).http://www.cc.cec/home/dgserv/comm/visual_identity/ Pantone Reflex Blue Black 6
  • 9. Logo Negative versionsCMYKPantone Reflex BlueBlack European Commission The gold version is an alternate version for 1 pms printing on colour paper./fabric It is an example, any colours can be used (see example page 43 (lanyards)) . 7
  • 10. Logo Language versionsBG FR PlcS GA PtDA HU RODE It SKEl lt SlEN lV FIES Mt SVEt Nl 8
  • 11. Logo Typography size and leading to determine the size of the font to use in any language, we have used the longest (Swedish) translation “kommissionen” as a reference. the text is justified to the left. 18 x12 x3x3x1x the lower case “u” taken from the word above determines the space between the baseline of “kommissionen” and the top line of the horizontal bar. 9
  • 12. Logo Proportion and protection area ! When used alone the logo is unalterable and on white or colour indissociable in all its component background elements. For reasons of integrity (on stationery and visibility, it should always be for example). surrounded by a clear space, or “protection area”, which no other element (text, image, drawing, figure...) can infringe upon1. a a a a a a a a a a 12 floors a a0.5 a 1/12 of Ec flag a height Protection area 1. the only exception to this rule of logotype: is business cards. Given their no images or small size and the very limited typography space available, this “protection allowed within area” rule cannot be followed. these limits. 10
  • 13. Logo Proportion and protection area ! When used with colours or photos below the flag’s baseline (in publications for example).bleed of page a a a 0,5 a a the flag of the European commission logo must always be centred on the page as shown above. 11
  • 14. Logo Minimum size and typeface 25 mmDue to legibility and visibility ! eXcePTIonconstraints and in order toavoid the “moiré” that could When use is limited in terms of space oroccur in halftone reproduction height available (for example USB keys,of the graphic element, the ballpoint pens, signatures for the web,recommendation is to not 25 mm etc.), a simplified horizontal version ofreproduce any of the cMYK the logo is available in cMYK (web only),and Pantone Reflex Blue logos Reflex Blue and in Black (no greyscale).in a size smaller than 25 mm.the Black logo, having noscreen, is more legible. It can 20 mmtherefore be reproduced ina smaller size. However, therecommendation is to not gobelow 20 mm. This version is an alternate version for 1 pms printing on colour paper./fabric. It is an example, any colours can be used (see example page 43 (lanyards)).In 2005, designer Panos Vassiliou For the European commission logo,created PF Square Sans Pro in his quest the PF Square Sans Pro Medium isfor a true square-like text typeface, the only typeface version allowed.which could balance simplicity It is used in Black with 75% opacitywith vitality and strength, without for the cMYK logo and 70% Pantonecompromising its characteristics as a Reflex Blue for its 1 pms versiontext typeface. 100% for the black & white version.PF SQUARE SANS PRO - MEDIUMabcdefghijklmnopqrstuvwxzAbCDEFGhIjkLMNOPQRSTUVwxz0123546789 12
  • 15. LogoColours CMYK C: 100 C: 0 C: 0 C: 0 M: 80 M: 0 M: 0 M: 0 Y: 0 Y: 100 Y: 0 Y: 0 K: 0 K: 0 K: 30 K: 75 Pantone Reflex Blue Reflex Blue Reflex Blue Reflex Blue 100 % 30 % 70 % Black Black: 100 % 13
  • 16. Logo Do’s and Don’tsIt is absolutely prohibited to modifythe logo in any way. there shouldbe no reason to do so under anycircumstances, as it will be providedin all its different versions andformats. Here are a few examples European Europeanof what not to do. Commission Commission No outline is allowed for the graphic Modifying the proportions element or for any other component of the logo is not permitted. of the logotype. European European European Commission Commission Commission Wrong flag – the new European Wrong colour for the graphic The position of the flag cannot Commission flag is a modified element – in the CMYK version, be changed in any way. version of the European Union flag. it must be in Black, 30 %. The space must be respected. European Commission Wrong font used for the “European Commission” text – use only PF Square Sans Pro Medium. EUROPEAN COMMISSION Using upper case instead of lower case is not allowed. 14
  • 17. 1.2Visuals 15
  • 18. Visuals Use of images and graphic effects the visuals used on cover pages should illustration that is graphically strong. Black be subject-related. You should limit your & white photos are allowed only where selection to a single photograph. When the necessary. subject of a publication is too abstract orWhen you choose a photo, too vast to refer to one single photograph, Except for flat colour tints and dropmake sure it has no element you can opt for non-figurative or conceptual shadows on the text (use sparingly – neverthat will distort the legibility of images or illustrations. Photo combinations use outlines), no other graphic effect isthe logo. If necessary, crop it (different photos merged into one visual) allowed in this visual identity. A limiteddifferently. do not follow the visual identity guidelines. use of visual elements is allowed to create Use one visual only. If you want to show a visual environment appropriate to the different subjects in one visual, choose an target audience of a given communication illustration with a coherent design. initiative. “less is more” is the motto. It is important that covers, posters, and others When choosing a picture for a cover, keep in are not cluttered with any superfluous mind that the cover has to be eye-catching. elements. It is therefore vital to choose a picture/ 16
  • 19. 1.3Colours 17
  • 20. Colours Colour palette for Corporate Communication the choice of support colours is made based on the 4 colours of the logo: dark blue, yellow light grey and dark grey. the colours chosen will therefore be monochrome colours derived from these four base colours. However, the value of the colour chosen should not be the same as or darker than the blue of the European commission’s logo, so as to ensure that the bar and its footer box are visible. the preference is to use pure colours (except for the range of greys) rather than pastel tones, which are to be excluded from the range of colours.c M Y K c M Y K c M Y K68 43 7 0 90 50 0 0 70 35 0 0R V b R V b R V b76 112 167 0 111 180 47 154 251c M Y K c M Y K c M Y K0 15 90 0 0 30 90 0 8 20 95 0R V b R V b R V b255 214 36 255 187 9 240 199 0c M Y K c M Y K c M Y K33 33 33 0 50 50 40 10 70 35 50 5R V b R V b R V b184 170 162 136 120 124 92 139 127c M Y K c M Y K c M Y K0 20 0 75 20 0 0 75 0 0 30 75R V b R V b R V b99 87 94 82 94 101 101 99 81 For the strictly institutional or corporate communication of the European commission, there should be a minimum use of colour (colour in typography), with a predominant use of white. the European commission’s corporate publications should in effect stand out visually from the communication on different policies which have their own colour code. 18
  • 21. Colours Colour palette for Policiescolour is a key element of differentiation for the policy areas. For the support colours, meaning any flat colour tints andA given policy area can select its own individual colour palette. colours of large text, it will be up to the graphic designer tothe colours proposed for the different policies are bright or choose, however he/she must avoid using pastel colours ordarker colours. any colour with the same value as that of the policy, in a bid to ensure that the footer box and horizontal bar are alwaysthe choice of colours will be made on the basis of the themes visible.addressed by each individual or crosscutting policy. Pastelcolours must be excluded, along with blues that are too closeto the Reflex Blue of the corporate logo. c M Y K c M Y K c M Y K c M Y K c M Y K 0 94 81 0 41 67 72 35 29 98 70 26 53 100 30 21 77 16 21 0 R V b R V b R V b R V b R V b 235 33 46 123 74 56 148 25 51 121 0 84 0 159 186 c M Y K c M Y K c M Y K c M Y K c M Y K 0 90 0 0 71 13 0 0 52 0 83 0 0 40 85 0 60 80 0 0 R V b R V b R V b R V b R V b 229 46 135 0 175 236 142 197 74 246 170 52 127 74 148 c M Y K c M Y K c M Y K c M Y K c M Y K 0 60 85 0 72 34 78 15 73 0 84 0 55 70 40 15 85 40 30 0 R V b R V b R V b R V b R V b 243 130 48 78 120 73 63 179 79 122 83 103 0 125 152 c M Y K c M Y K c M Y K c M Y K c M Y K 53 50 20 0 75 20 100 0 72 36 45 5 20 80 80 7 65 100 5 0 R V b R V b R V b R V b R V b 139 130 161 77 146 44 80 131 130 191 75 54 119 29 123 c M Y K c M Y K c M Y K c M Y K c M Y K 30 70 100 30 65 5 45 0 0 80 98 0 65 42 40 5 80 40 10 0 R V b R V b R V b R V b R V b 144 76 24 93 179 155 231 81 24 103 128 134 38 129 180 19
  • 22. 1.4Typography 20
  • 23. Typography Main typefacethree main weights are used for publication PF Square Sans Procovers. However, nine other weights areavailable for inside pages as needed.PF SQUARE SANS PRO - Regularfor emphasized words in headlines, text body and titles PF SQUARE SANS PRO - light italicabcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxzABcDEFGHIjKlMNOPQRSt abcdefghijklmnopqrstUVWxz0123546789 uvwxz0123546789PF SQUARE SANS PRO - Italicfor subtitles and captions PF SQUARE SANS PRO - Medium italicabcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxzABCDEfGhijkLMNOPqrST abcdefghijklmnopqrstUVWxz0123546789 uvwxz0123546789PF SQUARE SANS PRO - Mediumfor headlines and titles PF SQUARE SANS PRO - Boldabcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxzAbCDEFGhIjkLMNOPQRST abcdefghIjKlMnoPqRsTUVwxz0123546789 uVWXz0123546789PF SQUARE SANS PRO - thin PF SQUARE SANS PRO - Bold italicabcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxzaBCDeFghijkLMNoPqrST abcdefghijklmnopqrstUvwxz0123546789 uvwxz0123546789PF SQUARE SANS PRO - thin italic PF SQUARE SANS PRO - Extra blackabcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxzabcdefghijklmnopqrst abcdefghijklmnopqrstuvwxz0123546789 uvwxz0123546789PF SQUARE SANS PRO - light PF SQUARE SANS PRO - Extra black italicabcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxzaBCdEFghIjKlMNoPqRST abcdefghijklmnopqrstUvWxz0123546789 uvwxz0123546789 21
  • 24. Typography Secondary typeface garamond Premier Prothe classic Garamond Premier Pro used in association withthe very modern PF Square Sans Pro will bring a strongcontrast and rhythm to the layouts and provide greaterlegibility. this typography will only be used on the insidepages of publications.Garamond Premier Pro Medium Garamond Premier Pro Semi Bold Italicfor captions for quotesabcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxzabcdefghijklmnopq abcdefghijklmnopqrstuvwxz0123546789 rstuvwxz0123546789Garamond Premier Pro Italic Garamond Premier Pro Boldfor quotes for emphasized words in quotes and subtitlesabcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxzabcdefghijklmnopq abcdefghijklmnopqrstuvwxz0123546789 rstuvwxz0123546789Garamond Premier Pro Semi Bold Garamond Premier Pro Bold Italicfor captions for quotesabcdefghijklmnopqrstuvwxz abcdefghijklmnopqrstuvwxzaBcdefGhIjklMnoPq abcdefghijklmnopqrStuvwxz0123546789 rstuvwxz0123546789 22
  • 25. Typography alternate typeface for office and web verdanaFor any document created in web and web mobile, Officeprogrammes (Word, PowerPoint, Excel) as well as for electronicsignatures, the PF Square Sans Pro typeface is Verdana.Verdana bold Verdana bold italicfor titles for emphasized words in quotes and subtitlesabcdefghijklmnopqr abcdefghijklmnopqrstuvwxzabcdefghi stuvwxzabcdefghijklmnopqrstuvw jklmnopqrstuvwxz0123546789 xz0123546789Verdana Regular Verdana italicfor titles and text for subtitlesabcdefghijklmnopqr abcdefghijklmnopqrstuvwxzabcdefghi stuvwxzabcdefghijklmnopqRstuVw jklmnopqrstuvwxz0123546789 xz0123546789 23
  • 26. Typography System and rules (81 pts)wordA key element of the Europeancommission’s visual identity is the useof typography (in different weightsand sizes) as a visual element in itsown right, notably on the covers ofpublications. the contrast of size isvery important for visual effect and Set in PF Squaredistinctiveness. It can be achieved very Sans Pro Regulareasily using the following method:*1.6 is the Golden ratio. this is the divided by 1.6*=reference figure used to divide or (50 pts)wordmultiply the size of the text to achievethe proper contrast between the “largeword”, the headline and the subtitleif there is one.Make sure you do not divide the sizeof the text by 3.2 (2 x 1.6) as you willnot get the same result when dividingthe first time by 1.6 and then dividing divided by 1.6 =it again by 1.6. (31.5 pts) headlineWhen the “large word” is too short andhas no impact on the cover, you canmultiply its size a third time by 1.6. Set in PF Square Sans Pro Medium divided by 1.6 = (20 pts) Headline Lorem ipsum dolor fragum cum corepiae Eita dio tenis esti quis excerunt ut qui coreprae occuptatur divided by 1.6 = !After dividing twice using the Golden (12 pts) Subtitleratio (1.6), make sure you round upor down to the nearest unit or half Set in PF Squareunit, i.e. if your result is 11.7 points, Sans Pro Italicround 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 tomillimetres and centimetres. 24
  • 27. 2Various fields of application Electronic media Stationery Publications Event communication 25
  • 28. 2.1Electronic media 26
  • 29. Electronic media CD and DvD labels 3 a 26.5 a 16.5 120 Lorem ipsum para liter est cum carro fragumhalf of flag Lorem ipsum Lorem ipsum para liter para liter est cum carro est cum carro doloris fragum 27
  • 30. Electronic media CD and DvD pocket sleeve 122 mm 2x 3x 4x 5x 6x 7x 8x a a MN-30-11-250-EN-cneque porro quisquam quia dolor sit amet,est qui dolorem: consectetur, velit:lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consecteturadipiscing elit. vivamus ut sem sit amet adipiscing elit. vivamus ut sem sit ametlacus blandit tincidunt nec quis quam. lacus blandit tincidunt nec quis quam.vivamus convallis bibendum nulla, vivamus convallis bibendum nulla, sitsit amet scelerisque quam adipiscing amet scelerisque quam adipiscingeu. quisque consequat diam id turpis eu. quisque consequat diam id turpis Lorem ipsum dolorvestibulum varius. Fusce condimentum vestibulum varius. Fusce condimentum Curabitur in dolor a velit interdum corepiaeorci commodo nisl semper non orci commodo nisl semper non scelerisque sed etdignissim nisl gravida. vestibulum orci dignissim nisl gravida. vestibulum orci fragum cum justoulla facilisilorem, ultricies id cursus a, sagittis quis lorem, ultricies id cursus a, sagittis quis curabitur in dolor alectus. Pellentesque habitant morbi lectust montes, nascetur ridiculus mus. velit interdumtristique senectus et netus scelerisque sed.Praesent elementum eu, viverra suscipit sapien. Phasellus cursus lacinia eros sed vestibulum. Donec neque, pulvinar euismod rhoncus vel, gravida at turpis. Sed ullamcorper vehicula Eita dio tenis esti quisnunc non odio feugiat. placerat eleifend velit. Nulla mattis mauris turpis, id suscipit est ornare non.Phasellus lorem nibh, tincidunt ut adipiscing sed quam convallis auctor. Integer mauris excerunt ut qui coreprae occuptatur© european commission, 2011disclaimer: for more information:Phasellus lorem nibh, tincidunt ut adipiscing eu, viverra suscipit sapien. Phasellus cursus lacinia European commissioneros sed vestibulum. Donec placerat eleifend velit. Nulla mattis mauris sed quam convallisauctor. Integer mauris neque, pulvinar euismod rhoncus vel, gravida at turpis. Sed ullamcorper Information &vehicula turpis, id suscipit est ornare non. communication Unit B-1049 Brussels 28
  • 31. Electronic media DvD inlays 9 111 9 14 129 26 7.5 123.5 19.5 5.5 MN-30-11-250-EN-cPF Square ProRegular 5 pts Lorem ipsum dolor fragum cum corepiaePF Square Pro neque porro quisquam quia dolor sit amet,Bold 10 pts est qui dolorem : consectetur, adipisci velit:leading 12 pts lorem ipsum dolor sit amet, lorem ipsum dolor sit amet, consectetur adipiscing elit. vivamus ut sem sit consectetur adipiscing elit. vivamus amet lacus blandit tincidunt nec quis quam. vivamus convallis bibendum ut sem sit amet lacus blandit tincidunt nulla, sit amet scelerisque quam adipiscing eu. quisque consequat diam nec quis quam. vivamus convallis id turpis vestibulum varius. Fusce condimentum orci commodo nisl semper bibendum nulla, sit amet scelerisque non dignissim nisl gravida. vestibulum orci lorem, ultricies id cursus a, quam adipiscing eu. quisque sagittis quis lectus. Pellentesque habitant morbi tristique senectus et netus consequat diam id turpis vestibulum et malesuada fames ac turpis egestas. Ut tincidunt, mi in facilisis aliquam,PF Square Pro varius. Fusce condimentum orci mauris sem pharetra lectus, sit amet porttitor lectus lectus nec velit. Cum commodo nisl semper non dignissim sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculusRegular 8 pts nisl gravida. vestibulum orci lorem, mus. Curabitur in dolor a velit interdum scelerisque sed et justo. Nulla facilisi.leading 9.6 pts ultricies id cursus a, sagittis quis Sed condimentum, leo et aliquet volutpat, nisl erat molestie nulla, lectus. Pellentesque habitant morbi Curabitur in dolor tristique senectus et netus et a velit interdum malesuada fames ac turpis egestas. scelerisque sed et Ut tincidunt, mi in facilisis aliquam, justoulla facilisi mauris sem pharetra lectus, sit amet curabitur in dolor a porttitor lectus lectus nec velit. Cum velit interdum scelerisque sed. sociis natoque penatibus et magnis dis parturient montes, et aliquet volutpat, nisl erat molestie nulla, in fringilla lectus justo a augue. quisque ornare posuere risus. et risus at Pf Square pro magna viverra rhoncus. metus lectus, vel venenatis metus. Sed in ipsum sit italic 6 pts amet erat fermentum feugiat. Praesent elementum nunc non odio feugiat. PF Square Phasellus lorem nibh, tincidunt ut adipiscing eu, viverra suscipit sapien. Phasellus cursus lacinia eros sed Pro Medium Lorem ipsum dolor corepiae vestibulum. Donec placerat eleifend velit. Nulla mattis mauris sed quam convallis auctor. Integer mauris neque, 15 ptsPF Square Pro pulvinar euismod rhoncus vel, gravida at turpis. Sed ullamcorper vehicula turpis, id suscipit est ornare non. class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. fragum cumBold 5.5 pts © european commission, 2011PF Square Pro disclaimer: for more information: Eita dio tenis esti quisBold 5 pts Phasellus lorem nibh, tincidunt ut adipiscing eu, viverra suscipit sapien. Phasellus cursus lacinia eros sed vestibulum. Donec placerat eleifend velit. Nulla mattis mauris sed quam convallis auctor. Integer European commission Information & communication Unit excerunt ut qui coreprae mauris neque, pulvinar euismod rhoncus vel, gravida at turpis. Sed ullamcorper vehicula turpis, id B-1049 BrusselsPF Square Pro suscipit est ornare non. occuptaturRegular 5 pts lENGtH: 9’41’’ 29
  • 32. Electronic media DvD menus these menu screen ratios are 16/9. the standard video size is 720 by 576 pixels in anamorphic format. For a layout presentation on screen, the format 1020 by 576 is used. It is therefore recommended that you use the format 1020 instead of the 720 which is used for PAl production.Safe areason a PAl screen. Also, safe areas (yellow and blue lines) are needed in order toRed: Invisible areaBlue: Action safe area prevent the image from being cropped and left out of the screenYellow: title safe area on certain television models (invisible area in red). Deutch ▶English Español Français Italiano Nederlands Polsky title safe area Action safe area Invisible area ◀back Lorem ipsum para liter est cum carro doloris short version long version 30
  • 33. Electronic mediawebsite bannersWeb bannerthe web banner is harmonised for all policies. It is composed of theEuropean commission logo, two colours (white and blue -colourreference #0065a2-), a title and a subtitle. the title correspondsto the name of the policy and the subtitle to the sub-section ofthe policy concerned. the subtitle is optional.Web banner customised for commissionersBanners for the pages of commissioners are the only ones whichare allowed to be customised with their portraits.No other visual element is permitted in the banner. 31
  • 34. Electronic media website 1 2 187 px 3 4 82 px 18 px 6 5 41 px 7 17 12 8 18 13 14 9 10 11 15 161 Verdana / 11 pts / #396ea2 9 text body: Verdana / 12 pts / Stroke: 1px / #e3e3e32 PF Square Sans Pro / 28 pts / #1c7b90 #151515 Verdana / 11 pts / #052a4d3 PF Square Sans Pro / 21 pts / #fff 10 Verdana / 18 pts / #1c3f95 16 Social icons: 19 px / 19 px4 colour background: #0065a2 11 link: Verdana / 12 pts / #0000ff 17 Stroke: 1 px / #e3e3e35 colour background: #0f57a2 12 Verdana cAPS / 18 pts / #151515 Padding: 5 px6 Verdana / 11 pts / #fff 13 Verdana cAPS / 11 pts / #888686 18 Verdana / 12 pts / #1c3f957 Verdana cAPS / 11 pts / #1c3F95 14 Verdana cAPS / 13 pts / #1c3f958 Verdana 36 pts / #1c3f95 15 colour background: #dddddd the format for mobile applications is being evaluated. the relevant guidelines will be published in the IPG as soon as they are available. 32
  • 35. Electronic media PowerPointTitle slide title#1: Verdana Bold 30 title#2: Verdana Bold 76Importing the photo: subtitle: Verdana italic 24, in white or black.Delete the photo in the template to replace chapter headline: Verdana Bold 20it with a new image. All graphic elements speaker’s name: Verdana 14must be in RGB. If the image to be inserted date: Verdana Bold 12includes irrelevant material, it is advisableto crop the most important part of the image To change the colour of a bullet on thebefore importing it. title slide and in the titles of other slides: • Select the bullet and choose the colourImporting the image: (Format/Font/colour).(on the menu bar click: Insert/Picture/From file…): • Other bullets: enter the text zone.• Following the import, change the image width Place the cursor on the line of the bullet to 12.71 cm*; its position* will be 0.0 cm you wish to change. horizontally, and 0.0 cm vertically.• Then place the image in the background. Note: the text should not be selected. In the Format menu, choose Bullets andInserting the logo: Numbering. A dialogue box will open.• Choose the logotype according choose the colour from the drop-down menu to the language of your presentation. near the bottom of this box.• Insert png format *tip: when using Microsoft Office software, simply double (on the menu bar click: Insert/Picture/From file…). click on an image to visualise its position and size.• Adjust its position* on the slide (centered on the page); its size must not be changed. insert the title (30 pts) in here (76 pts) place your 24 pts subtitle here chapter headline in 20 pts section headline in 14 pts date: in 12 pts 33
  • 36. Electronic media PowerPoint1. Text only slidethese slides have several preformatted titleand text styles. verdana bold (30 pts) verdana italic (24 pts) • verdana bold (20 pts) - Verdana regular (14 pts)2. Text + picture slide Select and throw awaythe title is written in Verdana 30. the current photoImport an image in the background. See section • Insert your new photo • Double-click on it, choose:‘title slide – importing the image’. size/height/9.2/OK • Put the photo in the right placeRecommended size of the image: 17.8 cm high and13 cm wide. Horizontal position 15 cm, and vertical - Right-click on it and selectposition 3.2 cm order/in BackgroundYou may align the block image on either axis of the flag. - then adjust the position 34
  • 37. Electronic media PowerPoint verdana bold (30 pts) verdana italic (24 pts)4. Text slide + chartsImport the chart in the background. See section • verdana bold (20 pts)‘title slide – importing the image’ and align it with - Verdana regular (14 pts)the corresponding text.3. Picture slideRegardless of the position of the image, place itin the background. See section ‘title slide – importingthe image’. the title is in Verdana bold 30. verdana bold (30 pts)tip: when using Microsoft Office software, simply double clickon an image to visualise its position and size. 35
  • 38. 2.2Stationery 36
  • 39. Stationery Letterhead a4 20 mm10 mm10 mm Viviane RedIng Vice-President of the European commission justice, Fundamental Rights and citizenship fold Rue de la loi 200, 1049 Bruxelles/Brussel14 mm +32 2 299 11 11 7 mm 10 mm PF Square Sans Pro regular 8 pts leading: 10 pts 37
  • 40. Stationery Compliments card 210 x 105 mm 10 mm 15 mm7 mm31 mm With the compliments of josé Manuel Barroso PF Square Sans Pro light 12 pts5 mm PF Square Sans Pro regular 8 pts leading: 9 pts Alternative proposal 10 mm 15 mm7 mm31 mm With the compliments of josé Manuel Barroso5 mm 38
  • 41. Stationery Business card 85 x 55 mm Recto Verso 12 mm jane sMITh Pf square Pro bold 10 pts Information and20 x communication PF Square Pro Regular 6.5 pts leading: 8 pts Officer European Commission lx40 06/62 B-1049 Brussels-Belgium PF Square Pro light 6.5 pts leading: 8 pts Rue du luxembourg 40, 1000 Bruxelles/Brussel +32 2 2991111 jane.smith@ec.europa.eu 4.25 mm Alternative proposal Recto 12 mm Pf square Pro bold 10 pts13 x josé Manuel baRRoso PF Square Pro regular 6.5 pts leading: 9 pts President European Commission lx40 06/62 B-1049 Brussels-Belgium Rue de la loi 200, 1049 Bruxelles/Brussel +32 2 2991111 josemanuel.barroso@ec.europa.eu4.25 mm Verso PF Square pro light 6.5 pts leading: 8 pts 39
  • 42. Stationery electronic signature dear mr smith, Please find enclosed the project for the new EC electronic signature we discussed at our initial briefing last tuesday. kind regards, jane smith verdana bold 12 pts information and Verdana regular 12 pts communication leading: auto Officera 100 pixelsaa european commission verdana bold 12 pts lx40 06/62 Verdana regular 12 pts b-1049 brussels-belgium leading: auto Rue de la loi 200, 1049 bruxelles/brussel +32 2 2951718 jane.smith@ec.europa.eu dear mr smith, Please find enclosed the project for the new EC electronic signature we discussed at our initial briefin last tuesday. kind regards, jane smith information and communication Officer european commission lx40 06/62 b-1049 brussels-belgium Rue de la loi 200, 1049 bruxelles/brussel +32 2 2951718 jane.smith@ec.europa.eu 40
  • 43. Stationery Document folder 465 x 315 mm Outside of folder 1 2 3 4 5 6 7 Rue de la loi / Wetstraat, 200 1040 Bruxelles/Brussels +32 2 299 11 11315 mm 230 mm 5 mm 230 mm 1 2 3 4 5 6 7 Inside of folder with glued pocket 41
  • 44. Stationery adhesive notepad 100 x 100 mm cover 1 2 3 4 a 1 2 3 a 4 5 www.ec.europa.eu 6 ! 1/4 of flag heightwww.ec.europa.eu 42
  • 45. Stationery Promotional itemsbags Mugs USb keys European CommissionVerso European Commission ballpoint Lanyards Culture, education and youth 43
  • 46. Stationery Promotional items T-shirtsUmbrellas 44
  • 47. 2.3Publications 45
  • 48. Publications grid system for a4 cover 2x 3x 4x 5x 6x 7x 8x 9xOn each document published a aby the European commission,the flag of the logotype willbe centred based on the widthof the document on which itis reproduced. this gives thelogotype the vital breathing aspace it needs (see logotypechart). the correct proportionof the logo is equal to 1/9 thewidth of the document.the number of baselines fortext composition is 55, spreadbetween the baseline of the flagand the top line of the footer box.No text will be written in thewhite banner reserved for thelogo at the top of the page orbeyond the limits establishedby the yellow block ( a ) for theleft and right, and by the upperlimit of the footer box for thebottom.No text is allowed within theareas marked here by the redlines.this layout grid is flexible; textjustification can be flush left, flushright, ragged left or right, and alsojustified on the downstroke ofthe letters (e.g. p. 48, 50, 51, 52).Images and flat colour tints canbe aligned using the typographicbaselines (horizontal, e.g. p. 48),the vertical axes (e.g. p. 52) orthe edge of the page (e.g. p. 50and 51). 46
  • 49. Publications grid system for a4 coverthe pale blue area here indicatesthe maximum space to be usedfor photos, illustrations and/orflat colour tints.the image (or flat colour tint)must always be aligned on thebaseline of the flag. the end ofthe image/flat colour tint mustbe justified on the typographybaselines (in pale blue).the two vertical axes alignedwith the left and right of the flag(in red) are vital for assemblingthe page layout. In effect, thepositioning of the text andsometimes of the image/colourblocks will be determined usingthese two central axes as guides. 47
  • 50. Publications grid system for a4 cover Lorem ipsum dolor fragum cum corepiae Eita dio tenis esti quis excerunt ut qui coreprae occuptaturthe texts are justified in relationto the two vertical axes. thiscan be achieved in two ways: Lorem ipsum dolor corepiaethe justification is done eitherin relation to the first or last fragum cumletter of the word, or in relationto the descender of a letter inthe word. Eita dio tenis esti quisthe aim is to create a visual link excerunt ut qui corepraewith the logo (and with the footer occuptaturbox). In doing so, the typographyis “anchored” and balanced inits space, even if you are freeto choose alignments and useirregular text lines. 48
  • 51. Publications examplesthe following examples illustratethe flexibility of the grid and themany possible variations thissystem offers. Lorem ipsum dolor et cum carro fragum Eita dio tenis esti quis excerunt ut qui coreprae occuptatur 49
  • 52. Publications examplesYou do not always need to usephotos and illustrations. thereis also the option of using flatcolour tints. take care not tochoose a colour that is too dark,as it may distort the visibility ofthe blue underline bar of the logo(under European commission)and the footer box. Lorem ipsum dolor et cum carro Et dolor is fragum Eita dio tenis esti quis excerunt ut qui coreprae occuptatur 50
  • 53. Publications examples Lorem ipsum dolorto improve the legibility of your et cumtext on certain images, you carro est fragerican use light and appropriatelyadapted drop shadows. !this technique should be usedin moderation! Agriculture 51
  • 54. Publications examplesIf you opt to divide your pagevertically with a photo and/or colour, the small-sized text Frageri lorem ipsumshould be moved slightly to theleft or to the right, the distance Eita dio tenis dolor et cumbeing equivalent to the weightof the ascender/descender of the esti quis excerunt carro est ut qui corepraemain word. See the justification occuptaturof the “g” on the left vertical line. 52
  • 55. Publications grid system for cover and back cover a4 MN-30-11-250-EN-cthe layout grid of the back coveris the same as that created forthe front cover. the difference isthat the 4 columns with 5 mmgutters are added to it.the texts are positioned on theleft column, aligned flush left,ragged right. 53
  • 56. Publications grid system for 10 x 21 cm leaflet cover 2x 3x 4x 5xOn each document publishedby the European commission, a athe flag of the logotype willbe centred based on the widthof the document on which itis reproduced. this gives thelogotype the vital breathingspace it needs (see logotypechart). the correct proportionof the logo is equal to 1/5 the awidth of the document.the number of baselines fortext composition is 55, spreadbetween the baseline of theflag and the top line of thefooter box.No text will be written in thewhite banner reserved forthe logo or beyond the limitsestablished by the yellow block( a ) for the left and right, andby the upper limit of the footerbox for the bottom. the sameapplies to the red lines here.the footer box is half the heightof the flag. 54
  • 57. Publications 10 x 21 cm leaflet cover examples Lorem ipsum et dolor fragumepiaro maribus Lorem ipsum estate fragum cum corepiae Eita dio tenis Eita dio tenis esti quisesti quis excerunt excerunt ut qui coreprae ut qui coreprae occuptatur occuptatur 55
  • 58. Publications10 x 21 cm leaflet back coverexample MN-30-11-250-EN-c 56
  • 59. Publications grid system for a4 cover (horizontal) On each document published by the the number of baselines for text European commission, the flag of composition is 55, spread between the logotype will be centred, based the baseline of the flag and the top on the width of the document on line of the footer box. which it is reproduced. this gives No text will be written in the white the logotype the vital breathing banner reserved for the logo or space it needs (see logotype chart). beyond the limits established by the correct proportion of the logo the yellow block ( a ) for the left is equal to 1/5 the width of the and right, and by the upper limit document. of the footer box for the bottom. the same applies to the red lines here. 2x 3x 4x 5x 6x 7x 8x 9x 10 x 11 x 12 x 13 x 14 x 15 xa a a 57
  • 60. Publications grid system for a4 back cover (horizontal) MN-30-11-250-EN-cthe layout grid of the backcover is the same as thatcreated for the cover, with thedifference being that 8 columnswith 5 mm gutters are addedto it.the texts are positioned on theleft column, aligned flush left,ragged right. 58
  • 61. Publications a4 (horizontal) cover examples Lorem ipsum et dolor fragum solaris maribus estate Eita dio tenis esti quis excerunt ut qui coreprae occuptaturLorem ipsum dolibris et dolor fragum 59
  • 62. Publications Double page a4 grid system 16 161313 5 gutter columns: 5 mm interline spacing: 12 pt 60
  • 63. Publications Double page examples 4 2 M A G # 4 U L L A M C O R P E R V I T A E A L I Q U A M E T N ° 4 5 1 5 10 Donec sagittis diam ac nulla fringilla 14 Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orcifer mentum dapibus neque. 3 Ommolum rent dolenis evelenda quam quo mi, sanienis et etum qui repelita simus este voluptate et et parcia C H AP TER 1 consecu lluptur? Aquae et ipsam ipiciet es asperatqui doloribus maionsequodi destis a di tem re volo bearum Mauris alirsuam alita cusa plibusa cus volupta nullabores nia et rerovid magnias idi officim aut poribusant endandae. Qui blab 11 ilitam eum doloria excest, tem ium explaci apis cumquam eate que consequias as sim conesti rest alit es remolore simporem faci tem quia nus ea serum recabo. Itatqui aut exces magniet ium quam, apidunt. 4 5 Hilla dolorit atecabor res et aligendente essitatur, endus sam delesto volore et quiatecta doluptur, quiberat dolut quo volorporion consedit pelit eum quibus. velit pellentesque Pe vene earum re qui rent, suntotas autenisque plitate ndelenihilit offictenis eum serum voles magnihi taqui- bus, iur, ut ommo blatur siminvenda porum quid ut ommosamus.Ur? Quiatur am solese nobitat quis ipsam qui dita nisque vent.Am aut es et, conseni minverio tores veri seribus sedi voles adio mosam, qui re pa nobi- Lorem ipsum dolor sit amet, tatur ant. consectetur adipiscing elit. Natium volor re et aut ad que et lacest, ut eatem harunt ut pa derchil mollique dolupic tempero eiciliq uiberfe 7 Donec elementum tempor rovide liae etur aribus explam discilit ressitius et dolorioribus alitiam, et dus seque volorem dusa dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitudin ullam- corper. 6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elemen- tum tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien quis tristique turpis magna dapibus neque. Proin sce- lerisque sed dolor. lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum tibulum lobortis auctor nunc eu suscipit. Quisque ia- culis lorem ut lectus posuere ultrices. Nam eleifend, sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par Mauris aliquam velit pellentesque sem tristique eget, tincidunt a felis. Phasellus suscipit risus eget risus vitae consectetur aliquet, quam diam molestie nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. convallis. Donec sagittis diam ac nulla fringilla et felis venenatis consectetur. Quisque a nisl sem. leo, quis tristique turpis magna sed dolor. Vivamus a Cras sem lacus. ultricies orci vehicula. Sed nibh mi, pellentesque Etiam id nisl eu nisi semper pulvinar. Mauris aliquam sollicitudin eros. Quisque massa dui, malesuada sit et varius nec, luctus id diam. Fusce sodales dui sit diam ut leo tristique auctor. Curabitur et tempus au- amet tempor sit amet, mollis eu nulla. Donec nulla Mauris aliquam velit pellentesque sem tristique amet nunc malesuada feugiat. Vestibulum vel pre- gue. Mauris purus elit, faucibus ut lacinia at, rutrum sapien, accumsan et laoreet sit amet, mollis a risus. convallis. Donec sagittis diam ac nulla fringilla et tium libero. Nam quis tempus risus. Mauris arcu velit, id massa. Duis et iaculis diam. ultricies orci vehicula. Sed nibh mi, pellentesque tempus quis imperdiet eu, mattis sed orci. Vivamus Etiam non quam et magna placerat venenatis ali- et varius nec, luctus id diam. Fusce sodales dui sit suscipit felis non felis imperdiet scelerisque. Prae- Proin leo velit, ullamcorper vitae aliquam et, solli- quet et est. Pellentesque nulla urna, commodo vitae amet nunc malesuada feugiat. Vestibulum vel pre- sent suscipit, quam in egestas mollis, mi est posuere citudin id erat. Cras non ultricies odio. Duis eleifend ullamcorper ac, lobortis ut orci. Pellentesque venena- tium libero. Mauris arcuvelit, tempus quis imper- ante, non volutpat enim ante quis elit. Fusce dapibus consectetur dui eu tincidunt. Quisque fringilla lobor- tis sagittis metus id venenatis. Vestibulum sit amet diet eu, mattis sed orci. Vivamus suscipit felis non tempus ultricies. Praesent mauris tortor, auctor vel tis ipsum, eget elementum erat eleifend ut venenatis enim nec augue auctor sollicitudin in non enim. Ves- Donec sagittis felis imperdiet scelerisque. Praesent suscipit, quam porttitor non, adipiscing accumsan neque. Nulla et sagittis metus id dapibus neque. Proin scelerisque tibulum lobortis auctor nunc eu suscipit. Quisque ia- diam ac nulla12 8 in egestas mollis, mi est posuere ante, non volut- risus odio, fermentum dapibus dapibus neque. Proin venenatis. culis lorem ut lectus posuere ultrices. Nam eleifend, pat enim ante quis elit. Fusce dapibus tempus ul- scelerisque neque. risus vitae consectetur aliquet, quam diam molestie fringilla tricies. Praesent mauris tortor, auctor vel porttitor Nulla consequat iaculis rutrum. Donec leo, quis tristique turpis magna sed dolor. Lorem ipsum dolor sit amet, non, adipiscing accumsan neque. Nulla et risus odio, Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum Nulla consequat iaculis rutrum. Donec feugiat varius Mauris aliquam velit consectetur adipiscing elit. fermentum dapibus neque. Proin scelerisque consec- feugiat varius vestibulum vestibulum. Morbi at ultrices ante. Phasellus place- pellentesque sem tristique 7 Donec elementum tempor tetur semper. Aenean rutrum volutpat lectus, vitae Nulla consequat iaculis rutrum. Donec feugiat varius rat, velit ac tristique vestibulum, erat felis rhoncus convallis. Donec sagittis dictum. Aenean id massa mattis lorem congue quis. Morbi id eros ipsum, vitae Proin scelerisque consectetur semper. Aenean ru- vestibulum. Morbi at ultrices ante. Phasellus place- mauris, id ultricies felis elit in metus. Nam elemen- 13 diam ac nulla fringilla et ligula. Fusce quis sapien id aliquam mi. Donec sodales tortor tellus, vel molestie trum volutpat lectus, vitae mattis lorem congue quis. rat, velit ac tristique vestibulum, erat felis rhoncus tum tincidunt varius. Vivamus lobortis sem non justo ultricies orci vehicula. Sed sapien sollicitudin ullam- enim. dapibus neque. Proin scelerisque Suspendisse Morbi id eros ipsum, vitae aliquam mi. Donec sodales mauris, id ultricies felis elit in metus. Nam elemen- egestas faucibus in a libero. Etiam in nibh risus, vel nibh mi, pellentesque et corper. Cum sociis natoque at tortor tellus, vel molestie enim. Suspendisse at nibh tum tincidunt varius. Vivamus lobortis sem non justo faucibus sapien. In enim diam, pretium id aliquet varius nec, luctus id diam. penatibus et magnis dis nulla. Ut id tortor ut nibh lacinia porttitor quis tem- egestas faucibus in a libero. Etiam in nibh risus, vel non, eleifend in felis. Donec eu lectus arcu. Aliquam Fusce sodales dui sit amet parturient montes, nascetur Fusce malesuada sapien 9 lacus id por metus. Donec ac lacus metus, nec suscipit ipsum. faucibus sapien. In enim diam, pretium id aliquet rutrum rutrum nulla sit amet posuere. nunc malesuada feugiat. ridiculus mus. Phasellus lorem feugiat lorem convallis vel adipiscing risus non, eleifend in felis. Donec eu lectus arcu. Aliquam Vestibulum vel pretium non dolor quis nisl auctor Fusce malesuada sapien id lacus laoreet convallis ultrices. Aliquam nisl lorem, egestas id fermentum rutrum rutrum nulla sit amet posuere. Nam suscipit Vivamus suscipit felis non felis im- libero. Nam quis tempus molestie. eu sit amet odio. Integer eu massa nisi. Phasellus eget, tincidunt a felis. Mauris aliquam diam ut leo fermentum nulla eget tincidunt. perdiet scelerisque. Praesent suscipit, risus. Mauris arcu velit, volutpat feugiat diam vitae commodo. Nunc aliquet tristique auctor. Curabitur et tempus augue. Mauris quam in egestas mollis tempus quis imperdiet eu, diam semper lacus aliquam tempus. Duis vehicula purus elit, faucibus ut lacinia at, rutrum id massa. Etiam non quam et magna placerat venenatis ali- mattis sed orcifer mentum dolor et metus lobortis a vestibulum nibh porttitor. quet et est. Pellentesque nulla urna, commodo vitae pendisse at nibh nulla. Ut id tortor ut nibh lacinia dapibus neque. Sed id ligula auctor nunc eu suscipit. Quisque iaculis Proin leo velit, ullamcorper vitae aliquam et, solli- ullamcorper ac, lobortis ut orci. Pellentesque venena- porttitor quis tempor metus. Donec ac lacus metus, lorem ut lectus posuere ultrices. Nam eleifend, risus citudin id erat. Cras non ultricies odio. Duis eleifend tis sagittis metus id venenatis. Vestibulum sit amet nec suscipit ipsum. gency and level Donec ac lacus vitae consectetur aliquet, quam diam molestie leo, consectetur dui eu tincidunt. Quisque fringilla lobor- enim nec augue auctor sollicitudin in non enim. Ves- metus, nec suscipit ipsum. gency and level of am-1 PF Square sans pro regular 6 pts 6 PF Square sans pro medium italic 9.5 pts 11 PF Square sans pro medium italic 10 pts kerning: 660 pts interline spacing: 12 pts interline spacing: 12 pts2 PF Square sans pro 9 pts 7 PF Square sans pro Medium italic 8 pts 12 PF Square sans pro italic 16 pts interline spacing: 12 pts interline spacing: 18 pts3 PF Square sans pro Medium 12 pts kerning: -40 pts kerning: -20 pts kerning: 100 pts 8 PF Square sans pro Regular 9 pts 13 PF Square sans pro italic 10 pts4 PF Square sans pro Regular 46 pts interline spacing: 12 pts interline spacing: 12 pts interline spacing: 48 pts kerning: -40 pts kerning: -20 pts 9 PF Square sans pro Medium 12 pts interline spacing: 12 pts 14 line is 4 pts thick5 Garamond Premier pro Semibold caption 68 pts kerning: -20 pts 10 PF Square sans pro italic 16 pts interline spacing: 18 pts 61
  • 64. PublicationsDouble pageexamples 62
  • 65. Publications Double page horizontal 13 151313 7 gutter columns: 5 mm interline spacing: 12 pt 2 1 M A G # 4 � U L L A M C O R P E R V I T A E A L I Q U A M E T � N ° 4 5 M A G # 4 � U L L A M C O R P E R V I T A E A L I Q U A M E T � N ° 4 5 4 5 “ 11 Curabitur et 12 augue Mauris purus elit, faucibus ” ut lacinia at, rutrum id massaroin leo velit, quam etid. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 8 Donec elementum tempor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id tor sollicitudin in non enim. Vestibulum lobortis auctor dictum. Aenean id massa massa ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ligula. Fusce quis sapien id dis par nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.Harumquo ultrices. Nam eleifend, risus vitae consectetur aliquet, 6 eniantis et utem ulparum dendi iliqui sae. Beribus quosant qui doloremporum dolori occatur, cone iduntia 3 sapien sollicitudin ullam- quam diam molestie leo, quis tristique turpis magna sed CHAPTER 1 corper. Cum sociis natoque spedipsae nos estoris consequi ut ad qui ipitatur acidita nam estia doluptatem dolorrorem velitem et quae dolor. penatibus et magnis dis de la asperum exeri andusae peleseq uatiorio volupta tquiat quodipsa de molo is et endipsam id exerfer Nulla consequat iaculis rutrum. Donec feugiat varius ves- Mauris alirsuam parturient montes, nascetur ionsedi orepro vere ent doluptasin re coneces aut harisquam vellab il ipsam rescimus, vollupic te sitiunt tibulum. Morbi at ultrices ante. Phasellus placerat, velit peditias nessento ipsapelescid modistota nulliquos et odipid quaerovitem sanihicias cusapienis quaepel ac tristique vestibulum, erat felis rhoncus mauris, id ultri- 5 ridiculus mus. Phasellus 4 non dolor quis nisl auctor iquiae officia id quid ma quodit quis experia quat. cies felis elit in metus. Nam elementum tincidunt varius. molestie. Vivamus lobortis sem non justo egestas faucibus in a 7 lorem feugiat lorem convallis vel adipiscing risus ul- mus lobortis sem non justo egestas faucibus in a libero. libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu Donec sagit- velit pellentesque tis diam ac 13 trices. Aliquam nisl lorem, egestas id fermentum eget, Etiam in nibh risus, vel faucibus sapien. In enim diam, lectus arcu. Aliquam rutrum rutrum nulla sit amet po- tincidunt a felis. Phasellus suscipit risus eget felis vene- pretium id aliquet non, eleifend in felis. Donec eu lec- suere. nulla 9 natis consectetur. Quisque a nisl sem. Etiam id nisl eu tus arcu. Aliquam rutrum rutrum nulla sit amet posuere. nisi semper pulvinar. Mauris aliquam diam ut leo tristique Nam suscipit fermentum nulla eget tincidunt. Vivamus suscipit felis non felis imper- fringilla auctor. Curabitur et tempus augue. Mauris purus elit, fau- diet scelerisque. Praesent suscipit, quam Mauris aliquam velit cibus ut lacinia at, rutrum id massa. Etiam non quam et magna placerat venenatis aliquet et in egestas mollis pellentesque sem tris- est. Pellentesque nulla urna, commodo vitae ullamcorper tique convallis. Donec Proin leo velit, ullamcorper vitae aliquam et, sollicitudin ac, lobortis ut orci. Pellentesque venenatis sagittis metus pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor sagittis diam ac nulla id erat. Cras non ultricies odio. Duis eleifend consecte- id venenatis. Vestibulum sit amet enim nec augue auc- quis tempor metus. Donec ac lacus metus, nec suscipit fringilla et ultricies orci tur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget tor sollicitudin in non enim. Vestibulum lobortis auctor ipsum. gency and level Donec ac lacus metus, nec susci- 14 vehicula. Sed nibh mi, elementum erat eleifend ut venenatis sagittis metus id nunc eu suscipit. Quisque iaculis lorem ut lectus posuere pit ipsum. gency and level of ambition that is needed to pellentesque et varius dapibus neque. Proin scelerisque venenatis. ultrices. Nam eleifend, risus vitae consectetur aliquet, bring climate change under control.” Ugia asped eictasit nec, luctus id diam. quam diam molestie leo, quis tristique turpis magna sed acessent, cus, sunt eos ea con ped maximos elecus que 10 Fusce sodales dui sit Nulla consequat iaculis rutrum. Donec dolor. Vivamus a sollicitudin eros. Quisque massa dui, offictotas eost, ent inusae. Et harum quae prerers pienis amet nunc malesuada feugiat varius vestibulum malesuada sit amet tempor sit amet, mollis eu nulla. int. feugiat. Vestibulum vel Donec nulla sapien, accumsan et laoreet sit amet, mollis Enti iderum deles volupta con est, sequi rem volorios dis pretium libero. Nulla consequat iaculis rutrum. Donec feugiat varius ves- a risus. Duis et iaculis diam. enti totat abor simus, sapero officil icitate stiorenis atum tibulum. Morbi at ultrices ante. Phasellus placerat, velit Etiam non quam et magna placerat venenatis aliquet et ipiet faccum quuntemolut alita venesequia niet estiore ac tristique vestibulum, erat felis rhoncus mauris, id ultri- est. Pellentesque nulla urna, commodo vitae ullamcorper nemque conemporae re que ma voluptatius autem au- cies felis elit in metus. Nam elementum tincidunt varius. ac, lobortis ut orci. Pellentesque venenatis sagittis metus tem nulparc hicimus aut voloreium sunt la peria apit, Vivaorbi at ultrices ante. Phasellus placerat, tindicutemo id venenatis. Vestibulum sit amet enim nec augue auc- quia sed quiam laborum doles est fuga. Aquiae veria cus 1 PF Square sans pro regular 6 pts 6 PF Square sans pro medium italic 8 pts 11 Garamond Premier pro semibold 96 pts kerning: 660 pts interline spacing: 12 pts interline spacing: 100 pts kerning: -40 pts 2 PF Square sans pro 9 pts 12 Garamond Premier pro Medium italic 16 pts 7 line is 4 pts thick interline spacing: 18 pts 3 PF Square sans pro Medium 12 pts kerning: 100 pts 8 PF Square sans pro italic 9.5 pts PF Square sans pro italic 16 pts interline spacing: 12 pts 13 interline spacing: 18 pts 4 PF Square sans pro Regular 46 pts kerning: -20 pts interline spacing: 48 pts 9 PF Square sans pro regular 9 pts kerning: -20 pts interline spacing: 12 pts 14 PF Square sans pro italic 10 pts interline spacing: 12 pts 5 Garamond Premier pro Semibold caption 68 pts 10 PF Square sans pro medium 12 pts kerning: -40 pts kerning: -20 pts interline spacing: 12 pts 63
  • 66. Publications Double page horizontal M A G # 4 U L L A M C O R P E R V I T A E A L I Q U A M E T N ° 4 5 M A G # 4 U L L A M C O R P E R V I T A E A L I Q U A M E T N ° 4 5 6 7 Mauris alirsuam Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id 1 massaroin leo velit, quam etid.Temquodi genihil et aut incia perumen- velit pellentesque dist que Tem doloraecest que nonsedipsa prepudi rerias nobissimos pelenis voluptatur sum quis pero blaut eos doluptatio vit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor dictum. Aenean id massa Mauris aliquam velit pellentesque sem tristique conval- lorem feugiat lorem convallis vel adipiscing risus ul- Vivamus lobortis sem non justo egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim ligula. Fusce quis sapien id sapien sollicitudin ullamcorper. Cum sociis natoque penatibus et magnis dis par lis. Donec sagittis diam ac nulla fringilla et ultricies orci trices. Aliquam nisl lorem, egestas id fermentum eget, libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pretium id aliquet non, eleifend in felis. Donec eu nisl auctor mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus.Harumquo eniantis vehicula. Sed nibh mi, pellentesque et varius nec, luc- tincidunt a felis. Phasellus suscipit risus eget felis vene- diam, pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet po- et utem ulparum dendi iliqui sae. Beribus quosant qui doloremporum dolori occatur, cone iduntia spedipsae tus id diam. Fusce sodales dui sit amet nunc malesuada natis consectetur. Quisque a nisl sem. Etiam id nisl eu lectus arcu. Aliquam rutrum rutrum nulla sit amet po- suere. “ nos estoris consequi ut ad qui ipitatur acidita nam estia doluptatem dolorrorem. feugiat. Vestibulum vel pretium libero. Nam quis tempus nisi semper pulvinar. Mauris aliquam diam ut leo tristique suere. Nam suscipit fermentum nulla eget tincidunt. risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orci. Vivamus suscipit felis non felis imperdiet sce- Etiam non quam et magna placerat venenatis aliquet et lerisque. Praesent suscipit, quam in egestas mollis, mi est. Pellentesque nulla urna, commodo vitae ullamcorper Curabitur et est posuere ante, non volutpat enim ante quis elit. Fusce ac, lobortis ut orci. Pellentesque venenatis sagittis metus augue Mauris purus elit, faucibus ” dapibus tempus ultricies. Praesent mauris tortor, auctor id venenatis. Vestibulum sit amet enim nec augue auc- vel porttitor non, adipiscing accumsan neque. Nulla et tor sollicitudin in non enim. Vestibulum lobortis auctor ut lacinia at, rutrum id massaroin risus odio, fermentum dapibus dapibus neque. Proin sce- nunc eu suscipit. Quisque iaculis lorem ut lectus posuere leo velit, quam etid. lerisque neque. ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique turpis magna sed Nulla consequat iaculis rutrum. Donec dolor. Vivamus a sollicitudin eros. Quisque massa dui, feugiat varius vestibulum malesuada sit amet tempor sit amet, mollis eu nulla. Vivamus suscipit felis non felis imper- Lorem ipsum dolor sit amet, consectetur adipiscing elit. auctor. Curabitur et tempus augue. Mauris purus elit, fau- Donec nulla sapien, accumsan et laoreet sit amet, mollis diet scelerisque. Praesent suscipit, quamDonec elementum tempor dic- Proin scelerisque consectetur semper. Aenean rutrum vo- cibus ut lacinia at, rutrum id massa. a risus. Duis et iaculis diam. in egestas mollis Lorem ipsum dolor sit amet, lutpat lectus, vitae mattis lorem congue quis. Morbi id Etiam non quam et magna placerat venenatis aliquet et consectetur adipiscing elit. tum. Aenean id massa ligula. eros ipsum, vitae aliquam mi. Donec sodales tortor tel- Proin leo velit, ullamcorper vitae aliquam et, sollicitudin est. Pellentesque nulla urna, commodo vitae ullamcorper pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor Donec elementum tempor dic- Fusce quis sapien id sapien lus, vel molestie enim. Suspendisse at nibh nulla. Ut id id erat. Cras non ultricies odio. Duis eleifend consecte- ac, lobortis ut orci. Pellentesque venenatis sagittis metus quis tempor metus. Donec ac lacus metus, nec suscipit tum. Aenean id massa ligula. sollicitudin ullamcorper. Cum tortor ut nibh lacinia porttitor quis tempor metus. Donec tur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget id venenatis. Vestibulum sit amet enim nec augue auc- ipsum. gency and level Donec quis tempor metus. Donec Fusce quis sapien id sapien sociis natoque penatibus et ac lacus metus, nec suscipit ipsum. lorem feugiat lorem elementum erat eleifend ut venenatis sagittis metus id tor sollicitudin in non enim. Vestibulum lobortis auctor ac lacus metus, Donec ac lacus metus, nec suscipit ip- sollicitudin ullamcorper. magnis dis parturient montes, convallis vel adipiscing risus ultrices. Aliquam nisl lorem, dapibus neque. Proin scelerisque venenatis. nunc eu suscipit. Quisque iaculis lorem ut lectus posuere sum. gency and level Donec quis tempor metunec sus-nascetur ridiculus mus. Phasel- egestas id fermentum eget, tincidunt a felis. Mauris ali- ultrices. Nam eleifend, risus vitae consectetur aliquet, cipit ac lacus metus, nec suscipit ipsum. gency and level lus non dolor quis nisl auctor molestie. quam diam ut leo tristique auctor. Curabitur et tempus Nulla consequat iaculis rutrum. Donec quam diam molestie leo, quis tristique turpis magna sed of ambition that is needed to bring climate change under augue. Mauris purus elit, faucibus ut lacinia at, rutrum feugiat varius vestibulum dolor. controltium id aliquet non, eleifend in felis. Donec eu lec- id massa. Nulla consequat iaculis rutrum. Donec feugiat varius ves- tus arcu. Aliquam rutrum rutrum nulla sit amet posuere.” Nulla consequat iaculis rutrum. Donec feugiat varius ves- tibulum. Morbi at ultrices ante. Phasellus placerat, velit ultrices. Nam eleifend, risus vitae consectetur aliquet, Proin leo velit, ullamcorper vitae aliquam et, sollicitudin tibulum. Morbi at ultrices ante. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultri- quam diam molestie leo, quis tristique turpis magna sed id erat. Cras non ultricies odio. Duis eleifend consecte- ac tristique vestibulum, erat felis rhoncus mauris, id ultri- cies felis elit in metus. Nam elementum tincidunt varius. dolor. tur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget cies felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo egestas faucibus in a 1 Garamond Premier pro Medium 16 pts interline spacing: 18 pts M A G # 4 U L L A M C O R P E R V I T A E A L I Q U A M E T N ° 4 5 M A G # 4 U L L A M C O R P E R V I T A E A L I Q U A M E T N ° 4 5 6 7 Mauris alirsuam Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid. velit pellentesque aliquam estumis Temquodi genihil et aut incia perumendist que do- luptatio vit. Lorem ipsum dolor sit amet, consec- natoque penatibus et magnis dis par Mauris aliquam velit pellentesque sem tristique convallis. Donec sagittis diam ac nulla lorem feugiat lorem convallis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id sit amet tempor sit amet, mollis eu nulla. Donec nulla sapien, accumsan et laoreet sit tetur adipiscing elit. Donec elemen- nisl auctor mo lestie. Ut pellentesque fringilla et ultricies orci vehicula. Sed nibh mi, pellentesque et varius nec, luctus id diam. fermentum eget, tincidunt a felis. Phasellus suscipit risus eget felis venenatis consec- amet, mollis a risus. Duis et iaculis diam. tum tempor dictum. Aenean id massa denim eu, sodales sit amet lorem. Fusce sodales dui sit amet nunc malesuada feugiat. Vestibulum vel pretium libero. Nam tetur. Quisque a nisl sem. Etiam id nisl eu nisi semper pulvinar. Mauris aliquam diam ut Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, ligula. Fusce quis sapien id sapien Cras sem lacus.Harumquo eniantis et quis tempus risus. Mauris arcu velit, tempus quis imperdiet eu, mattis sed orci. Vivamus leo tristique auctor. Curabitur et tempus augue. Mauris purus elit, faucibus ut lacinia at, commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus “ sollicitudin ullamcorper. Cum sociis utem ulparum dendi iliqui sae. suscipit felis non felis imperdiet scelerisque. Praesent suscipit, quam in egestas mollis, rutrum id massa. id venenatis. Vestibulum sit t mi est posuere ante, non volutpat enim ante quis elit. Fusce dapibus tempus ultricies. amet enim nec augue auctor r Praesent mauris tortor, auctor vel porttitor non, adipiscing accumsan neque. Nulla et Proin leo velit, ullamcorper vitae ali- sollicitudin in non enim. Ves- risus odio, fermentum dapibus dapibus neque. Proin scelerisque neque. quam et, sollicitudin id erat. Cras non tibulum lobortis auctor nunc Curabitur et ultricies odio. Duis eleifend consectetur eu suscipit. Quisque iacu- augue Mauris purus elit, faucibus Nulla consequat iaculis rutrum. Donec feugiat varius vestibu- ” dui eu tincidunt. Quisque fringilla lobor- lis lorem ut lectus posuere lum doloresninc esta tis ipsum, eget elementum erat eleifend ultrices. Nam eleifend, risus ut lacinia at, rutrum id massaroin ut venenatis sagittis metus id dapibus vitae consectetur aliquet, leo velit, quam etid. Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lo- neque. Proin scelerisque venenatis. quam diam molestie leo, rem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, quis tristique turpis magna vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis sed dolor. tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt Nulla consequat iaculis rutrurau Donec feugiat varius vestibu- Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultriciesDonec elementum tempor dic- a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris lum doloresninc esta felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo Lorem ipsum dolor sit amet, purus elit, faucibus ut lacinia at, rutrum id massa. egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, consectetur adipiscing elit. tum. Aenean id massa ligula. Nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at ultrices ante. pretium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum Donec elementum tempor dic- Fusce quis sapien id sapien Proin leo velit, ullamcorper vitae aliquam et, sollicitudin id erat. Cras non ultricies odio. Phasellus placerat, velit ac tristique vestibulum, erat felis rhoncus mauris, id ultricies nulla sit amet posuere. tum. Aenean id massa ligula. sollicitudin ullamcorper. Cum Duis eleifend consectetur dui eu tincidunt. Quisque fringilla lobortis ipsum, eget ele- felis elit in metus. Nam elementum tincidunt varius. Vivamus lobortis sem non justo Fusce quis sapien id sapien sociis natoque penatibus et magnis dis parturient montes, mentum erat eleifend ut venenatis sagittis metus id venenatis. egestas faucibus in a libero. Etiam in nibh risus, vel faucibus sapien. In enim diam, pre- Vivamus suscipit felis non felis imperdiet scelerisque. Praesent sollicitudin ullamcorper.nascetur ridiculus mus. Phasel- Proin scelerisque consectetur semper. Aenean rutrum volutpat lectus, vitae mattis lo- tium id aliquet non, eleifend in felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla suscipit, quam in egestas mollis rem congue quis. Morbi id eros ipsum, vitae aliquam mi. Donec sodales tortor tellus, sit amet posuere. Nam suscipit fermentum nulla eget tincidunt. lus non dolor quis nisl auctor vel molestie enim. Suspendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis pendisse at nibh nulla. Ut id tortor ut nibh lacinia porttitor quis tempor metus. Donec molestie. tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis Etiam non quam et magna placerat venenatis aliquet et est. Pellentesque nulla urna, ac lacus metus, nec suscipit ipsum. gency and level Donec quis tempor metus. Donec tempor metus. Donec ac lacus metus, nec suscipit ipsum. lorem feugiat lorem convallis commodo vitae ullamcorper ac, lobortis ut orci. Pellentesque venenatis sagittis metus ac lacus metus, Donec ac lacus metus, nec suscipit ipsum. gency and level Donec quis vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt id venenatis. Vestibulum sit amet enim nec augue auctor sollicitudin in non enim. Vesti- tempor metunec suscipit ac lacus metus, nec suscipit ipsum. gency and level of ambi- vel adipiscing risus ultrices. Aliquam nisl lorem, egestas id fermentum eget, tincidunt bulum lobortis auctor nunc eu suscipit. Quisque iaculis lorem ut lectus posuere ultrices. tion that is needed to bring climate change under controltium id aliquet non, eleifend in a felis. Mauris aliquam diam ut leo tristique auctor. Curabitur et tempus augue. Mauris Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis tristique felis. Donec eu lectus arcu. Aliquam rutrum rutrum nulla sit amet posuere.” purus elit, faucibus ut lacinia at, rutrum id massa. turpis magna sed dolor. Vivamus a sollicitudin eros. Quisque massa dui, malesuada ultrices. Nam eleifend, risus vitae consectetur aliquet, quam diam molestie leo, quis M A G # 4 U L L A M C O R P E R V I T A E A L I Q U A M E T N ° 4 5 M A G # 4 U L L A M C O R P E R V I T A E A L I Q U A M E T N ° 4 5 6 7 Mauris alirsuam Curabitur et augue Mauris purus elit, faucibus ut lacinia at, rutrum id massaroin leo velit, quam etid. velit pellentesque aliquam estumis Temquodi genihil et aut incia perumendist que do- luptatio vit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum Mauris aliquam velit pel- varius vestibulum tincidunt. Quisque fringilla lorem feugiat lorem tincidunt. Quisque fringilla felis rhoncus mauris, id diam molestie leo, quis at ultrices ante. Phasel- suscipit, quam in tempor dictum. Aenean id massa ligula. Fusce quis sapien id sapien sollicitu- lentesque sem tristique doloresninc esta lobortis ipsum, eget ele- convallis vel adipiscing lobortis ipsum, eget ele- ultricies felis elit in metus. tristique turpis magna sed lus placerat, velit ac tris- egestas mollis din ullamcorper. Cum sociis natoque penatibus et magnis dis par nisl auctor convallis. Donec sagittis mentum erat eleifend ut risus ultrices. Aliquam mentum erat eleifend ut Nam elementum tincidunt dolor. Vivamus a sollicitu- tique vestibulum, erat mo lestie. Ut pellentesque denim eu, sodales sit amet lorem. Cras sem lacus. diam ac nulla fringilla Proin scelerisque consec- venenatis sagittis metus nisl lorem, egestas id fer- venenatis sagittis metus varius. Vivamus lobortis din eros. Quisque massa felis rhoncus mauris, id pendisse at nibh nulla. Ut “ Harumquo eniantis et utem ulparum dendi iliqui sae. et ultricies orci vehicula. tetur semper. Aenean id venenatis. mentum eget, tincidunt id dapibus neque. Proin sem non justo egestas dui, malesuada sit amet Sed nibh mi, pellentesque rutrum volutpat lectus, Proin scelerisque consec- faucibus in a libero. Etiam tempor sit amet, mollis eu et varius nec, luctus id vitae mattis lorem congue tetur semper. Aenean ru- in nibh risus, vel fauci- nulla. Donec nulla sapien, diam. Fusce sodales dui quis. Morbi id eros ipsum, trum volutpat lectus, vitae bus sapien. In enim diam, accumsan et laoreet sit Curabitur et sit amet nunc malesuada vitae aliquam mi. Donec mattis lorem congue quis. pretium id aliquet non, amet, mollis a risus. Duis augue Mauris purus elit, faucibus ” feugiat. Vestibulum vel sodales tortor tellus, vel Morbi id eros ipsum, vitae eleifend in felis. Donec et iaculis diam. pretium libero. Nam quis molestie enim. Suspen- aliquam mi. Donec sodales eu lectus arcu. Aliquam Etiam non quam et magna ut lacinia at, rutrum id massaroin tempus risus. Mauris arcu disse at nibh nulla. Ut id tortor tellus, vel molestie rutrum rutrum nulla sit placerat venenatis aliquet leo velit, quam etid. velit, tempus quis imper- tortor ut nibh lacinia port- enim. Suspendisse at nibh amet posuere. Nam sus- et est. Pellentesque nulla diet eu, mattis sed orci. titor quis tempor metus. nulla. Ut id tortor ut nibh cipit fermentum nulla eget urna, commodo vitae Vivamus suscipit felis Donec ac lacus metus, lacinia porttitor quis tem- tincidunt. ullamcorper ac, lobor- non felis imperdiet scele- nec suscipit ipsum. lorem por metus. Donec ac lacus tis ut orci. Pellentesque ultricies felis elit in metus. id tortor ut nibh lacinia Lorem ipsum dolor sit amet, risque. Praesent suscipit, feugiat lorem convallis vel metus, nec suscipit ip- a felis. Phasellus suscipit scelerisque venenatis. Etiam non quam et magna venenatis sagittis metus Nam elementum tincidunt porttitor quis tempor me- consectetur adipiscing elit. quam in egestas mollis, adipiscing risus ultrices. sum. lorem feugiat lorem risus eget felis venenatis placerat venenatis aliquet id venenatis. Vestibulum varius. Vivamus lobortis tus. Donec ac lacus metus, Lorem ipsum dolor sit amet,Donec elementum tempor dic- mi est posuere ante, non Aliquam nisl lorem, eges- convallis tempor metus. consectetur. Quisque a nisl et est. Pellentesque nulla sit amet enim nec augue sem non justo egestas nec suscipit ipsum. gency consectetur adipiscing elit. tum. Aenean id massa ligula. volutpat enim ante quis tas id fermentum eget, Donec ac lacus metus, sem. Etiam id nisl eu nisi urna, commodo vitae auctor sollicitudin in non faucibus in a libero. Etiam and level Donec quis tem- Donec elementum tempor dic- Fusce quis sapien id sapien sollicitudin ullamcorper. Cum elit. Fusce dapibus tempus tincidunt a felis. Mauris nec suscipit ipsum. lorem semper pulvinar. Mauris Nulla consequat ullamcorper ac, lobor- enim. Vestibulum lobortis in nibh risus, vel faucibus por metus. Donec ac lacus tum. Aenean id massa ligula. sociis natoque penatibus et ultricies. Praesent mauris aliquam diam ut leo tris- feugiat lorem convallis vel aliquam diam ut leo tris- iaculis rutrurau tis ut orci. Pellentesque auctor nunc eu suscipit. sapien. In enim diam, pre- metus, Donec ac lacus Fusce quis sapien id sapien magnis dis parturient montes, tortor, auctor vel porttitor tique auctor. Curabitur et adipiscing risus ultrices. tique auctor. Curabitur et Donec feugiat venenatis sagittis metus Quisque iaculis lorem ut tium id aliquet non, elei- metus, nec suscipit ipsum. sollicitudin ullamcorper.nascetur ridiculus mus. Phasel- non, adipiscing accumsan tempus augue. Mauris pu- Aliquam nisl lorem, eges- tempus augue. Mauris pu- varius vestibulum id venenatis. Vestibulum lectus posuere ultrices. fend in felis. Donec eu lec- gency and level Donec lus non dolor quis nisl auctor neque. Nulla et risus odio, rus elit, faucibus ut lacinia tas id fermentum eget, rus elit, faucibus ut lacinia doloresninc esta sit amet enim nec augue Nam eleifend, risus vitae tus arcu. Aliquam rutrum quis tempor metunec sus- fermentum dapibus dapi- at, rutrum id massa. tincidunt vel adipiscing at, rutrum id massa. auctor sollicitudin in non consectetur aliquet, quam rutrum nulla sit amet cipit ac lacus metus, nec molestie. bus neque. Proin scele- risus ultrices. Aliquam nisl Nulla consequat iaculis enim. Vestibulum lobortis diam molestie leo, quis posuere. suscipit ipsum. gency and risque neque. Proin leo velit, ullamcor- lorem, egestas id fermen- Proin leo velit, ullamcor- rutrum. Donec feugiat auctor nunc eu suscipit. tristique turpis magna sed level of ambition that is per vitae aliquam et, sol- tum eget, tincidunt a felis. per vitae aliquam et, sol- varius vestibulum. Morbi Quisque iaculis lorem ut dolor. Vivamus susci- needed to bring climate Nulla consequat licitudin id erat. Cras non Mauris aliquam diam ut licitudin id erat. Cras non at ultrices ante. Phasel- lectus posuere ultrices. Nulla consequat iaculis pit felis non felis change under controltium iaculis rutrum. ultricies odio. Duis elei- leo tristique auctor. Cura- ultricies odio. Duis elei- lus placerat, velit ac tris- Nam eleifend, risus vitae rutrum. Donec feugiat imperdiet scele- id aliquet non, eleifend in Donec feugiat fend consectetur dui eu bitur et tempus augue. fend consectetur dui eu tique vestibulum, erat consectetur aliquet, quam varius vestibulum. Morbi risque. Praesent felis. Donec eu lectus arcu. 64
  • 67. Publications inside pages for 10 x 21 cm leaflet 7.5 7.5 7.5 7.5 7.5137.5 2 gutter columns: 5 mm interline spacing: 12 pts 65
  • 68. Publications inside pages for 10 x 21 cm leaflet Mauris alirsuam “ 1 2 8 Curabitur et augue Mauris 9 purus elit, faucibus ” velit pellentesque ut lacinia at, rutrum id massaroin Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum tempor leo velit, quam etid. dictum. Aenean id massa ligula. Fusce quis sapien Lorem ipsum dolor sit amet, consectetur adipiscing elit. metus id venenatis. Vestibulum sit tunec suscipit ac lacus metus, nec Donec elementum tempor dictum. Aenean id massa ligula. amet enim nec augue auctor sol- suscipit ipsum. gency and level of 3 Fusce quis sapien id sapien sollicitudin ullamcorper. Cum licitudin in non enim. Vestibulum ambition that is needed to bring sociis natoque penatibus et magnis dis par nisl auctor mo lobortis auctor nunc eu suscipit. climate change under controltium lestie. Ut pellentesque denim eu, sodales sit amet lorem. Quisque iaculis lorem ut lectus id aliquet non, eleifend. Cras sem lacus.Harumquo eniantis et utem ulparum dendi posuere ultrices. Nam eleifend, iliqui sae. Beribus quosant qui doloremporum dolori occatur, risus vitae consectetur aliquet, cone iduntia spedipsae nos estoris consequi ut ad qui ipita- quam diam molestie leo, quis tris- tur acidita nam estia doluptatem dolorrorem. tique turpis magna sed dolor nulla consequat iaculis rutrum. Donec feugiat varius vestibulum. Morbi at Lorem ipsum dolor sit amet, lorem feugiat lorem convallis vel lum, erat felis rhoncus mauris, id ultrices ante. Phasellus placerat, consectetur adipiscing elit. Donec adipiscing risus ultrices. Aliquam ultricies felis elit in metus. Nam velit ac tristique vestibulum, erat elementum tempor dictum. Aenean nisl lorem, egestas id fermentum elementum tincidunt varius. Nam felis rhoncus mauris, ide ultricies 4 id massa ligula. Fusce quis sapien id eget, tincidunt a felis. Phasellus suscipit fermentum nulla eget tin- felis elit in metus. Nam elemen- sapien sollicitudin ullamcorper. suscipit risus eget felis venenatis cidunt. tum tincidunt varius. Vivamus 6 5 consectetur. Quisque a nisl sem. Etiam non quam et magna place- lobortis sem non justo egestas Etiam id nisl eu nisi semper pul- rat venenatis aliquet et est. Pellen- faucibus in a libero. Etiam in nibh Donec sagittis diam ac nulla10 vinar. Mauris aliquam diam ut leo tesque nulla urna, commodo vitae risus, vel faucibus sapien. In enim tristique auctor. sollicitudin id erat. ullamcorper ac, lobortis ut orci. diam, pretium id aliquet non, elei- Cras non ultricies odio. Duis elei- Pellentesque Nam eleifend, risus fend in felis. Donec eu lectus arcu. fringilla fend consectetur dui eu tincidunt. vitae consectetur aliquet, quam Aliquam rutrum rutrum nulla sit Quisque fringilla lobortis ipsum, diam molestie leo, quis tristique amet posuere. Mauris aliquam velit pellen- eget elementum erat eleifend ut turpis magna sed dolor. Vivamus tesque sem tristique convallis. venenatis sagittis metus id dapi- a sollicitudin eros. Quisque massa Vivamus suscipit felis Donec sagittis diam ac nulla bus neque. Proin scelerisque ve- dui, malesuada sit amet tempor sit non felis imperdiet sce- fringilla et ultricies orci vehi- nenatis. amet, mollis eu nulla. Donec nulla lerisque. cula. Sed nibh mi, pellentesque sapien, accumsan et laoreet sit et varius nec, luctus id diam. Nulla consequat iaculis amet, mollis a risus. Duis et iaculis pendisse at nibh nulla. Ut id tortor Fusce sodales dui sit amet 11 7 rutrum. Donec feugiat diam. ut nibh lacinia porttitor quis tem- nunc malesuada feugiat. Vesti- varius vestibulum por metus. Donec ac lacus metus, bulum vel pretium libero. Nam Etiam non quam et magna place- nec suscipit ipsum. gency and level quis tempus risus. Mauris arcu Nulla consequat iaculis rutrum. rat venenatis aliquet et est. Pellen- Donec quis tempor metus. Donec velit, tempus quis imperdiet Donec feugiat varius vestibulum. tesque nulla urna, commodo vitae ac lacus metus, Donec ac lacus eu, mattis sed orcifer mentum Morbi at ultrices ante. Phasellus ullamcorper ac, lobortis ut orci. metus, nec suscipit ipsum. gency dapibus neque. placerat, velit ac tristique vestibu- Pellentesque venenatis sagittis and level Donec quis tempor me-1 PF Square sans pro Regular 46 pts 6 PF Square sans pro regular 9 pts 11 PF Square sans pro italic 10 pts line spacing: 48 pts interline spacing: 12 pts interline spacing: 12 pts kerning: -20 pts kerning: -40 pts 7 PF Square sans pro medium 12 pts2 Garamond Premier pro Semibold caption 68 pts interline spacing: 12 pts kerning: -20 pts 8 Garamond Premier pro semibold 96 pts3 PF Square sans pro italic 9.5 pts interline spacing: 100 pts interline spacing: 12 pts 9 Garamond Premier pro Medium italic 16 pts4 PF Square sans pro medium italic 7 pts interline spacing: 18 pts interline spacing: 12 pts kerning: -40 pts 10 PF Square sans pro italic 16 pts interline spacing: 18 pts5 line is 4 pts thick kerning: -20 pts 66
  • 69. Publications Posters (vertical) 2x 3x 4x 5x 6x 7x 8x 9x 10 x 11 xFor all posters that follow the a aDIN standard (A3, A2, A1 andA0), the layout process and theproportions are the same as forthe construction of an A4 coverexcept that the logo is 1/11 awidth of the document. 67
  • 70. Publications Posters (vertical) example 20 > 28.02.12 Frageri balor lorem ipsum dolor et cum carro estACIPSUSTO DOLORE 68
  • 71. Publications Posters (horizontal) For all posters that follow the DIN standard (A3, A2, A1 and A0), the layout process and the proportions are the same as for the construction of an A4 cover (see p. 47). 2x 3x 4x 5x 6x 7x 8x 9x 10 x 11 x 12 x 13 x 14 x 15 xa a a 69
  • 72. Publications Posters (horizontal) example 20 > 28.02.12 transitis per viam lorem ipsum dolor et cum carro estACIPSUSTO DOLORE 70
  • 73. Publications Don’ts Lorem ipsum Frageri lorem ipsum dolor et cum carro dolor et cum fragum Eita dio tenis esti quis excerunt carro est ut qui coreprae occuptatur Eita dio tenis esti quis excerunt ut qui coreprae occuptaturThe use of several flat colour tints is not allowed. Colour shading is not allowed. The vertical axis is notThe text is not well balanced in the space available. respected. Flat colour tints and typography shouldavoid aligning all texts the same way on the same axis. always be aligned with the flag/footer box axes. Lorem ipsum dolor et cum carro Lorem ipsum dolor et dolor is fragum et cum Eita dio tenis carro est esti quis erasi excerunt ut qui coreprae occuptaturThe top banner should always be white for publications. The safe area of the logo is not respected.The contrast between the title and the big ‘word’ Mixing different typefaces on covers is not allowed.is not strong enough. The white banner at the bottom of the page is not necessary. 71
  • 74. 2.4 Eventcommunication 72
  • 75. Event communication Stands For exhibitions, events or fairs organised by the European commission, the following two solutions are illustrated:Double stand backdropwith lecternsSelf-standing roll-up panel this is not an exhaustive selection of material, but demonstrates how to use the visual identity in such settings. 73
  • 76. Event communication Banners and flagsFlags banner Lorem ipsum et Quisque semper adipiscing Dolor cum nat mem Quisque semper adipiscing fusce facsis varius Quisque semper adipiscing ec.europa.eu/budget/reform 74
  • 77. Event communication Backdrops 2x 3x 4x 5x 6x 7x 8x 9x 10 x 11 x 12 x 13 x 14 x 15 xa a a Lapid dorios tag Estivus lates dell maribus festires Lapid dorios tag Estivus lates alim eu nunc et dolor illiadus sit amet 75
  • 78. 3Specific applications 76
  • 79. Specific applicationsCo-brandingFor co-branding with the logos of otherEuropean institutions, align the variouslogos with the top of the flags. this ensuresan equal and balanced visual weight. 77
  • 80. Specific applications Co-branding examples May 2 l of Sat urd ay 1 01Europe a s tiv a n I n s t i t u t i o n s Fe e p E u r on D a y Ope .eu pe.euro pa ivalofeuro www.fes t Saturd ay 2011 May al of Euroo n s pe Fes tiv In s ti t u ti p an E u ron e a ywww.festivalofeurope.europa.eu D Ope u uro pa.e uro pe.e tivalofe www.fesDebates – Information BRUSSELSActivitiesChildren’s workshops EUROPEAN DISTRICTMusic and dance 7 MAy – 10 A.M. TO 6 P.M. committee of the regions 78
  • 81. Specific applications Sign-off two versions of sign-off are available, on 1 or 2 lines depending on how much space is available on the layout. the prefered version is the 1 line version. PF Square Sans italic 9.5 pts logo safe area Funded funded by the by the logo safe area Co-funded Co-funded by the by the An initiative An initiative of the of the in collaborationin collaboration with the with the 79
  • 82. Specific applicationsSign-offexamples An initiative of the An initiative of the 80
  • 83. for more informationDirectorate-General for communication200 rue de la loiB-1040 Brusselstel: +32 2 298 80 11E-mail: cOMM-VISUAl-IDENtItY@ec.europa.euthis graphic charter is an internal document aimedat presenting to the staff of the European commissionthe basic principles governing the new visual identityof the institution.to find this charter and download all the material:http://www.cc.cec/home/dgserv/comm/visual_identity/© European Union, 2011

×