3 steps to finding a job youth guarantee - europa · job by transforming one’s surname and first...

37
Guidelines on how to use the toolkit and visual elements 3 STEPS TO FINDING A JOB YOUTH GUARANTEE

Upload: others

Post on 06-Sep-2019

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

Guidelines on how to use the toolkit and visual elements

3 STEPS TO FINDING A JOB

YOUTH GUARANTEE

Page 2: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

2

CONTENTS1. INTRODUCTION ..........................................................................................................................................................................................................................................................................................................................................................................3

1.1. BACKGROUND ......................................................................................................................................................................................................................................................................................................................................................................................3

1.2. HOW TO USE THE TOOLKIT .............................................................................................................................................................................................................................................................................................................................4

1.3. COPYRIGHT NOTICE .............................................................................................................................................................................................................................................................................................................................................................4

2. TYPESETTING...................................................................................................................................................................................................................................................................................................................................................................................5

2.1. TYPESETTING .........................................................................................................................................................................................................................................................................................................................................................................................6

3. KEY VISUAL ..........................................................................................................................................................................................................................................................................................................................................................................................8

3.1. PICTOGRAM ................................................................................................................................................................................................................................................................................................................................................................................................9

3.2. COMPOSITION OF THE KEY VISUAL ........................................................................................................................................................................................................................................................................................9

3.3. LOCAL CONTACT DETAILS...................................................................................................................................................................................................................................................................................................................................9

4. COLOURS ...............................................................................................................................................................................................................................................................................................................................................................................................10

4.1. REFERENCES ......................................................................................................................................................................................................................................................................................................................................................................................11

4.2. PARTICULAR FEATURES .......................................................................................................................................................................................................................................................................................................................................12

4.3. POSITION OF THE LOGO AND CONTACT DETAILS OF THE NATIONAL, REGIONAL OR LOCAL AUTHORITY...................................................................................................................................................................................................13

5. ILLUSTRATIONS.................................................................................................................................................................................................................................................................................................................................................................14

5.1. REFERENCES ......................................................................................................................................................................................................................................................................................................................................................................................15

6. POSTER ........................................................................................................................................................................................................................................................................................................................................................................................................16

6.1. STRUCTURE ...........................................................................................................................................................................................................................................................................................................................................................................................17

6.2. COLOURS ....................................................................................................................................................................................................................................................................................................................................................................................................21

6.3. PARTICULAR FEATURES .......................................................................................................................................................................................................................................................................................................................................22

7. LEAFLET.....................................................................................................................................................................................................................................................................................................................................................................................................24

7.1. STRUCTURE ...........................................................................................................................................................................................................................................................................................................................................................................................25

8. ROLLUP........................................................................................................................................................................................................................................................................................................................................................................................................27

8.1. STRUCTURE ...........................................................................................................................................................................................................................................................................................................................................................................................28

9. STAND ..............................................................................................................................................................................................................................................................................................................................................................................................................32

9.1. STRUCTURE ...........................................................................................................................................................................................................................................................................................................................................................................................33

10. WEBPAGE ..............................................................................................................................................................................................................................................................................................................................................................................................34

10.1. HOMEPAGE .............................................................................................................................................................................................................................................................................................................................................................................................35

11. SOCIAL NETWORKS ...............................................................................................................................................................................................................................................................................................................................................36

11.1. FACEBOOK ...............................................................................................................................................................................................................................................................................................................................................................................................37

11.2. TWITTER.........................................................................................................................................................................................................................................................................................................................................................................................................37

Page 3: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

3

1. INTRODUCTION1.1. BACKGROUND

Pilot outreach and awareness raising activities on the Youth Guarantee have been developed by the European Commission in Finland, Latvia, Portugal and Romania, in close cooperation with national authorities. The goal is to inform young people and those working with them of existing schemes and encourage young people to register with their local Youth Guarantee providers.

The concept, products and visuals from this pilot have been put at disposal of authorities in EU Member States who wish to use it further as an electronic toolkit, where information and source files can be found.

