annex to the european commission visual identity

visual identity

Annex tothe EuropeanCommission

ManualAdditional guidelinesfor the EU SWITCH to GreenFlagship initiativeJune 2016

2

TABLE OF CONTENTS3 Introduction

4 1. Visual elements5 1.1 Logo and main wordmark6 EC logo (standard) positive versions7 EC logo (horizontal) positive versions8 EC logo (standard) negative versions9 EC logo (horizontal) negative versions10 Main SWITCH to Green wordmark positive versions11 Main SWITCH to Green wordmark with EC positive versions12 SWITCH to Green wordmark negative version13 1.2 Colours14 SWITCH to Green colours15 EU colour palette 16 EU pastel colour palette 17 1.3 Typography18 Main typography19 Secondary typography20 Alternative typography for Office and Web21 1.4 Graphics22 Cover images and graphic effects24 The SWITCH to Green pictograph25 Other pictographs

26 2. Overview of the basic rules of application27 Footers28 Covers29 Backgrounds 30 3. Various fields of application31 3.1 Stationary32 Business cards33 Invitations34 3.2 Publications35 Grid system for covers36 Grid system for A4 covers37 Grid system for A4 front and back covers38 Grid system for laying out texts on A4 covers40 Layout for interior pages 42 Grid system for A5 covers43 A5 front covers44 Grid system for A4 leaflet covers 105 x 210mm45 Grid system for A4 leaflet back covers46 Grid system for inside pages of A4 leaflets47 Inside pages of A4 leaflets48 A4 factsheet covers49 Posters49 Vertical posters50 Horizontal posters51 Specific formats

52 3.3 Electronic media52 Electronic signature54 Electronic newsletter 55 PowerPoint57 Twitter and Facebook59 3.4 Event communication60 Badges61 Programmes62 Banners63 Backdrops

3

his document contains guidelines for the European Commission’s (EC) visual identity on communication products for the EU SWITCH to

Green Flagship Initiative.

It serves as a supplement to the corporate visual identity guidelines and covers specific cases including some already mentioned in that document.

Introduction

3 Introduction

4 1. Visual elements5 1.1 Logo and main wordmark6 EC logo (standard) positive versions7 EC logo (horizontal) positive versions8 EC logo (standard) negative versions9 EC logo (horizontal) negative versions10 Main SWITCH to Green wordmark positive versions11 Main SWITCH to Green wordmark with EC positive versions12 SWITCH to Green wordmark negative version13 1.2 Colours14 SWITCH to Green colours15 EU colour palette 16 EU pastel colour palette 17 1.3 Typography18 Main typography19 Secondary typography20 Alternative typography for Office and Web21 1.4 Graphics22 Cover images and graphic effects24 The SWITCH to Green pictograph25 Other pictographs

26 2. Overview of the basic rules of application27 Footers28 Covers29 Backgrounds 30 3. Various fields of application31 3.1 Stationary32 Business cards33 Invitations34 3.2 Publications35 Grid system for covers36 Grid system for A4 covers37 Grid system for A4 front and back covers38 Grid system for laying out texts on A4 covers40 Layout for interior pages 42 Grid system for A5 covers43 A5 front covers44 Grid system for A4 leaflet covers 105 x 210mm45 Grid system for A4 leaflet back covers46 Grid system for inside pages of A4 leaflets47 Inside pages of A4 leaflets48 A4 factsheet covers49 Posters49 Vertical posters50 Horizontal posters51 Specific formats

52 3.3 Electronic media52 Electronic signature54 Electronic newsletter 55 PowerPoint57 Twitter and Facebook59 3.4 Event communication60 Badges61 Programmes62 Banners63 Backdrops

4

1Visual elements

EC logoSWITCH to Green wordmark

Colours Typography

Graphics

4

5

1.1Logo

5

6

Logo EC logo (standard)positive versions

The EC standard logo should appear on the top centre of all communication material, documents and products, unless there is a special reason to substitute the standard logo with the horizontal or mute variation.

All these formats are available on the visual identity page: http://www.cc.cec/dgintranet/comm/visual_identity/index_en.htm

Cyan-Magenta-Yellow-Key (CMYK) – for full-colour printing

Pantone EC Corporate Blue – for single-colour printing

Black – for black and white printing

7

Logo EC logo (horizontal)positive versions

CMYK

Pantone EC Corporate Blue

Black

The horizontal logo is a substitute for the standard logo in cases when the applicability of the standard logo is compromised by spatial or aesthetic constraints. The cases identified so far for the use of the horizontal logo are: press room backdrops, building signposts, e-mail newsletters, and as part of the top image on a Facebook timeline.

The Pantone reflex blue and black versions of the horizontal logo are designed specifically for printing on very small communication media such as pens. These logos must be used with colour at 100 % to ensure all elements of the logo are clearly visible.

The CMYK horizontal logo is designed for small communication media such as mobile web, electronic newsletters, Facebook pages, PowerPoint presentations, etc.

8

Logo EC logo (standard)negative versions

CMYK

European Commission


Black

European Commission

CMYK


Black

The gold versionis an alternative for Pantone printing on colour paper/fabric. This is just an example. Any colours can be used.

9

Logo EC logo (horizontal)negative versions

CMYK


Black

10

Logo Main SWITCH to Green wordmark positive versions

The SWITCH to Green wordmark is to be used for illustrating the EU SWITCH to Green Flagship Initiative, and should always be accompanied by the complete EC logo.

All these formats are available on the visual identity page: www.switchtogreen.eu

CMYK – for full-colour printingBlue: 70, 10, 5, 0Green: 60, 10, 100, 0

PANTONE solid coatedfor two colour printing Blue: Pantone 2995 Green: Pantone 369

Black – for black and white printing

11

Logo Main SWITCH to Green wordmark positive versions

Logo Main SWITCH to Green wordmark with EC - positive versions

The SWITCH to Green wordmark is to be used with the EU flag when no EC identity is used.

Funded by

Funded by

12

The EU

The EU

SWITCH to Green

SWITCH to Green

Flagship Initiative

Flagship Initiative

Logo Main SWITCH to Green wordmark “negative” versions

The SWITCH to Green wordmark cannot be placed on a background image or on background colour directly, but must be placed in a semicircle.

Funded by

Funded by

13

SWITCH to Green

SWITCH to Green

Flagship Initiative

Flagship Initiative

1.2Colours

13

14

ColoursSWITCH to Green colours

For SWITCH to Green covers or posters any blocks of colour must be in the green and blue shown here.

For texts on the cover, use the two basic colours, and/or the darker green shown here.

‘Support colours’ are colours chosen by the graphic designer for flat colour tints and large text. The choice of support colours should be based on the two main SWITCH to Green wordmark colours.

For covers, posters, banners etc., support colours should be monochrome colours derived from these two base colours, and should not include pastels or any colour with a value the same as, or higher than, that of the SWITCH to Green wordmark. This is to ensure that the footer box and horizontal bar are always visible.

For interior pages, any colour, including pastels, can be used.

The colours shown here are considered ideal support colours for SWITCH to Green visuals. Depending on photos or other influencing factors, however, designers may prefer to use other colours from the EU guidelines (see pages 15 and 16).

CMYK60, 10, 100, 0RGB137, 170, 59Pantone369

CMYK85, 30, 85, 15RGB72, 118, 74PANTONE341

CMYK85, 30, 85, 15

CMYK0, 60, 85, 0

CMYK80, 40, 10, 0

CMYK20, 80, 80, 8

CMYK80, 0, 65, 0

CMYK65, 100, 5, 0

44

19

26

52

22

35

20

CMYK70, 10, 5, 0RGB106, 173, 220Pantone2995

