by Spild af Tid Version 1, july 2013

Transcription

1 Europeana Creative Designguide by Spild af Tid Version 1, july 201

2 design guidelines for Europeana Creative july content 2 ABOUT THE DESIGN Europeana creative logo 4 logo use 5 logo colors 6 the Prism 7 How to create the prism element 9 use of the prism 10 Colors 11 image concept 1 Design for templates 18 website

3 design guidelines for Europeana Creative About the design These are the design guidelines for the visual identity developed for Europeana Creative. By following the guidelines the identity will appear consient across all media platforms when communicating internally and externally about the Europeana Creative project. The overall idea behind the design is to meet the target groups in the creative induries by using a contemporary visual language within the field of cultural heritage. The design concept is based on the corporate visual identity for Europeana but is re-using the exiing identity elements in new creatively appealing ways. july 201 2

4 design guidelines for Europeana Creative july 201 Europeana creative logo The Europeana corporate logo is built upon the idea of generating new ideas and is formed from the combination of thought bubbles. This is indeed an essential key message to the Europeana Creative target groups according to the mission atement for the project as a whole: to encourage creative re-use of culture. To make the idea of thought bubbles even clearer the colour of the bubbles in the Europeana Creative logo is tinted to create a both floating, light and contemporary visual expression. By using the three different tints the idea of development and ripples in the water, intensifing for each ep, is clarified and elucidated in a very simple way. The colour tinting is already introduced in the Europeana guidelines (specified as 25%, 50% and 75%). logo logo landscape logo portrait

5 design guidelines for Europeana Creative july logo use The Europeana Creative logo follows the rules of the Europeana maer logo. The logo safe area is defined as the hight of the e in the logo typeface. When placing the logo on a format the logo should preferably be placed in the top or bottom left-hand corner. A secondary placement in the top or bottom right-hand corner is a possibility, see PowerPoint design page 14. logo safe area How to place the logo on a format

6 design guidelines for Europeana Creative july logo colors The logo appears in two colors only black and white. The white version is used for colored backgrounds and the black version whenever using a pure white background. Black logo white logo on colored backgrounds white logo

7 design guidelines for Europeana Creative july the Prism From the use of exiing Europeana identity elements a new graphic element is created based on the idea of a prism. The prism motif highlights the idea of adding new perspectives on given topics and creating different layers of interpretations an ideal message to the target groups. The prism consis of layers of images, patterns, colors and tints and can be prism made in many different variations. The concept of creating layers of graphic elements is already a widely used grip in the Europeana corporate identity. The purpose of the element is to make a rong and significant subidentity to the Europeana corporate identity. Furthermore, it adds a highly contemporary twi to the design. Prism variations

8 design guidelines for Europeana Creative july How to create the prism element The prism mu always be an exact square and mu consi of only one colour in the four defined tints. monotone prism colored/black background monotone prism white background 100% 50% 75% 25% 0% 50% 25% 75% examples example

9 design guidelines for Europeana Creative july How to create the prism element The prism mu always be an exact square and mu consi of only one colour in the three defined tints. image prism Greyscale image Color, 100% Layer yle: Multiplied Color, 50% Layer yle: Multiplied White, 50% Layer yle: Normal Pattern Color, 100% Layer yle: Normal examples

10 design guidelines for Europeana Creative july use of the prism The prism safe area is defined as 1/4 of the length/hight of the prism. The prism element mu always be placed on the edge of the format. Preferably in the top right-hand corner and secondarily in the bottom right-hand corner. The two lighte facets of the prism should always face the top/bottom and side of the format except from when using a white background. prism safe area how to place the prism on a format

11 design guidelines for Europeana Creative july Colors The identity for Europeana consis of 6 colors all selected from the exiing color palette in the Europeana brand guidelines but reintroduced in a more active and unfolded way. The raspberry red acts as the primary corporate color in purpose of creating a color hierarchy as a tool to make a rong identification across online and offline media. It is used as the main color on the website and, for example, on the opening and end slides in the PowerPoint presentation. Europeana primary color Europeana secondary colors Red RGB: hex: #ff0066 Blue RGB: hex: #fbfef Orange RGB: hex: #ffcc00 Purple RGB: hex: #9900ff Grey RGB: hex: # Green RGB: hex: #00ffcc

12 design guidelines for Europeana Creative july image concept An essential part of the design concept is the idea of throwing light on and folding out the Europeana cultural heritage content. For template use (Word and PowerPoint) a selection of visually appealing images, illurations and patterns has been made with the aim of highlighting to the creative target groups the beautiful potentials of Europeana content. The selection of images is chosen to support the message that Europeana content consis of diverse cultural heritage material. In accordance with the widely use of layers in the Europeana brand guidelines the images are made of a combination of a black and white motif and a multiplied layer of any of the indicated Europeana Creative colors. images from the europeana archive how to create a europeana image Greyscale image Color, 100% Layer yle: Multiplied