The toolkit contains the following elements: > Posters: A1 posters of the three visuals from the pilot project.> Leaflets: A5, four-page long leaflets containing information on the Youth Guarantee, where and how young

people can register. > Roll-ups: Roll-ups (100x206mm) of the three visuals. > Event stand design: A 3-step stand drawing attention and informing people visiting it. This stand can

be used in various ways at events such as job fairs.> Social media app’s codes: The codes of the ‘Workinator’ application annotated with comments in English.

The app’s objective is to catch young people’s attention on social media and invite them to register. It is based on a simple ‘job generator machine’, conceived as a game which proposes an imaginary job by transforming one’s surname and first name.

> Social media banners: Facebook’s cover picture and profile picture as well as Twitter’s cover picture and profile using the pilot project’s visuals.

> HTML email template: Mailing template in HTML featuring one of the three graphics chosen for the pilot project. Texts and visuals can be easily adapted.

> Radio spot text: English script of a radio spot developed and broadcasted on radio channels. The radio spot directs the traffic to the national Youth Guarantee website.

> Business cards: Business cards following the visuals. They allow the YG information to be seen in digestible and practical format and can be used, for instance, by youth workers or PES advisors.

These guidelines present the basic elements of the main visual materials and should serve as a chart for public authorities making use of the toolkit.

Page 4: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

4

1.2. HOW TO USE THE TOOLKIT

The toolkit can be used by national, regional and local public authorities in charge of delivering the Youth Guarantee.

All authorities intending to make use of the visuals are requested to identify themselves with a logo on each product. Several logos can be used in case of joint projects.

A link (URL) to an official website and/or social media account(s) where young people can find practical information about the Youth Guarantee and/or relevant contact details (e.g. email, phone number) need to be featured on all products.

The contact information should be primarily managed by the authorities identified by the logo. Should it not be the case, explicit authorisation should be requested and the national Youth Guarantee Coordinator consulted (1) (e.g. reference to the main national Youth Guarantee website and/or social media account).

The visuals must always be reproduced from the master artwork. They must never be altered in any way, with exception of texts, which can be translated and adapted to national or local realities, after consultation of the Youth Guarantee Coordinator. As a general rule, the text used should be the one provided in the toolkit, available in all EU languages.

If you have the slightest doubt or any other question concerning one of the principles presented in these guidelines please contact the European Commission’s Directorate General for Employment, Social Affairs and Inclusion at [email protected]

Please inform the European Commission of the use that has been made of the toolkit by sending the visuals produced to [email protected]

1.3. COPYRIGHT NOTICE

© European Union, 2015 Reproduction and reuse by authorities in charge of delivering Youth Guarantee schemes is authorised, provided the source is acknowledged. The reuse policy of the European Commission is implemented by a Decision of 12 December 2011.

1 Contacts can be found on: http://ec.europa.eu/social/youthguarantee

Page 5: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

5

2. TYPESETTINGPlease use Frutiger LT SD font for all communication materials.

As the pilot was a joint project with the European Commission, the font EC Square has been used. However, the European Commission has the role right to use this font. The difference between both fonts is very slight.

Page 6: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

6

2.1. TYPESETTING

FRUTIGER LT STD > 45 Light

FRUTIGER LT STD > 56 Italic

FRUTIGER LT STD > 65 Bold

FRUTIGER LT STD > 75 Black

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

FRUTIGER LT STD > 55 Roman

Page 7: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

7

EXAMPLE

FRUTIGER LT STD

Page 8: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

8

3. KEY VISUALThe Key Visual is an important element of all communication activities.It allows the concept to be visualised in one image.This visual can be used on all the formats.

Page 9: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

9

3.1. PICTOGRAMThis image symbolises the 3 steps and suggests the path to a quality offer. It represents a springboard, a set of actions, which helps achieve a specific purpose.

3.3. LOCAL CONTACT DETAILSThe contact details should be added to the left of the EU flag. The contact details comprise the local website pertaining to the Youth Guarantee, a phone number and an email address. Along with the EU flag, the sentence ‘Youth Guarantee: supported by the European Union’ in the local language must be added in italic. The EU logo can be downloaded here: http://europa.eu/about-eu/basic-information/symbols/flag/index_en.htm