15

ColoursSWITCH to Green colours

Colours EU colour palette (use only if necessary)

16

C M Y K 70 35 65 10R G B 87 127 96# 577f60

116

67

C M Y K 65 35 30 09R G B 103 144 159# 67909f

74

C M Y K 70 20 30 0R G B 77 160 170# 4da0aa

81

C M Y K 75 45 40 10R G B 72 114 126# 48727e

102

C M Y K 35 55 30 0R G B 178 130 144# b28290

88

C M Y K 60 35 40 0R G B 120 147 145# 789391

109

C M Y K 77 30 60 5R G B 62 133 110# 3e856e

95

C M Y K 35 44 65 5R G B 174 140 95# ae8c5f

C M Y K 60 15 65 0R G B 119 169 112# 77a970

117

68

C M Y K 85 40 30 0R G B 0 125 152# 007d98

75

C M Y K 75 45 20 0R G B 74 125 163# 4a7da3

82

C M Y K 70 47 35 8R G B 89 117 134# 597586

103

C M Y K 50 60 30 5R G B 141 109 132# 8d6d84

89

C M Y K 70 15 45 0R G B 79 163 148# 4fa394

110

C M Y K 70 47 45 15R G B 85 109 113# 556d71

96

C M Y K 45 47 70 15R G B 142 120 79# 8e784f

C M Y K 50 20 60 0R G B 147 172 120# 93ac78

118

69

C M Y K 60 55 15 0R G B 122 119 161# 7a77a1

76

C M Y K 70 40 20 0R G B 88 135 168# 5887a8

83

C M Y K 55 20 50 0R G B 133 169 138# 85a98a

104

C M Y K 40 60 40 5R G B 162 113 121# a27179

90

C M Y K 67 37 52 10R G B 94 128 114# 5e8072

111

C M Y K 75 35 47 8R G B 68 128 125# 44807d

97

C M Y K 35 37 55 0R G B 182 159 121# b69f79

C M Y K 40 5 80 0R G B 175 197 81# afc551

121

72

C M Y K 75 60 20 5R G B 81 99 142# 51638e

79

C M Y K 55 75 0 0R G B 137 85 154# 89559a

86

C M Y K 57 44 22 0R G B 128 138 164# 808aa4

107

C M Y K 55 70 40 17R G B 120 82 102# 785266

93

C M Y K 45 65 50 20R G B 135 89 91# 87595b

114

C M Y K 60 40 87 15R G B 111 120 57# 6f7839

100

C M Y K 40 55 60 15R G B 151 111 89# 976f59

C M Y K 47 25 75 0R G B 156 165 88# 9ca558

119

70

C M Y K 60 55 35 10R G B 114 108 126# 906c7e

77

C M Y K 55 35 30 0R G B 132 152 161# 8498a1

84

C M Y K 70 35 60 10R G B 86 127 104# 567f68

105

C M Y K 40 70 25 0R G B 167 99 134# a76386

91

C M Y K 70 33 70 10R G B 87 129 89# 578159

112

C M Y K 65 40 37 5R G B 102 131 140# 66838c

98

C M Y K 37 55 57 10R G B 162 117 97# a27561

C M Y K 30 25 70 0R G B 194 178 98# c2b262

122

73

C M Y K 50 50 0 0R G B 144 133 186# 9085ba

80

C M Y K 55 80 35 20R G B 118 64 97# 764061

87

C M Y K 45 45 83 18R G B 139 118 58# 8b763a

108

C M Y K 70 33 80 15R G B 85 123 71# 557b47

94

C M Y K 56 45 68 20R G B 114 112 80# 727050

115

C M Y K 55 50 60 20R G B 116 106 88# 746a58

101

C M Y K 30 43 70 5R G B 184 144 87# b89057

C M Y K 57 20 75 0R G B 131 164 91# 83a45b

120

71

C M Y K 45 45 30 0R G B 157 142 153# 9d8e99

78

C M Y K 65 65 30 10R G B 105 91 122# 695b7a

85

C M Y K 50 50 20 0R G B 145 131 161# 9183a1

106

C M Y K 45 70 15 0R G B 157 98 145# 9d6291

92

C M Y K 45 57 50 15R G B 141 106 101# 8d6a65

113

C M Y K 60 40 50 10R G B 113 128 116# 718074

99

C M Y K 40 55 67 20R G B 144 105 76# 90694c

Colours EU pastel colour palette (use only if necessary)

17

C M Y K 70 35 65 10R G B 87 127 96# 577f60

116

67

C M Y K 65 35 30 09R G B 103 144 159# 67909f

74

C M Y K 70 20 30 0R G B 77 160 170# 4da0aa

81

C M Y K 75 45 40 10R G B 72 114 126# 48727e

102

C M Y K 35 55 30 0R G B 178 130 144# b28290

88

C M Y K 60 35 40 0R G B 120 147 145# 789391

109

C M Y K 77 30 60 5R G B 62 133 110# 3e856e

95

C M Y K 35 44 65 5R G B 174 140 95# ae8c5f

C M Y K 60 15 65 0R G B 119 169 112# 77a970

117

68

C M Y K 85 40 30 0R G B 0 125 152# 007d98

75

C M Y K 75 45 20 0R G B 74 125 163# 4a7da3

82

C M Y K 70 47 35 8R G B 89 117 134# 597586

103

C M Y K 50 60 30 5R G B 141 109 132# 8d6d84

89

C M Y K 70 15 45 0R G B 79 163 148# 4fa394

110

C M Y K 70 47 45 15R G B 85 109 113# 556d71

96

C M Y K 45 47 70 15R G B 142 120 79# 8e784f

C M Y K 50 20 60 0R G B 147 172 120# 93ac78

118

69

C M Y K 60 55 15 0R G B 122 119 161# 7a77a1

76

C M Y K 70 40 20 0R G B 88 135 168# 5887a8

83

C M Y K 55 20 50 0R G B 133 169 138# 85a98a

104

C M Y K 40 60 40 5R G B 162 113 121# a27179

90

C M Y K 67 37 52 10R G B 94 128 114# 5e8072

111

C M Y K 75 35 47 8R G B 68 128 125# 44807d

97

C M Y K 35 37 55 0R G B 182 159 121# b69f79

C M Y K 40 5 80 0R G B 175 197 81# afc551

121

72

C M Y K 75 60 20 5R G B 81 99 142# 51638e

79

C M Y K 55 75 0 0R G B 137 85 154# 89559a

86

C M Y K 57 44 22 0R G B 128 138 164# 808aa4

107

C M Y K 55 70 40 17R G B 120 82 102# 785266

93

C M Y K 45 65 50 20R G B 135 89 91# 87595b

114

C M Y K 60 40 87 15R G B 111 120 57# 6f7839

100

C M Y K 40 55 60 15R G B 151 111 89# 976f59

C M Y K 47 25 75 0R G B 156 165 88# 9ca558

119

70

C M Y K 60 55 35 10R G B 114 108 126# 906c7e

77

C M Y K 55 35 30 0R G B 132 152 161# 8498a1

84

C M Y K 70 35 60 10R G B 86 127 104# 567f68

105

C M Y K 40 70 25 0R G B 167 99 134# a76386

91

C M Y K 70 33 70 10R G B 87 129 89# 578159

112

C M Y K 65 40 37 5R G B 102 131 140# 66838c

98

C M Y K 37 55 57 10R G B 162 117 97# a27561

C M Y K 30 25 70 0R G B 194 178 98# c2b262

122

73

C M Y K 50 50 0 0R G B 144 133 186# 9085ba

80