13 design guidelines for Europeana Creative july Image concept The image material produced and used for Europeana Creative will be very heterogeneous and primarily snapshots from cocreating meetings and workshops. Images are therefore preferably kept in black and white to achieve a unifying expression and to support the documentary properties of the images. When using images of original artwork the images should be displayed in the original colors. image yle IMAGES OF ORIGINAL ARTWORK

14 design guidelines for Europeana Creative july Design for templates The new visual identity for Europeana Creative has been implemented on a number of Microsoft Office templates. The overall thought behind the template design for Europeana Creative is to keep the exiing Europeana content slides as they are to create a rong brand relation to the Europeana Corporate Identity and to keep the ructure and content frame that communicators within the Europeana organization already know. Furthermore the design meets the criteria for ecofriendly printing options as is already thought into the Europeana brand guidelines. And finally the programming behind the exiing templates can be reused as much as possible. templates Factsheet Date, location

15 design guidelines for Europeana Creative july Design for templates Design for PowerPoint follows the building of slides as they appear in the exiing Europeana Power Point template. A variation of 12 chapter slides is introduced to the template. Pure color slides are made from all 6 colors in the Europeana Creative color palette and color/image layer slides are made from the selection of visually appealing images, illurations and patterns of the Europeana archive. The template user is free to choose between the different chapter slides. The primary raspberry red color is used for the opening and end slide of the presentation as well as for the arrow icon on the content slides. powerpoint Content How to work with summaries Click to add title Slide text left, picture right Click to add title 1 Basic 1 level 2 Summary (level 2) 2 nd level summary (level ) rd level summary (level 4) summary (level 5) Note: you can change yles by using and, or using the short key combination Alt+Shift+ or Alt+Shift+. Don t use the summary controls of PowerPoint to change the yle! Date, location Slide with picture Click to add title Click to add title Click to add title Thank you Name Image title Click to add title Click to add title Click to add title Click to add title Click to add title Click to add title