3.2. COMPOSITION OF THE KEY VISUALText centred within the pictogram shape.

Title – Youth Guarantee > Frutiger LT SD Black > Uppercase > Colour: C75-M22-Y00-K00The 3 steps > Frutiger LT SD Black > Uppercase > Colour: C100-M90-Y10-K00Asterisk* > Frutiger LT SD Italic > Lowercase > Colour: C100-M90-Y10-K00

URL > Frutiger LT SD Bold > Lowercase > Colour: C100-M90-Y10-K00Email address > Frutiger LT SD Light Italic > Lowercase > Colour: C100-M90-Y10-K00Sentence below > Frutiger LT SD Italic > Lowercase > Colour: C100-M90-Y10-K00

YOUTH GUARANTEE1. REGISTER2. MEET AN ADVISOR3. GET A QUALITY OFFER*

*of job, apprenticeship, traineeship or education

[email protected]

Youth Guarantee: supported by the European Union

Page 10: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

10

4. COLOURSChoice of bright colours suited to a young audience between 15 and 30 years old.The complementary colours promote harmony and a positive appearance.Furthermore, they create visual impact and good readability.

Page 11: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

11

4.1. REFERENCES

PICTOGRAM VISUAL

C100-M90-Y10-K00R40 G53 B131

C75-M20-Y00-K00R0 G159 B227

C0-M00-Y100-K00R255 G 237 B0

C100-M90-Y10-K00R40 G53 B131

C20-M00-Y95-K00R220 G220 B4

C00-M100-Y00-K00R230 G0 B126

C100-M90-Y10-K00R40 G53 B131

C77-M12-Y34-K00R0 G163 B171

C0-M00-Y100-K00R255 G 237 B0

Page 12: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

12

4.2. PARTICULAR FEATURESSome countries have chosen other colour combinations.

PICTOGRAM VISUAL

C100-M90-Y10-K00R40 G53 B131

C17-M02-Y05-K00R219 G236 B243

C75-M20-Y00-K00R0 G159 B227

Page 13: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

13

4.3. POSITION OF THE LOGO AND CONTACT DETAILS OF THE NATIONAL, REGIONAL OR LOCAL AUTHORITY

LOGO

LOCAL CONTACT DETAILS

LEAFLET POSTER

ROLLUP

Page 14: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

14

5. ILLUSTRATIONSThey show young people of all ages moving.These characters are used to humanise the visual and show a movement of walking up. Refined graphics are used to give a feeling of peace, ease and accessibility.

Page 15: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

15

5.1. REFERENCES

VISUAL 1

VISUAL 2

VISUAL 3

COLOURS

C78-M15-Y73-K02R49 G153 B102

C78-M15-Y73-K02R49 G153 B102

C94-M87-Y28-K19R49 G51 B102

C81-M36-Y93-K04R51 G103 B51

C81-M36-Y93-K04R51 G103 B51

C84-M56-Y18-K03R53 G102 B155

C66-M19-Y99-K04R101 G 153 B51

C66-M19-Y99-K04R101 G 153 B51

C87-M35-Y52-K28R3 G 102 B102

Page 16: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

16

6. POSTERA3 > A2 > A1 POSTER in proportion.

Page 17: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

17

6.1. STRUCTUREFORMAT A3 > 297mm x 420mm The other DIN formats are proportional to these values.

PROCEDURE

Define the margins. Within these margins, determine the height of the footer > 1/10. Determine the height of the flag > 1/3 of the height of the footer. Within the footer, determine the position of the Key Visual > 1/4 of half the footer.

2

1

3

4

1

2

3

4

Top margin = 8mm

Footer margin = 20mm

Right margin = 8mm

1/10

1/3

1/4

Left margin = 8mm

Page 18: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

18

EXAMPLE 1

18

Page 19: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

19

EXAMPLE 2

19

Page 20: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

20

EXAMPLE 3

20

Page 21: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

21

6.2. COLOURSThe colour of the circle in the pictogram is the same as that of the visual background. Except for the second poster, where the colour of the circle is magenta for readability.