C M Y K 55 80 35 20R G B 118 64 97# 764061

87

C M Y K 45 45 83 18R G B 139 118 58# 8b763a

108

C M Y K 70 33 80 15R G B 85 123 71# 557b47

94

C M Y K 56 45 68 20R G B 114 112 80# 727050

115

C M Y K 55 50 60 20R G B 116 106 88# 746a58

101

C M Y K 30 43 70 5R G B 184 144 87# b89057

C M Y K 57 20 75 0R G B 131 164 91# 83a45b

120

71

C M Y K 45 45 30 0R G B 157 142 153# 9d8e99

78

C M Y K 65 65 30 10R G B 105 91 122# 695b7a

85

C M Y K 50 50 20 0R G B 145 131 161# 9183a1

106

C M Y K 45 70 15 0R G B 157 98 145# 9d6291

92

C M Y K 45 57 50 15R G B 141 106 101# 8d6a65

113

C M Y K 60 40 50 10R G B 113 128 116# 718074

99

C M Y K 40 55 67 20R G B 144 105 76# 90694c

Colours EU pastel colour palette (use only if necessary)

1.3Typography

17

18

EC SQUARE SANS PRO - BoldEC SQUARE SANS PRO - Mediumfor headlines and titles

EC SQUARE SANS PRO - Thin EC SQUARE SANS PRO - Bold ��li�

EC SQUARE SANS PRO - Thin ��li� EC SQUARE SANS PRO - E�� l��

EC SQUARE SANS PRO - Re�ul��for e��hasi�ed �ords in headlines� te�t �od� and titles EC SQUARE SANS PRO - �i�h� ��li�

EC SQUARE SANS PRO - �i�h� EC SQUARE SANS PRO - E�� l�� li�

EC SQUARE SANS PRO - ��li�for s��titles and �a�tions EC SQUARE SANS PRO - Medium ��li�

Main typography EC Square Sans Pro

EC Square Sans Pro is the mandatory font for the Commission’s logo, images incorporating texts and for professional publications.Three main weights are used for publication covers. However, nine other weights are available for inside pages as needed.

19

Main typography EC Square Sans Pro

Secondary typography TheSansB

TheSansB is the typeface originally used for the SWITCH wordmark. All materials published for the SWITCH beyond programmes should use this font when creating any new material.

Four main weights are used for publication covers. Other weights are available for inside pages as needed.

20

Alternative typography Arialfor Office and Web

For any document created for the web or web mobile using Office programmes such as Word, PowerPoint, or Excel as well as for any email or electronic signature, the Arial typeface should be used. For Eurolook, Legiswrite or Egreffe documents, Times News Roman should be used.

21

1.4Graphics

21

22

GraphicsImages and effects

Some suitable pictures

shutterstock_80113984




The cover of a publication should aim at catching the eye, and a strong graphic is essential to achieving this. Ideally, the cover image should be limited to a single photograph or illustration.

Of course, the visuals used on cover pages must be clearly subject related. Where the subject of a publication is too abstract or too vast to refer to one single photograph, non-figurative or conceptual images are often the best option.

When showing different subjects in one visual, an illustration with a coherent design is more effective than one introducing new structures, such as lines or divides, within the image.

For the SWITCH to Green visual image ‘less is more.’ In order to appeal to the target audience, the communication initiative has chosen a visual identity that is clean and simple.

It is important that covers, posters and other formats are not cluttered with any superfluous elements. Flat colour tints and drop shadows should be used sparingly, and no outlines or other graphic effects are permitted.

The photographs used on SWITCH to Green material should not contain any element that could distort the legibility of the logo. Appropriate copyright notice (©) must be given for all images used.

Suitable images are available on the visual identity page: www.switchtogreen.eu.

23










24

GraphicsThe SWITCH to Green pictograph

To strengthen the impact of the SWITCH to Green identity, the round eye-like SWITCH to Green pictograph (picto) should be included on communications and promotional material as often as possible.

The picto can be used as a stand-out feature, as part of the wordmark, or as a tinted background. Several can be used together, overlapping or distinctly.

A4

25

GraphicsOther pictographs

The pictographs can either be used as an eye-catching way of identifying different chapters, or to present data in a pictogram.

The colour palette can be used with the images to emphasise the differences between them and to create an appealing aesthetic.

Business and Products for the Poor

Cleaner Production

Corporate Social Responsability

Creating Demand for Better Products

Eco-labels

Industrial Symbiosis

Product Design for Sustainability

Sustainable Supply Chain Managment

Waste Management

Environmental Management Systems

26

2Overview

26

27

Footers

The SWITCH to Green flagship initiative follows EC rules on policy communication.

As such, the footer box contains the name of the policy or campaign. The height of this block must be equal to the width of the logo flag.

The horizontal bar underlining ‘European Commission’ must always be the same colour as the footer box at the bottom of the page.

The policy will be indicated in EC Square Sans Pro Italic, with automatic leading spacing, and letter spacing. The alignment is carried out flush left of ‘European Commission’.

To determine the size of the character, divide the height of the footer box by nine upper case ‘E’s.

The policy will be shown in varying degrees of darkness, with white typograph. No other colour should be used in this area. The size of the text is up to 10 points on an A4 format in case of very short names.

2Overview

EEEEEEEEE

Development and Cooperation

The EU

SWITCH to GreenFlagship Initiative

The EU


reen2g


reen2g


A4 cover

When the EC logo is positive (i.e. the grey lines), the SWITCH to Green logo must be placed in a white oval structure against the picture or color background. The SWITCH to Green logo is never shown in white.

28

Covers

Leaflet cover

A4 horizontal publication cover

The EU


reen2gDevelopment and Cooperation

The EU


reen2gDevelopment and Cooperation

If text is placed directly on the image, special care must be taken to ensure that the text is legible. If the image is too complex, placing text over it will not work.

Text can be shaded in.

Develoment and Cooperation

The EU


reen2g




The EU


reen2g

29

Backdrops

Simple backdrop for small spaces

Large backdrop

reen2g

reen2g

The EU

The EU

SWITCH to Green

SWITCH to Green

Flagship Initiative

Flagship Initiative

25 january 2017

25 January 2017

When creating backdrops for display in large spaces, such as an auditorium, it is essential to multiply the EC logo, to ensure visibility for the audience and for filmed media.

30

3Various fields of application

30

StationeryPublications

Electronic mediaEvent communication

31

3Various fields of application

3.1Stationery

31

32

StationeryBusiness cards 54 x 85 mm

Recto Verso

Project DirectorSWITCH to Green Facility

Thomas Ritter

Avenue Hermann-Debroux 44B- 1160 BrusselsM: +49 (0)228 - 98238 - 32E: [email protected] skype: ritter-sequa

Funded by

www.switchtogreen.eu

33

StationeryBusiness cards 54 x 85 mm

StationeryInvitations210 x 105 mm

reen2g

reen2g

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam .

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam .

Adress: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum.

Adress: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum.

NAME SURNAMETitle

NAME SURNAMETitle

would like to invite you

NAME SURNAMETitle

would like to invite you

NAME SURNAMETitle

34

3.2Publications

34

35

PublicationsGrid system for cover

On each document published by the EC, the flag of the logo will be centred widthwise of the document on which it is reproduced. This gives the logo the breathing space it needs. For more information on this, please consult pages 2 and 3 of the EC visual identity Manual.

The exact size of the logo is calculated by the number of flags within the width of the cover.

See Figure 1 below:

No text will be written in the white banner reserved for the logo at the top of the page or beyond the limits

established by the yellow block ‘a’ as shown in Figure 2, for the left and right, and by the upper limit of the footer box for the bottom.

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.

