European Year of Creativity and Innovation 2009
CORPORATE DESIGN MANUAL
DESIGN ELEMENTS • LOGO
The logo : sparks and synapses The logo can be read both as sparks and synapses, elements that are considered powerful symbols of innovation and creativity. While sparks evoke an unpredictable event or changing situation, synapses stand for links between different elements, they connect ideas, or even universes. The shape resembles a star, which helps identify the Year as an EU initiative. The logo of the previous European Year is similar in that it combines a simple coloured shape with a claim in black and white.
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
DESIGN ELEMENTS • LOGO
8 elements - 8 key competences The 8 visuals elements represent the 8 key competences to improve:
1. 2. 3. 4. 5. 6. 7. 8.
Communication in the mother tongue; Communication in foreign languages; Mathematical competence and basic competences in science and technology; Digital competence; Learning to learn; Social and civic competences; Sense of initiative and entrepreneurship; and Cultural awareness and expression.
DESIGN ELEMENTS • LOGO
The logo size & typography The optimal logo size is determined for individual media, depending on the area of application. It is recommended to use the long and horizontal version of the logo as shown below. Exceptions are permitted only in individual cases where the logo is heavily reduced and the legibility of the lettering is no longer guaranteed. Even a one colours is recommended for example for promotional materials as lanyards, USB sticks, T-shirt and stickers.
The typography used for the name “Creativity & Innovation - European Year 2009 “ is ‘Myriad pro’
ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890&©™ Horizontal Long version Vertical Long version
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
DESIGN ELEMENTS • LOGO
Logo: application of colours In addition to a colour variation of 4 c further variations can be used depending on the application. 1 . Colour version The colour version is used for all printing in 4 C or special colours (Pantone), e.g. for all business material and brochures. Special colours may only be used for printed materials in which there are no visuals.
2. “Negative” version The negative version can be used for all printed material and merchandising using a unicolour background printing process. See the “Don’ts for more information.
3.“Postive” unicolour version The unicolour logo (positive version) can be used for unicolour printing. There are four main colours that can be used:
Pantone reflex blue (EU colour) PANTONE Magenta C
There is 4 main colours that can be used: Pantone reflex blue ( EUcolor) Pantone 248 c Pantone 376 c Pantone 123 c
PANTONE 2935c PANTONE 123 C
PANTONE 248 C PANTONE 299 C
PANTONE 021 C
PANTONE 376 C PANTONE 1807 C
4. Black & white version
DESIGN ELEMENTS • LOGO
Brand space ( protection zone) The brand space is the protection zone around the signet which rules out any visual competition with other design elements in the immediate proximity. This protective area is especially important for co-branding. It is mandatory for printed materials. The basic unit of the protection zone is derived from the “o”: its dimensions are determined as variables of the size of the letter “o”. The protection zone is to be regarded as a minimum. If necessary, the brand space can be extended, as required by the situation in question. Only a single-colour background in white in the corporate design colours may be used behind the signet. Certain exceptions to this rule are permitted in web design. Here, the protection zone does not have to be adhered to due to limited space, so the signet can be smaller.
=o
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
DESIGN ELEMENTS • LOGO
Logo language adaptations: colour version The logo design works in all European languages. Language adaptations can be made in all defined colour variations. See the official website at : http://create2009.europa.eu
BULGARIAN ( BG )
CZECH ( CS )
Cyprian ( CY )
DANISH ( DA )
GERMAN ( DE )
GREEK ( EL )
ENGLISH ( EN )
Spanish (ES)
Estonian (ET)
Finnish (FI)
French (FR)
Hungarian (HU)
Lithuanian (LT)
Latvian (LV)
Creatività e Innovazione Anno europeo 2009
Italian (IT)
Kreatywność i innowacje Europejski Rok 2009
Maltese (MT)
Dutch (NL)
Polish (PL)
Portuguese (PT)
ROMANIAN ( RO )
Slovak (SK)
Slovenian (SL)
Swedish (SV)
DESIGN ELEMENTS • LOGO
Don’ts Essentially, the logo may not be changed. Any form of modification is inadmissible. • The logo may not be scaled, distorted or rotated. • The use of other typefaces is not permitted. • No colour versions may be used apart from those defined here. • The position of the logo elements may not bealtered. • The omission of elements is not permitted except with the authorisations from our services : EAC-EYCI2009@ec.europa.eu
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
DESIGN ELEMENTS • LOGO Wrong Application
Good application
DESIGN ELEMENTS • TYPOGRAPHY
Typography Myriad PRO (typeface) From Wikipedia, the free encyclopedia Myriad PRO Typeface Category Classifications Designers Additional designers Foundry
Myriad Sans-serif Humanist Robert Slimbach Carol Twombly Christopher Slye Fred Brady Adobe Type
Adobe’s Myriad is the typeface which is used in Apple’s modern marketing. The word “word” set in roman, italic, and bold. Myriad is a humanist sans-serif typeface designed by Robert Slimbach and Carol Twombly for Adobe Systems. Myriad was originally issued in 1991 as Myriad MM, a multiple master type family which worked with an intelligent software “engine” to allow the user to generate variations in width and weight. In 2000 it was reissued as Myriad Pro, an OpenType font family. Myriad MM was discontinued in 2003. Myriad is easily recognized due to its special “y” descender (tail), slanting “e” cut, and rounded curves. Myriad Pro is the OpenType version of the original Myriad font family. It first shipped in 2000, as Adobe moved towards the OpenType standard. Additional designers were Christopher Slye and Fred Brady. Myriad Pro comprises 40 fonts in four widths and five weights. Originally it was only 30 fonts, but a “semi-condensed” width was added several years later. Compared to Myriad MM, it added support for Latin Extended, Greek, and Cyrillic characters, and oldstyle figures.
ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890&©™ Myriad Pro light
ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890&©™ Myriad Pro light italic
ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890&©™
Myriad Pro won bukva:raz! 2001 under the Greek and Cyrillic categories Myriad Pro Greek won TDC2 2000 (Type Directors Club Type Design Competition 2000) in the Text/display type systems category.
Myriad Pro semi bold
ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890&©™
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
10
Myriad Pro semi bold italic
DESIGN ELEMENTS • TYPOGRAPHY
Working typefaces Tahoma (System) Like the print typeface, the working typeface is a sans-serif linear antiqua typeface and was designed by Matthew Carter for Microsoft in 1995. Due to its even structure, it retains good legibility even in small type sizes. Tahoma has the same properties as Myriad Pro. Both typefaces complement each other well without competing visually. Tahoma is designated as the typeface to be used in electronic media since it is installed in virtually every operating system. This ensures that the appearance of the EYCI2009 logo is uniform in all media. The typeface family consists of the typeweights normal and bold. No other typefaces may be used. Tahoma is used in all digital and internally printed media.
ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890&©™ Tahoma
ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890&©™
Tahoma bold
11
DESIGN ELEMENTS • LOGO
Format requirements
nonsecteGiamet alit eumsandio ea am, quisit am, quipit vent ullaor se feu feu feugiam coreet nullut dolortis nim dolor augiam, susciduis eugiat adionsequam nulluptatum volorem dolendre magnim in ut lutpate euissit ipis delit utet, quismolorem nonsenim nis erci blaorem
Pat, sit dui blaorero et praessi.
Uscil del ulputpatums nonsed dui bla feui bla feugue magnis enit aliquis augait ullut am
Type size/typefaces
Uscil del ulputpatums nonsed dui bla feui bla feugue magnis In body copy and variable correspondence, enitsize aliquis the type 11 ptaugait is used, ullut. depending on the medium.
EUROPEAN COMMISSION
autpatum et, velit laortie do elit nonsecteGiamet alit eumsandio ea am, quisit am, quipit vent ul-et, velit laortie do elit nonsecteGiamet alit eumsandio ea am, quisit am, quipit vent ullaor se feu feu laor se feu feu feugiam coreet nullut dolortis nimfeugiam coreet nullut dolortis nim dolor augiam, dolor augiam, susciduis eugiat adionsequam nul-susciduis eugiat adionsequam nulluptatum volorluptatum volorem dolendre magnim in ut lutpateem dolendre magnim in ut lutpate euissit ipis delit euissit ipis delit utet, quismolorem nonsenim nisutet, quismolorem nonsenim nis erci blaorem iureerci blaorem iurero odolut ut aut vel ullaoremro odolut ut aut vel ullaorem vercin er amcommo dolorem zzriure facilisiscin eugiat iliscilit adit alit vercin er amcommo dolorem zzriure facilisiscinillam nos nit ulla faccummy nulla feummol oborteugiat iliscilit adit alit illam nos nit ulla faccummying ex ea feummolum dolore conum quisisl delent nulla feummol oborting ex ea feummolum dolorelore eriure tissequat luptat. Os aut lamet prat lum Highlighting conum quisisl delent lore eriure tissequat luptat.alit vel ut ing ea feugue exer sum dolortie feugait In body copy andprat variable correspondence, the exereros exerit nulpu autpatum et, velit laortie do elit Os aut lamet lum alit vel ut ing ea feugue nonsecteGiamet alit eumsandio ea am, quisit am, sum used dolortie eros in exerit autpatum typeface canfeugait be applied boldnulpu or italics for quipit vent ullaor se feu feu feugiam coreet nullut
highlighting purposes.
w
dolortis nim dolor augiam, susciduis eugiat adionsequam nulluptatum volorem dolendre magnim in ut lutpate euissit ipis delit utet, quismolorem nonsenim nis erci blaorem
Pat, sit dui blaorero et praessi.
Uscil del ulputpatums nonsed dui bla feui bla feugue magnis enit aliquis augait ullut am
Uscil del ulputpatums nonsed dui bla feui bla feugue magnis enit aliquis augait ullut. autpatum et, velit laortie do elit nonsecteGiamet alit eumsandio ea am, quisit am, quipit vent ullaor se feu feu feugiam coreet nullut dolortis nim dolor augiam, susciduis eugiat adionsequam nulAlignment luptatum volorem dolendre magnim in ut lutpate Alleuissit bodyipiscopy subject to fl ush-left alignment. delit isutet, quismolorem nonsenim nis erci blaorem iurero odolut ut aut vel ullaorem vercin er amcommo dolorem zzriure facilisiscin eugiat iliscilit adit alit illam nos nit ulla faccummy nulla feummol oborting ex ea feummolum dolore conum quisisl delent lore eriure tissequat luptat. Os aut lamet prat lum alit vel ut ing ea feugue exer sum dolortie feugait eros exerit nulpu autpatum
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
12
EUROPEAN COMMISSION
Imagine. Cr
DESIGN ELEMENTS • LOGO
Colours Main colours/logo colours The EYCI 2009 logo is made up of a total of 8 different colours. For print media, the CMYK colour mode based on Euroscala is to be used as are the special colour tones according to Pantone. The colours cyan, magenta, yellow and Key (black) used in CMYK mode provide the technical basis for modern four-colour printing. However, Pantone special colours are fixed, thus offering the advantage of strict international standardisation. The RGB colour mode is suitable for digital media. This colour model, based on the three primary colours red, green and blue, is especially suited to meeting the needs of electronic display Summary of colours to be used for print and online media: Professional printing of information and communication materials: CMYK (Euroscala) or special colours (Pantone) Printing of digital and internally printed information and communication materials: RGB
CMYK
RGB
C 0 M 25 Y 100 K 0
R 252 G 195 B 0
C 50 M 100 Y 0 K 0
R 147 G 17 B 126
C 50 M 25 Y 100 K 0
R 151 G 190 B 13
C 85 M 19 Y 0 K 0
R 0 G 152 B 212
C 100 M 46 Y 0 K 0
R 0 G 111 B 183
C 25 M 100 Y 100 K 0
R 186 G 18 B 32
C 0 M 100 Y 0 K 0
R 226 G 0 B 122
C 0 M 53 Y 100 K 0
R 241 G 142 B 0
PANTONE 123 c
PANTONE 248 C
The mention in grey can be use in different grey solutions. The simplest one is a dark grey composed of 60 % of black.
PANTONE 376 c
PANTONE 299 c
c 23 M 2 Y 0 K 63
PANTONE 2935 c
PANTONE 7545 C
PANTONE 1807 c
R 102 G 117 B 126
PANTONE PROCESS MAGENTA
C 0 M 0 Y 0 K 60
PANTONE ORANGE 021 c
13
DESIGN ELEMENTS • LOGO
Central design element Sparks and synapses The spark/synapse is the central design element of the creativity and innovation corporate design. Placing those elements in different colours and sizes will directly make the design recognisable. Depiction of the spark/ synapse in online media and PowerPoint presentations can be used. In print media, the sparks/synapses are placed in strategic places reinforcing the blend zone.
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
14
DESIGN ELEMENTS • LOGO
Elements of the styleguides
An initiative of the European Union
Blend zone
Imagine. Create. Innovate. http://create2009.europa.eu
Elements of the styleguides
An initiative of the European Union
Elements of the styleguides
15
DESIGN ELEMENTS • TYPOGRAPHY Based on the logo the below guidelines refer to two different sections of a page. The first section, at the top of a page, represents the visual elements: an image of creativity or innovation in different fields such as culture, education, business, sustainable development etc. The second section, at the bottom of a page is the text and information section. The light grey background is a neutral colour which makes it easier both to highlight the colour of the stars and synapses in the logo and to add white or grey stars as an element of contrast. It is also helpful to use a background for some printing processes. This can be done by adding light-coloured boxes as background (i.e. avoid transparent white). Images and headline are not definitive
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
16
DESIGN ELEMENTS • TYPOGRAPHY
Creatività e Innovazione Anno europeo 2009
Logo
Elements of the styleguides Elements of the styleguides
Blend zone
TEXT ZONE
Logo
17
DESIGN ELEMENTS • TYPOGRAPHY Based on the logo the below guidelines refer to two different sections of a page. The first section, at the top of a page, represents the visual elements: an image of creativity or innovation in different fields such as culture, education, business, sustainable development etc.
An initiative of the European Union
An initiative of the European Union
EUROPEAN COMMISSION
Imagine. Create. Innovate. Pat, sit dui blaorero et praessi. Uscil del ulputpatum quis nonsed dui bla feui bla feugue magnis enit aliquis augait ullut am nostrud eugiamet autpatum et, velit laortie do elit nonsecte
www.url.eu
Imagine. Create. Innovate. Pat, sit dui blaorero et praessi. Uscil del ulputpatum quis nonsed dui bla feui bla feugue magnis enit aliquis augait ullut am nostrud eugiamet autpatum et, velit laortie do elit nonsecte
www.url.eu
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
18
DESIGN ELEMENTS • TYPOGRAPHY
An initiative of the European Union
EUROPEAN COMMISSION
An initiative of the European Union
EUROPEAN COMMISSION
Imagine. Create. Innovate. Pat, sit dui blaorero et praessi. Uscil del ulputpatum quis nonsed dui bla feui bla feugue magnis enit aliquis augait ullut am nostrud eugiamet autpatum et, velit laortie do elit nonsecte
www.url.eu
Imagine. Create. Innovate. Pat, sit dui blaorero et praessi. Uscil del ulputpatum quis nonsed dui bla feui bla feugue magnis enit aliquis augait ullut am nostrud eugiamet autpatum et, velit laortie do elit nonsecte
www.url.eu
19
DESIGN ELEMENTS • TYPOGRAPHY Based on the logo the below guidelines refer to two different sections of a page. The first section, at the top of a page, represents the visual elements: an image of creativity or innovation in different fields such as culture, education, business, sustainable development etc. Here under an example for a conference, the zone of the text has been increased.
Logo
An initiative of the European Union
EUROPEAN COMMISSION
Elements of the styleguides Elements of the styleguides
Blend zone
CONFERENCE
International conference on arts education 12-14.03.2009
TEXT ZONE
Themes Cultural development of children and youngsters in Europe, learning with and through culture. Subthemess: • Culture and curriculum • Culture and new media • Monitoring and evaluation • Culture and citizenship
www.url.eu
Logo
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
20
DESIGN ELEMENTS • TYPOGRAPHY
21
DESIGN ELEMENTS • TYPOGRAPHY
Slogan EN Original
Imagine. Create. Innovate.
BG
Въображение — творчество — иновации
CS
Vymýšlíme – Tvoříme – Inovujeme
DA
Tænke – Skabe – Forny
DE
Entwerfen. Entwickeln. Erneuern.
EL
Οραματίσου – Δημιούργησε – Καινοτόμησε
ES
Imaginar. Crear. Innovar
ET
Kujutle. Loo. Uuenda.
FI
Kuvittele – luo – innovoi
FR
Imaginer. Créer. Innover.
GA
Samhlaigh. Cruthaigh. Nuáil.
HU
Álmodj, alkoss, újíts!
IT
Immaginare – Creare – Innovare
LT
Įsivaizduoti. Kurti. Išrasti
LV
Iztēloties. Radīt. Inovēt.
MT
Immaġina. Oħloq. Kun Innovattiv.
NL
Bedenken – Creëren – Innoveren
PL
Wyobraźnia – Kreatywność – Innowacje
PT
Imaginar. Criar. Inovar
RO
Imaginează. Crează. Inovează.
SK
Myslíme − tvoríme − inovujeme
SL
Zamisli – Stvaritve – Inovacije
SV
Tänk – Skapa – Förnya
The European Year of Creativity and Innovation 2009”
November 2008 © EAC UNIT C3
22
DESIGN ELEMENTS • TYPOGRAPHY
23
European Year of Creativity and Innovation 2009
CORPORATE DESIGN MANUAL