=

Page 22: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

22

6.3. PARTICULAR FEATURES 6.3.1. READING DIRECTION OF STEPSSome countries have chosen to replace the slogan ‘YOUTH GUARANTEE – 3 STEPS TO FINDING A JOB’ with the 3 lines of text from the Key Visual. In this case, it seemed that the reading direction was different and had to be reversed. The first step must accommodate the first stage. This reading direction is not compulsory in the first version (p.16-19).

Therefore, point 1 always begins at the bottom, the first step, followed by point 2 on the second step and finally point 3 on the last step at the top.

Never do the opposite because it creates inconsistency. The third step cannot feature stage 1, because it is the first stage you undertake when you are at the bottom of the staircase.

An asterisk is added on step 3 and a reference line is placed under the visual.

The Key Visual is adapted without the 3 points.

NO

1

1

2 2

3

3

Page 23: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

23

6.3.2. CHARACTERS’ HEAD Finland and Portugal have chosen to display the characters in full figure – with their head showing – in their posters and/or leaflets. The files with the full figures of the characters are available in the toolkit.

All roll-ups produced for the pilot countries showed the characters’ head.

1. REGISTA-TE2. CONHECE UM TÉCNICO3. RECEBE UMA PROPOSTA*

*Oportunidade de emprego, estágio, educação ou formação

[email protected]

Garantia Jovem: com o apoio da União Europeia

Page 24: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

24

7. LEAFLETA5 FORMAT > 148.5mm x 210mm

Page 25: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

25

7.1. STRUCTURETitle > Frutiger LT SD 55 Bold 14pt Body > Frutiger LT SD 65 Roman 9pt

COVERBACKMargin = 4mm Margin = 4mm

Margin = 4mm

Margin = 4mm

Diameter = 80mm

PICTO BPICTO A

Footer margin = 10mm

Margin of 65mm

Margin30mm

Margin30mm

Margin30mm

Margin30mm

Margin30mm

Margin30mm

Page 26: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

26

EXAMPLE

26

Page 27: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

27

8. ROLLUPFORMAT > 1000mm x 2060mm

Page 28: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

28

8.1. STRUCTUREThe Key Visual is placed at the top for readability.

PROCEDURE

Define the margins. Within these margins, determine the height of the header > 1/6. Determine the height of the flag > 1/5 of the height of the header. Within the footer, determine the position of the key visual.

2

1

1/6

1/5

1

2

3

4

Margin = 30mm

Margin = 65mm

1/534

The characters’ heads are visible when the vertical format allows it.

Page 29: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

29

EXAMPLE 1

29

Page 30: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

30

EXAMPLE 2

30

Page 31: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

31

EXAMPLE 3

31

Page 32: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

32

9. STAND

Page 33: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

33

YOUTHGUARANTEE

FINDING A JOB3STEPS TO

YOUTHGUARANTEEFINDING A JOB3STEPS TO

1.REGISTERYOUTH GUARANTEE

3.GET A QUALITY OFFER2.MEET AN ADVISOR

www.yourwebsite.eu

1.REGISTER

3.GET A QUALITY OFFER2.MEET AN ADVISOR

1.REGISTER

YOUTHGUARANTEE

YOUTHGUARANTEE

3.GET A QUALITY OFFER2.MEET AN ADVISOR

www.yourwebsite.eu

1.REGISTERYOUTH GUARANTEE

3.GET A QUALITY OFFER2.MEET AN ADVISOR

300

1050

300

100

100

100

10050

150450

1050

150

150

in cm

LEFT SIDE RIGHT SIDEBACK

FLOOR

FIRST STEP

9.1. STRUCTURE

Page 34: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

34

10. WEBPAGE

Page 35: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

35

10.1. HOME PAGE

Page 36: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

36

11. SOCIAL NETWORKS

Page 37: 3 STEPS TO FINDING A JOB YOUTH GUARANTEE - Europa · job by transforming one’s surname and first name. > Social media banners: Facebook’s cover picture and profile picture as

37

11.1. FACEBOOK

11.2. TWITTER