Images and flat colour tints can be aligned using the typographic baselines, the vertical axes or the edge of the page.

The pale blue area below 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 (the pale blue section seen in Figure 2).

The two vertical axes aligned with the left and right of the flag (see red axes in Figure 2) 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.

For the spines of any publication or stationery tool, the colour and size of the top of the spine is determined by the colour and size of the header of the cover page.

Figure 1

36

PublicationsGrid system for A4 covers

The red lines serve to mark out the structure of the base grid on which the main title of the document is positioned. Other elements could be placed on the left or right side of the pages within the red lines in compliance with the safety area of the logo.

For more information, and examples, see pages 19 and 21 of the EC visual identity Manual.

Figure 2

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

a

1 Flag

a


37

PublicationsGrid system for A4 front and back covers

Figure 3

Figure 4The layout grid for the back cover is the same as that created for the front cover. The difference is that the 4 columns with 5 mm gutters are added to it.

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

You are free to play with the 4 columns of the back cover provided you stay within the grid. The text can be structured in 1, 2, 3 or 4 columns. Columns can be merged or used separately.

The back cover in Figure 3 is used for prints made for the publication office.

This cover (Figure 4) will be used for most of the SWITCH to Green material. Always add the recycled paper logo.

This logo is available on the visual identity page: www.switchtogreen.eu

XX-00-00-000-EN-C

doi:00.0000/00000Development and Cooperation

The paper used in this product is manufactured from managed forests and is FSC certified.

38

PublicationsGrid system for laying out texts on A4 covers

The texts are justified according to the two vertical axes as seen in Figure 5 and Figure 6. 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 purpose of this 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 alignments and irregular text lines are used.

This system applies to all cover publications. Light and appropriately adapted drop shadows can be used to improve the legibility of text placed on images.

The EU


reen2g


Figure 5

Figure 6

39

20

20

Figure 7 show of 5 mm gutters columns.

Figure 8 show of 4 mm gutters columns.

20

20

25

25

25

25

15

15

15

15

Figure 7

Figure 8

PublicationsGrid system for laying out texts on A4 inside pages

40

Lorem ipsum dolorconsequtor est

The green economy in eu development cooperation: seizing new opportunities to generate growth, create jobs, and help reduce poverty

The green economy in eu development cooperation: seizing new opportunities to generate growth, create jobs, and help reduce poverty

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accumsan non quis nibh. Nunc sodales posuere libero sed tristique. Etiam condimentum, nisi nec egestas adipiscing, enim velit aliquet risus, id laoreet lacus

Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consec-tetur adipiscing elit. Quisque rhoncus mattis sapien, ac venenatis odio euismod eu. Suspendisse eget nisl eget diam vestibulum hendrerit ut dictum sem. Nunc id purus mauris. Etiam non magna id dui dapibus commodo. Suspendisse congue turpis nec urna aliquet ut congue nisi rutrum. Vivamus dui nisi, dictum sit amet malesuada ac, vehicula vitae eros. Fusce eu magna sit amet orci tempor vestibulum. Quisque in est vitae quam malesuada rutrum quis hendrerit dui. Nulla facilisi.

Aliquam at leo arcu. Donec vulputate pretium dapibus. Pellentesque magna ante, consectetur in fermentum quis, pellentesque et lacus. Praesent lorem enim, pretium malesuada bibendum sit amet, euismod vel mi. Mauris semper, ligula ac ultricies elementum, dui urna aliquam nulla, eu bibendum neque nunc ut felis.

Morbi consectetur fringilla turpis a ultricies. Fusce tincidunt, purus a convallis facilisis, erat sapien imperdiet ligula, sed convallis sapien tortor eget magna. Nullam male-suada elit dolor. Morbi pellentesque, metus sit amet blandit bibendum, nisi erat mollis augue, et elementum odio lacus vel massa. Cras sed ipsum era Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing

Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhonc

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit ametLorem ipsum dolor

sit amet, consectetur adipiscing elit.

Maecenas placerat orci imperdiet erat

condimentum vel cursus arcu dignissim. Cura-

bitur ut leo quis quam malesuada accumsan

non quis nibh. Nunc

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci im-perdiet erat condimentum

2 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accum-san non quis nibh. Nunc sodales posuere libero sed tristique. Etiam condimentum, nisi nec egestas adipiscing, enim velit aliquet risus, id laoreet lacus erat eget neque. Nullam suscipit erat vel mi pharetra a ultricies diam vehicula. Donec dignissim justo id massa hendrerit et aliquet lacus commodo. Fusce ante elit, feugiat in ornare non, molestie semper dui. Vivamus sodales auctor odio vitae aliquam. Sed mauris felis, commodo eu imperdiet sed, ultrices a lacus.

Nullam eget tortor mi. In eros purus, varius sed scelerisque quis, semper id mauris. Mauris placerat metus vitae magna vulputate id convallis tellus bibendum. Donec vel ante vitae purus venenatis congue. Etiam porttitor erat vitae risus sagittis ac lacinia ipsum ornare. Donec eget mi nec neque lacinia interdum sed eu arcu. Maecenas a dui odio. Praesent placerat hendrerit lacus, a commodo felis scelerisque a. Cras malesuada euismod lobortis. Donec porttitor viverra odio, consectetur pretium felis hendrerit dapibus.Praesent vehicula molestie

diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhon-cus mattis sapien, ac venenatis odio euismod eu. Suspendisse eget nisl eget diam vestibulum hendrerit ut dictum sem. Nunc id purus mauris. Etiam non magna id dui dapibus commodo. Suspendisse congue turpis nec urna aliquet ut congue nisi rutrum. Vivamus dui nisi, dictum sit amet malesuada ac, vehicula vitae eros. Fusce eu magna sit amet orci tempor vestibulum. Quisque in est vitae quam malesuada rutrum quis hendrerit dui. Nulla facilisi. Aliquam at leo arcu. Donec vulputate pretium dapibus. Pellentesque magna ante, consectetur in fermentum quis, pellentesque et lacus. Praesent lorem enim, pretium malesuada bibendum sit amet, euismod vel mi. Mauris semper, ligula ac ultricies elementum, dui urna aliquam nulla, eu bibendum neque nunc ut felis.

Morbi consectetur fringilla turpis a ultricies. Fusce tincidunt, purus a convallis facilisis, erat sapien imperdiet ligula, sed convallis sapien tortor eget magna. Nullam malesuada elit dolor. Morbi pellentesque, metus sit amet blandit bibendum, nisi erat mollis augue, et elementum odio lacus vel massa. Cras sed ipsum erat, vitae varius lectus. Sed sed nibh tortor. Maecenas pretium nulla eu ipsum mattis sit amet laoreet elit porta. Curabitur diam velit, accumsan vel pretium pretium, fringilla at lectus. Curabitur suscipit purus vitae lorem ornare tempor. Morbi volutpat augue vitae justo elementum et biben-

dum nisi porttitor. Duis hendrerit tempus nibh,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accum-san non quis nibh. Nunc sodales posuere libero sed tristique. Etiam condimentum, nisi nec egestas adipiscing, enim velit aliquet risus, id laoreet lacus erat eget neque. Nullam suscipit erat vel mi pharetra a ultricies diam vehicula. Donec dignissim justo id massa hendrerit et aliquet lacus commodo. Fusce ante elit, feugiat in ornare non, molestie semper dui. Vivamus sodales auctor odio vitae aliquam. Sed mauris felis, commodo eu imperdiet sed, ultrices a lacus.

