Manuale

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.