16 design guidelines for Europeana Creative july Design for templates Design for Word templates follows the content ructure from the exiing Europeana Word templates. The examples below show the Europeana Creative design for Factsheet, Handbook, Agenda, Minutes and White Paper. word templates Factsheet Template Handbook Template Agenda Minutes Factsheet Location Agenda White Paper Minutes Location Body Attendees: Apologies: Present Absent Topic Topic Subject meeting Time Agenda text Type text Topic Subject meeting Time Agenda text Type text Subtitle Attendees: Apologies: Present Absent 1/ 2/ 1/ / Minutes Location Apologies: Type text 2/ Attendees: Apologies: Present Absent Attendees: Apologies: Present Absent Type text Topic Actions: 1/ 2/ Li 1 level (extra white paragraph ahead) Li 1 level nd Li 2 level rd Li level Subtitle Subtitle Intro Intro Europeana Creative White Paper No. Actions: Topic Summarised actions: Europeana Creative White Paper: Body Topic Subtitle 1/2 2/2 / White Paper Intro White Paper Template Minutes Agenda Absent Subject meeting Time Agenda text Li 1 level (extra white paragraph ahead) Li 1 level nd Li 2 level rd Li level (appears in footer) 2nd row (not in footer) Body Europeana Creative White Paper No. Intro Location Subject meeting Time Agenda text Subtitle Minutes Template Topic Subtitle Agenda Factsheet Summarised actions: Agenda Template Li 1 level (extra white paragraph ahead) Li 1 level nd Li 2 level rd Li level Actions: Body Topic Actions: Summarised actions: Minutes Factsheet Intro Li 1 level (extra white paragraph ahead) Li 1 level nd Li 2 level rd Li level Body Li 1 level (extra white paragraph ahead) Li 1 level nd Li 2 level rd Li level Europeana Creative White Pap (appears in footer) 2nd row (not in footer) (appears in footer) 2nd row (not in foo Subtitle Subtitle Summarised actions: / 1/ 1/ 1/2 Europeana Creative White Paper: 2/ 2/ 2/2 Europeana Creative White Paper: / / 1/2 Europeana Creative White Paper:

17 , Date Agenda 1 / 2, Date Agenda 2 / 2 2 / 2, Date Minutes 1 / 4, Date Minutes 2 / 4, Date Minutes / 4, Date Minutes 4 / 4 design guidelines for Europeana Creative july Design for templates advanced A number of advanced templates has been made based on the content ructure of the exiing advanced Europeana Word templates. The examples below show the Europeana Creative design for Agenda advanced and Minutes advanced. Both follow the colors from the general Agenda and Minutes. word templates Agenda Template Agenda Date, Time Topics No. Time Topic Who Expected outcome of this session Revisions Version Status Author Date Changes 0.1 Diribution Version Date of sending Name Role in project 0.1 Participants: Name,Organisation Apologies: Name,Organisation Chair: Name,Organisation Minutes: Name,Organisation Minutes Template Minutes Agenda Style and Format for All Minutes Tasks Who Expected outcome of this session Date, Time No. Time Topic Who Expected outcome of this session Heading 1 No. Person Task Status Revisions Heading 2 Version Status Author Date Changes 0.1 Heading Heading 4 Standard paragraph Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Diribution Numbering Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Version Date of sending Name Role in project 0.1 Itemisation Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Participants: Name,Organisation Apologies: Name,Organisation Caption: Fig. 1 Chair: Name,Organisation Minutes: Name,Organisation

18 Co-funded by the European Union The project is co-funded by the European Union, through the ICT Policy Support Programme as part of the Competitiveness and Innovation Framework Programme (CIP). Europeana Creative is coordinated by the Aurian National Library Co-funded by the European Union The project is co-funded by the European Union, through the ICT Policy Support Programme as part of the Competitiveness and Innovation Framework Programme (CIP). Europeana Creative is coordinated by the Aurian National Library Europeana Creative Mileone MXY of Mileone 2 / 6 Europeana Creative Deliverable DX.Y of Deliverable Project co-funded by the European Commission within the ICT Policy Support Programme Dissemination Level P Public C Confidential, only for members of the consortium and the Commission Services Europeana Creative is coordinated by the Aurian National Library 2 / 6 Europeana Creative Mileone MXY of Mileone / 6 Europeana Creative Deliverable DX.Y of Deliverable / 6 Europeana Creative Mileone MXY of Mileone 4 / 6 Europeana Creative Deliverable DX.Y of Deliverable 4 / 6 Europeana Creative Mileone MXY of Mileone 5 / 6 Europeana Creative Deliverable DX.Y of Deliverable 5 / 6 Europeana Creative Mileone MXY of Mileone 6 / 6 Europeana Creative Deliverable DX.Y of Deliverable 6 / 6 design guidelines for Europeana Creative july Design for templates advanced A number of advanced templates has been made based on the content ructure of the exiing advanced Europeana Word templates. The examples below show the Europeana Creative design for Mileone and Deliverable. The raspberry red color is used to reflect the very corporate and formal character of these templates. word templates Mileone Template Mileone Number and Revisions Style and Format for All Mileones Table 2 Table of Contents Version Status Author Date Changes Lorem ipsum [INSERT TABLE OF CONTENTS HERE] Description of the document. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 0.1 Diribution Heading 1 Heading 2 Heading Heading 4 Standard paragraph Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum Use the Europeana colour palette in the Europeana Brand Guidelines for colours within tables and charts. Style and Format for All Mileones Heading 1... Heading Heading... Heading 4... Version Date of sending Name Role in project 0.1 Numbering Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Itemisation Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Caption: Fig. 1 Approval Version Date of approval Name Role in project Table 1 0 Lorem ipsum Lorem ipsum Use the Europeana colour palette in the Europeana Brand Guidelines for colours within tables and charts. Deliverable Template Logo Deliverable Number and Deliverable Revisions Version Status Author Date Changes Style and Format for All Deliverables Table of Contents [INSERT TABLE OF CONTENTS HERE] Description of the document. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Project Acronym: Europeana Creative Grant Agreement number: Project : Europeana Creative [Deliverable Reference Number and ] Revision: [draft, 1, 2, ] Diribution Version Date of sending Name Role in project 0.1 Heading 1 Heading 2 Heading Heading 4 Standard paragraph Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Numbering Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Itemisation Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Style and Format for All Deliverables...4 Heading Heading Heading...4 Heading Authors: Name (Organisation) Name (Organisation) Name (Organisation) Approval Version Date of approval Name Role in project 0 Caption: Table 1 Lorem ipsum Fig. 1 Lorem ipsum Statement of Originality Use the Europeana colour palette in the Europeana Brand Guidelines for colours within tables and charts. This deliverable contains original unpublished work except where clearly indicated otherwise. Acknowledgement of previously published material and of the work of others has been made through appropriate citation, quotation or both. This deliverable reflects only the author s/authors views and the European Union is not liable for any use that might be made of information contained therein.

19 design guidelines for Europeana Creative july website will be written when the web design process is closed.