Nullam eget tortor mi. In eros purus, varius sed scelerisque quis, semper id mauris. Mauris placerat metus vitae magna vulputate id convallis tellus bibendum. Donec vel ante vitae purus venenatis congue. Etiam porttitor erat vitae risus sagittis ac lacinia ipsum ornare. Donec eget mi nec neque lacinia interdum sed eu arcu. Maecenas a dui odio. Praesent placerat hendrerit lacus, a commodo felis scelerisque a. Cras malesuada euismod lobortis. Donec porttitor viverra odio, consectetur pretium felis hendrerit dapibus.Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhon-cus mattis sapien, ac venenatis odio euismod eu. Suspendisse eget nisl eget diam vestibulum hendrerit ut dictum sem. Nunc id purus mauris. Etiam non magna id dui dapibus commodo.

Suspendisse congue turpis nec urna aliquet ut congue nisi rutrum. Vivamus dui nisi, dictum sit amet malesuada ac, vehicula vitae eros. Fusce eu magna sit amet orci tempor vestibulum. Quisque in est vitae quam malesuada rutrum quis hendrerit dui. Nulla facilisi. Aliquam at leo arcu. Donec vulputate pretium dapibus. Pellentesque magna ante, consectetur in fermentum quis, pellentesque et lacus. Praesent lorem enim, pretium malesuada bibendum sit amet, euismod vel mi. Mauris semper, ligula ac ultricies elementum, dui urna aliquam nulla, eu bibendum neque nunc ut felis.

Morbi consectetur fringilla turpis a ultricies. Fusce tincidunt, purus a convallis facilisis, erat sapien imperdiet ligula, sed convallis sapien tortor eget magna. Nullam malesuada elit dolor. Morbi pellentesque, metus sit amet blandit bibendum, nisi erat mollis augue, et elementum odio lacus vel massa. Cras sed ipsum erat, vitae varius lectus. Sed sed nibh tortor. Maecenas pretium nulla eu ipsum mattis sit amet laoreet elit porta. Curabitur diam velit, accumsan vel pretium pretium, fringilla at lectus. Curabitur suscipit purus vitae lorem ornare tempor. Morbi volutpat augue vitae justo elementum et biben-dum nisi porttitor. Duis hendrerit tempus nibh, adipiscing porttitor nulla tincidunt sed. Aenean quis tristique nunc. Nullam vitae risus nulla. Sed ut tempor ante. Sed tempor, sem et pretium mollis, quam nibh mollis turpis, quis euismod nunc quam sit amet purus.aliquet

Praesent vehicula molestie diam at vestibulum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accumsan non quis nibh. Nunc sodales posuere libero sed tristique. Etiam condimentum, nisi

PublicationsLayout for A4 interior pages

Figure 9 shows an example of interior page layout with photos and texts with footnotes based on a 5-column grid.

1 EC Square Sans Pro Regular 8 pts Tracking: 660 pts

2 EC Square Sans Pro Medium 12 pts

3

4

EC Square Sans Pro Regular 46 pts

Leading spacing: 48 pts

Tracking: -20 pts

5

6

EC Square Sans Pro Medium

Italic 9,5 pts Leading spacing: 12 pts

7

EC Square Sans Pro Medium Italic 8 pts


8

EC Square Sans Pro Regular 9 pts


9

EC Square Sans Pro Medium 12 pts


10

EC Square Sans Pro Italic 14 pts Leading spacing: 18 pts

11

EC Square Sans Pro Medium Italic 10 pts


12 EC Square Sans Pro Italic 13 pts Leading spacing: 14 pts

13 EC Square Sans Pro Medium Italic 10 pts


Line is 4 pts thick

EC Square Sans Pro Medium Italic 8 ptsLeading spacing: 12 pts

Figure 9

41

Figure 10 shows an example of interior page layout with photos and texts with footnotes based on a 4-column grid.

9

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accumsan non quis nibh. Nunc sodales posuere libero sed tristique. Etiam condimentum, nisi nec egestas adipiscing, enim velit aliquet risus, id laoreet lacus erat eget neque. Nullam suscipit erat vel mi pharetra a ultricies diam vehicula. Donec dignissim justo id massa hendrerit et aliquet lacus commodo. Fusce ante elit, feugiat in ornare non, molestie semper dui. Vivamus sodales auctor odio vitae aliquam. Sed mauris felis, commodo eu imperdiet sed, ultrices a lacus. Nullam eget tortor mi. In eros purus, varius sed scelerisque quis, semper id mauris. Mauris placerat metus vitae magna vulputate id convallis tellus bibendum. Donec vel ante vitae purus venenatis congue. Etiam porttitor erat vitae risus sagittis ac lacinia ipsum ornare. Donec eget mi nec neque lacinia interdum sed eu arcu. Maecenas a dui odio. Praesent placerat hendrerit lacus, a commodo felis scelerisque a. Cras malesuada euismod lobortis. Donec porttitor viverra odio, consectetur pretium felis hendrerit dapibus.

Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus mattis sapien, ac venenatis odio euismod eu. Suspendisse eget nisl eget diam vestibulum hendrerit ut dictum sem. Nunc id purus mauris. Etiam non magna id dui dapibus commodo. Suspendisse congue turpis nec urna aliquet ut congue nisi rutrum. Vivamus dui nisi, dictum sit amet malesuada ac, vehicula vitae eros. Fusce eu magna sit amet orci tempor vestibulum. Quisque in est vitae quam malesuada rutrum

quis hendrerit dui. Nulla facilisi. Aliquam at leo arcu. Donec vulputate pretium dapibus. Pellentesque magna ante, consectetur in fermentum quis, pellentesque et lacus. Praesent lorem enim, pretium malesuada bibendum sit amet, euismod vel mi. Mauris semper, ligula ac ultricies elementum, dui urna aliquam nulla, eu bibendum neque nunc ut felis.

Morbi consectetur fringilla turpis a ultricies. Fusce tincidunt, purus a convallis facilisis, erat sapien imperdiet ligula, sed convallis sapien tortor eget magna. Nullam malesuada elit dolor. Morbi pellentesque, metus sit amet blandit bibendum, nisi erat mollis augue, et elementum odio lacus vel massa. Cras sed ipsum erat, vitae varius lectus. Sed sed nibh tortor. Maecenas pretium nulla eu ipsum mattis sit amet laoreet elit porta. Curabitur diam velit, accumsan vel pretium pretium, fringilla at lectus. Curabitur suscipit purus vitae lorem ornare tempor. Morbi volutpat augue vitae justo elementum et bibendum nisi porttitor. Duis hendrerit tempus nibh, adipiscing porttitor nulla tincidunt sed. Aenean quis tristique nunc. Nullam vitae risus nulla. Sed ut tempor ante. Sed tempor, sem et pretium mollis, quam nibh mollis turpis, quis euismod nunc quam sit amet purus.aliquet risus, id laoreet lacus erat eget neque. Nullam suscipit erat vel mi pharetra a ultricies

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accumsan non quis nibh. Nunc sodales posuere libero sed tristique. Etiam condimentum, nisi nec egestas adipiscing, enim velit aliquet risus, id laoreet lacus erat eget neque. Nullam suscipit erat vel mi pharetra a ultricies diam vehicula. Donec dignissim justo id massa

hendrerit et aliquet lacus commodo. Fusce ante elit, feugiat in ornare non, molestie semper dui. Vivamus sodales auctor odio vitae aliquam. Sed mauris felis, commodo eu imperdiet sed, ultrices a lacus. Nullam eget tortor mi. In eros purus, varius sed scelerisque quis, semper id mauris. Mauris placerat metus vitae magna vulputate id convallis tellus bibendum. Donec vel ante vitae purus venenatis congue. Etiam porttitor erat vitae risus sagittis ac lacinia ipsum ornare. Donec eget mi nec neque lacinia interdum sed eu arcu. Maecenas a dui odio. Praesent placerat hendrerit lacus, a commodo felis scelerisque a. Cras malesuada euismod lobortis. Donec porttitor viverra odio, consectetur pretium felis hendrerit dapibus.

Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus mattis sapien, ac venenatis odio euismod eu. Suspendisse eget nisl eget diam vestibulum hendrerit ut dictum sem. Nunc id purus mauris. Etiam non magna id dui dapibus commodo. Suspendisse congue turpis nec urna aliquet ut congue nisi rutrum. Vivamus dui nisi, dictum sit amet malesuada ac, vehicula vitae eros. Fusce eu magna sit amet orci tempor vestibulum. Quisque in est vitae quam malesuada rutrum quis hendrerit dui. Nulla facilisi. Aliquam at leo arcu. Donec vulputate pretium dapibus. Pellentesque magna ante, consectetur in fermentum quis, pellentesque et lacus. Praesent lorem enim, pretium malesuada bibendum sit amet, euismod vel mi. Mauris semper, ligula ac ultricies elementum, dui urna aliquam nulla, eu bibendum neque nunc ut felis.

Morbi consectetur fringilla turpis a ultricies. Fusce tincidunt, purus a convallis facilisis, erat sapien imperdiet ligula, sed convallis sapien tortor eget magna. Nullam malesuada elit dolor. Morbi pellentesque, metus sit amet blandit bibendum, nisi erat mollis augue, et elementum odio lacus vel massa. Cras sed ipsum erat, vitae varius lectus. Sed sed nibh tortor. Maecenas pretium nulla eu ipsum mattis sit amet laoreet elit porta. Curabitur diam velit, accumsan vel pretium pretium, fringilla at lectus. Curabitur suscipit purus vitae lorem ornare tempor. Morbi volutpat augue vitae justo elementum et bibendum nisi porttitor. Duis hendrerit tempus nibh, adipiscing




Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas placerat orci imperdiet erat condimentum

vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accumsan non

quis nibh. Nunc sodales

posuere libero sed

Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus mattis sapien, ac venenatis odio euismod eu. Suspendisse eget nisl eget diam vestibulum hendrerit ut dictum sem. Nunc id purus mauris. Etiam non magna id dui dapibus commodo. Suspendisse congue turpis nec urna aliquet ut congue nisi rutrum. Vivamus dui nisi, dictum sit amet malesuada ac, vehicula vitae eros. Fusce eu magna sit amet orci tempor vestibulum. Quisque in est vitae quam malesuada rutrum quis hendrerit dui. Nulla facilisi.

Aliquam at leo arcu. Donec vulputate pretium dapibus. Pellentesque magna ante, consec-tetur in fermentum quis, pellentesque et lacus. Praesent lorem enim, pretium malesuada bibendum sit amet, euismod vel mi. Mauris semper, ligula ac ultricies elementum, dui urna aliquam nulla, eu bibendum neque nunc ut felis.

Morbi consectetur fringilla turpis a ultricies. Fusce tincidunt, purus a convallis fa-cilisis, erat sapien imperdiet ligula, sed convallis sapien tortor eget magna. Nullam malesuada elit dolor. Morbi pellentesque, metus sit amet blandit bibendum, nisi erat

8 EU strategic approach to international cooperation on green economy. Seizing new opportunities to generate growth, create jobs, and help reduce poverty

15 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16 Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. 17 Curabitur ut leo quis quam malesuada accumsan non quis nibh. Nunc sodales posuere libero sed tristique. 18 Etiam condimentum, nisi nec egestas adipiscing, enim

Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhonc

Figure 10

42

PublicationsGrid system for A5 covers

Figure 11 shows the grid system for A5 covers. The layout is the same as for the A4 template, but check out the size of the EC logo (x7).

1 Flag

4x3x2x 5x 6x 7x

aa


Figure 11

43

PublicationsA5 cover

The EU


reen2g


Figure 12 shows an example of an A5 front cover.

Figure 12

44

PublicationsGrid system for A4 leaflet covers105 x 210mm

The layout in Figure 13 is the same as for the A4 template, but check out the size of the EC logo (x5).


1 Flag

a a

4x3x2x 5x

Figure 13

45

PublicationsA4 leaflet front and back210 x 210mm

Figure 14 shows an example an A4 leaflet, back and front.


The EU


reen2g


Figure 14

46

PublicationsGrid system for inside pages of A4 leaflets

Figure 15 shows an example of the inside pages of an A4 leaflet.

8

100 99 96

88 88 8

12

10,5

Figure 15

47

PublicationsA4 leaflet inside

Figure 16 shows an example of the inside pages of an A4 leaflet.


Lorem ipsum dolor sit amet,

consectetur adipiscing elit. Donec

elementum tempor dictum. Aenean

id massa ligula. Fusce quis sapien id

sapien sollicitudin ullamcorper.

Figure 16

48

PublicationsA4 factsheet covers



reen2g

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accumsan non quis nibh. Nunc sodales posuere libero sed tristique. Etiam condimentum, nisi nec egestas adipiscing, enim

velit aliquet risus, id laoreet lacus erat eget neque. Nullam suscipit erat vel mi pharetra a ultricies diam vehicula. Donec dignissim justo id massa hendrerit et aliquet lacus commodo. Fusce ante elit,

feugiat in ornare non, molestie semper dui. Vivamus sodales auctor odio vitae aliquam. Sed mauris felis, commodo eu imperdiet sed, ultrices a lacus. Nullam eget tortor mi. In eros purus, varius sed scelerisque quis, semper id mauris. Mauris placerat metus vitae magna vulputate id convallis tellus bibendum. Donec vel ante vitae purus venenatis congue. Etiam porttitor erat vitae risus sagittis ac lacinia


consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accumsan non quis nibh. Nunc sodales posuere libero sed tristique. Etiam condimentum, nisi nec egestas adipiscing, enim velit aliquet risus, id laoreet lacus erat eget neque. Nullam suscipit erat vel mi pharetra a ultricies diam vehicula. Donec dignissim justo id massa hendrerit et aliquet lacus commodo. Fusce ante elit, feugiat in ornare non, molestie semper dui. Vivamus sodales auctor odio vitae aliquam. Sed mauris felis, commodo eu imperdiet sed, ultrices a lacus. Nullam eget tortor mi. In eros purus, varius sed scelerisque quis, semper id mauris. Mauris placerat metus vitae magna vulputate id convallis tellus bibendum. Donec vel ante vitae purus venenatis congue. Etiam porttitor erat vitae risus sagittis ac lacinia ipsum ornare. Donec eget mi nec neque lacinia interdum sed eu arcu. Maecenas a dui odio. Praesent placerat hendrerit lacus, a commodo felis scelerisque a. Cras malesuada euismod lobortis. Donec porttitor viverra odio, consectetur pretium felis hendrerit dapibus.


Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus mattis sapien, ac venenatis odio euismod eu. Suspendisse eget nisl eget diam vestibulum hendrerit ut dictum sem. Nunc id purus mauris. Etiam non magna id dui dapibus commodo. Suspendisse congue turpis nec urna aliquet ut congue nisi rutrum. Vivamus dui nisi, dictum sit amet malesuada ac, vehicula vitae eros. Fusce eu magna sit amet orci tempor vestibulum. Quisque in est vitae quam malesuada rutrum quis hendrerit dui. Nulla facilisi. Aliquam at leo arcu. Donec vulputate pretium dapibus. Pellentesque magna ante, consectetur in fermentum quis, pellentesque et lacus. Praesent lorem enim, pretium malesuada bibendum sit amet, euismod vel mi. Mauris semper, ligula ac ultricies elementum, dui urna aliquam


The EU


The EU



reen2g

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accumsan non quis nibh. Nunc sodales posuere libero sed tristique. Etiam condimentum, nisi nec egestas adipiscing,

enim velit aliquet risus, id laoreet lacus erat eget neque. Nullam suscipit erat vel mi pharetra a ultricies diam vehicula. Donec dignissim justo id massa hendrerit et aliquet lacus commodo. Fusce ante elit, feugiat in ornare non, molestie semper dui. Vivamus sodales auctor odio vitae aliquam. Sed mauris felis, commodo eu imperdiet sed, ultrices a lacus. Nullam eget tortor mi. In eros purus, varius sed scelerisque quis, semper id mauris. Mauris placerat metus vitae magna vulputate id convallis tellus bibendum. Donec vel ante vitae purus venenatis congue. Etiam porttitor erat vitae risus sagittis ac lacinia ipsum ornare. Donec eget mi nec neque lacinia interdum sed eu arcu. Maecenas a dui odio. Praesent placerat hendrerit lacus, a commodo felis scelerisque a. Cras malesuada euismod lobortis. Donec porttitor viverra odio,

consectetur pretium felis hendrerit dapibus.Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus mattis sapien, ac venenatis odio euismod eu. Suspendisse eget nisl eget diam vestibulum hendrerit ut dictum sem. Nunc id purus mauris. Etiam non magna id dui dapibus commodo. Suspendisse congue turpis nec urna aliquet ut congue nisi rutrum. Vivamus dui nisi, dictum sit amet malesuada ac, vehicula vitae eros. Fusce eu magna sit amet orci tempor vestibulum. Quisque in est vitae quam malesuada rutrum quis hendrerit dui. Nulla facilisi. Aliquam at leo arcu. Donec vulputate pretium dapibus. Pellentesque magna ante, consectetur in fermentum quis, pellentesque et la

• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat orci imperdiet erat

• condimentum vel cursus arcu dignissim. Curabitur ut leo quis quam malesuada accumsan non

• quis nibh. Nunc sodales posuere libero sed tristique. Etiam condimentum, nisi nec egestas adipiscing, enim

• velit aliquet risus, id laoreet lacus erat eget neque. Nullam suscipit erat vel mi pharetra a ultricies diam vehicula. Donec dignissim justo id massa

• hendrerit et aliquet lacus commodo. Fusce ante elit, feugiat in ornare non, molestie semper dui. Vivamus sodales auctor odio vitae aliquam. Sed mauris felis, commodo eu imperdiet sed, ultrices a lacus. Nullam eget tortor mi. In eros purus, varius sed scelerisque


Figure 19a et b are examples of a

completed factsheet.

Figure 17 and Figure 18 show the grid system for A4 factsheet covers.

Figures 17 and 18

Figure 19a Figure 19b

49

PublicationsPosters (vertical)

The EU


reen2g

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

Figure 20 shows the grid system for vertical posters, while Figure 21 and Figure 22 show examples of finished posters.

Figure 20 Figure 21

Figure 22

A Gateway to Inclusive Green Economy

The EU


reen2g






50

reen2g

PublicationsPosters (horizontal)

Figure 23 shows the grid system for horizontal posters, while Figure 25 and Figure 24 show examples of finished horizontal posters.

The EU



reen2g

The EU

Flagship Initiative


SWITCH to Green

reen2g

Figure 23

Figure 24 Figure 25



www.switchtogreen.euwww.switchtogreen.eu

51

PublicationsSpecific formats

For very long horizontal formats, such as those shown in Figure 26 and Figure 28, or very small square formats, such as the one shown in Figure 27, the space contraints mean that visual

elements cannot be placed in a standard way . In these cases, the horizontal EC logo should be used.

It is very important not to have any disturbing elements behind the logo. If the background picture becomes very light and uniform at the place where the logo should be displayed, the positive version of the horizontal logo can be used. If the background picture becomes very dark and uniform at the place where the logo should be displayed, the negative version of the horizontal logo can be used. In cases where the background picture could be a disturbing element to the logo, this part can be filled with a plain coloured background.

50X239 mm

reen2g

Sedi to oditemporum quaturSum enihilique quas cum dolupta escium voles assi autenih iliberae quuntur?Vid quiaspi deruntemped undaecte ea is veliti tet dem volupta dest voloritae

10>15 January 2013

reen2g

Sedi to oditemporum quatur10>15 January 2013

100X100 mm

100X239 mm

Ferent Atum apis a CeatQuiderib usciisquisRum doluptatqui

Sumendese voles doluptaturit liquos utem facepratur, quam ad e turias s itione m poremp orepudi gendebit facea volut fuga. Ulparum

5>10 January 2013

reen2g

Figure 26

Figure 28

Figure 27

52

3.3Electronic media

52

53

Electronic mediaElectronic newsletter

The template for the electronic newsletters has a

The header includes the horizontal logo on a white strip. This strip will also contain the issue number and the date of the newsletter release. The blue strip of the header is reserved for the title.

The content of the newsletter must always be within the 4-column grid. This grid will ensure coherent alignment of images and texts in the document. The 4 columns can be merged in different ways. For example, 2 identical columns or 1 column + 3 columns, as shown in Figure 29.

A summary can also be added to the newsletter, and the subtitle can be integrated in coloured strips, provided that they are the colours of the SWITCH to Green visual identity.

As explained in Section 1.3, Arial typeface should be used for the content of the electronic newsletter.

The title is fixed. It is advisable to use EC Square Sans Pro for the title and to save it as an image file.

reen2g•Mperidmauris.Mauris

•Placeratmetusvitaemagnavulputateidconvallis

•Tellusbibendum.Donecvel

•Antevitaepurusvenenatis

•Congue.Etiamporttitorerat

•Vitaerisussagittisaclacinia

•Ipsumornare.Donecegetmi

mper id mauris. Mauris placerat metus vitae magna vulputate idconvallis tellus bibendum. Donec vel ante vitae purus venenatiscongue.Etiamporttitoreratvitaerisussagittisaclaciniaipsumornare.Donecegetminecnequelaciniainterdumsedeuarcu.Maecenasaduiodio.Praesentplacerathendrerit lacus,acommodo felisscelerisquea. Cras malesuada euismod lobortis. Donec porttitor viverra odio,consecteturpretiumfelishendreritdapibus.

Loremipsumdolorsitamet

Praesentvehiculamolestiediamatvestibulum.Loremipsumdolorsitamet, consectetur adipiscing elit.Quisque rhoncusmattis sapien, acvenenatisodioeuismodeu.Suspendisseegetnislegetdiamvestibulumhendrerit utdictumsem.Nunc idpurusmauris.Etiamnonmagna idduidapibuscommodo.Suspendissecongueturpisnecurnaaliquetutconguenisi rutrum.Vivamusduinisi,dictumsitametmalesuadaac,vehiculavitaeeros.Fusceeumagnasitametorcitemporvestibulum.Quisqueinestvitaequammalesuadarutrumquishendreritdui.Nullafacilisi.Aliquamatleoarcetlacavariuslectus.Sedsednibhtortor.Mae

mper id mauris. Mauris placerat metus vitaemagna vulputate id convallis tellus bibendum.Donec vel ante vitae purus venenatis congue.Etiamporttitoreratvitaerisussagittisaclaciniaipsum ornare. Donec eget mi nec nequelacinia interdum sed eu arcu. Maecenas adui odio. Praesent placerat hendrerit lacus, acommodo felis scelerisquea.Crasmalesuadaeuismod lobortis. Donec porttitor viverra odio,consecteturpretiumfelishendreritdapibus.


Praesentvehiculamolestiediamatvestibulum.Lorem ipsum dolor sit amet, consecteturadipiscingelit.Quisque rhoncusmattissapien,ac venenatis odio euismod eu. Suspendisseeget nisl eget diam vestibulum hendrerit utdictum sem. Nunc id purus mauris. Etiamnon magna id dui dapibus commodo.

mper id mauris. Mauris placerat metus vitae magna vulputate idconvallis tellus bibendum. Donec vel ante vitae purus venenatiscongue.Etiamporttitoreratvitaerisussagittisaclaciniaipsumornare.Donecegetminecnequelaciniainterdumsedeuarcu.Maecenasaduiodio.Praesentplacerathendrerit lacus,acommodo felisscelerisquea. Cras malesuada euismod lobortis. Donec porttitor viverra odio,consecteturpretiumfelishendreritdapibus.


Praesent vehicula molestie diam at vestibulum. Lorem ipsumdolor sit amet, consectetur adipiscing elit. Quisque rhoncusmattis sapien, ac venenatis odio euismod eu. Suspendisse

consectetur adipiscing elit. Maecenas placerat orci imperdiet erat co

Sed sed nibh tortor. Mae

mper id mauris. Mauris placerat metus vitae magna vulputate id convallis tellus bibendum. Donec vel ante vitae purus venenatis congue. Etiam porttitor erat vitae risus sagittis ac lacinia ipsum ornare. Donec eget mi nec neque lacinia interdum sed eu arcu. Maecenas a dui odio. Praesent placerat hendrerit lacus, a commodo felis sc

LoremipsumSWITCHtoGreen

Praesentvehiculamolestiediamat

Morbiconsecteturfringillaturpisaultricies.

Praesentvehiculamolestiediam

Summary

consecteturadipiscingelit.Maecenasplaceratorciimperdieteratco

Issue, day, month yearNEWSLETTER

Figure 29

54

Electronic mediaPowerPoint

There are several PowerPoint presentation templates available to choose from.

General Title slide

General title slide with alternative title

The EU


reen2g

The EU


Lorem ipsum dolor sit amet, consectetur adipiscing elit.

reen2g

Figure 30

Figure 31

55

Electronic mediaPowerPoint

It is important that titles in the content slide are shown in the SWITCH to Green colour, 20.

Content slide

Lorem ipsum dolor sit amet, consectetur

Praesent vehicula molestie diam at vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus mattis sapien, ac venenatis odio euismod eu. Suspendisse eget nisl eget diam

vestibulum hendrerit ut dictum sem. Nunc id purus

reen2g

CMYK85, 30, 85, 15RGB72, 118, 74Pantone341

20

Figure 32

56

Electronic mediaTwitter

Layouts are available for customising Twitter and Facebook pages for the SWITCH to Green campaign as show in Figure 33. A key picture can be incorporated into the basic visual graphic elements. Participants should choose avatar pictures that are in line with the theme of the campaign

The Twitter account layout incorporates the EC’s standard logo on the left side of the white banner, and the SWITCH to Greeen wordmark to the right.

The placement of elements on the Twitter background image is optimised for a screen resolution of 1280 x 1024 pixels and should not be changed. This will ensure that there is no distortion of the final screen display.

reen2g

The EU


@SWITCHtogreen

Figure 33

57

Electronic mediaFacebook

There is a basic visual provided for personalisa-tion of Facebook timelines. It incorporates the horizontal logo into the page, witth the SWITCH to Green wordmark positioned to the left as shown in Figure 34.

reen2g

The EU


Figure 34

58

3.4Event Communication

58

59

Event communicationBadges

The name or function is inserted between two lines and information relating to the conference is at the bottom of the badge.

Figure 35

SWITCH to Green FacilityBrussels, 26 > 27 September, 2016

Alexander CharalambousTeamleader

60

Event communicationProgrammes

Agenda

Day 1 26-09-2016

Day 2 27-09-2016

12:30 – 13:30 Lunch

13:30 – 14:00 Official opening and welcome • Senior official, DG DEVCO

14:00 – 14:45 SWITCH TO GREEN flagship • The SWITCH2Green Flagship Initiative (DG DEVCO) • The SWITCH2Green Facility (Facility)

14:45 – 17:15 Support to green businesses • Presentations on SWITCH regional programmes support to green businesses and UNEP eco-innovation project, with a focus on tools developed and activities planned for 2017; discussion on how to improve knowledge sharing with EU supported programmes and with / through other initiatives (e.g. GGKP)

17:15 – 18:00 EU green economy interactive map • Online tool being developed to map DEVCO/EU funded activities supporting IGE (S2G facility); discussion on steps ahead for populating the tool with up to date projects and resources

18:00 Cocktail reception

09:00 – 11:00 Policy level cooperation • SWITCH programmes policy support, links to SDGs and 10 YFP • Complementarities with broader GE programmes (PAGE, GEC) and UNEP SPP / eco-label project • Debate on links between policy development and support to MSMEs

11:00 – 13:00 Green MSMES access to finance • Overview of DG DEVCO experience with blending instruments (DEVCO C.3) • Key note speaker on needs and challenges for SME financing of SCP • Presentation of concept note on Access to Green Finance Programme; debate on gaps, priority issues to be addressed and support modalities

13:00 – 14:00 Lunch break

14:00 – 15:30 Future flagship priorities • SCP evaluation • Priorities for future international cooperation on SCP

17:00 – 17:30 Closing and Farewell


reen2g

Brussels, 26 > 27 September, 2016

SWITCH to Green Coordination Meeting

Figure 36

The conference programme template is based on the A4 format template. In the example shown in Figure 36, the title and key information are presented in white typeface on a coloured stripe. This accentuates the most important message of the event.

For programmes designed for publication, the footer box shows the name of the policy, programme or agency and uses the colour chosen, as does the horizontal bar underlining the logo.

61

Agenda

Event communicationBanners

Here are two examples of banner layout, Figure 37 and Figure 38. The pictogram “eye” at the bottom should be slightly transparent.

Developmentand Cooperation

reen2g

The EU


• Lorem ipsum dolor sit• Amet, consectetur adipiscing • Maecenas placerat orci • Imperdiet erat condimentum • Vel cursus arcu dignissim.

www.loremipsim.be

© S

hutt

erst

ock

The EU


Developmentand Cooperation ©

Shu

tter

stoc

k

reen2g

• Lorem ipsum dolor sit• Amet, consectetur adipiscing • Maecenas placerat orci • Imperdiet erat condimentum • Vel cursus arcu dignissim.

www.loremipsim.be

Figure 37 Figure 38

62

Simple backdrop for small spaces

Large backdrop

reen2g

reen2g

The EU

The EU

SWITCH to Green

SWITCH to Green

Flagship Initiative

Flagship Initiative

25 january 2017

25 january 2017

For backdrops for display in big auditoriums, Figure 40, the EC logo should be multiplied. This is to ensure visibility for the audience, and for filmed media.

Event communicationBackdrops

The template shown in Figure 39 can be used to create a backdrop for the campaign. The EC logo is centred on the white top banner.

A full photograph or illustration can be used with the template. A picture mixed with a flat colour tint also works well.

The layout is the same as for the A4 horizontal template, but check out the size of the EC logo (x15).

2 X6 X 10 X3 X7 X 11 X4 X8 X 12 X 14 X5 X9 X 13 X 15 X

Estivus lates dell maribus

Lapid dorios tag

festires

a

aa

Figure 39

Figure 40

annex to the european commission visual identity

Documents