graafinenohjeisto

Safety and health at work is everyone’s concern. It’s good for you. It’s good for business.

Graphic Design ManualHealthy Workplaces Campaign 2012-13

Healthy Workplaces

Working together for risk prevention

www.healthy-workplaces.eu

2

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 Contents

Contents

1 Introduction 3

2 General remarks 4

3 Use of the Healthy Workplaces Logo 5

4 Campaign Colours 18

5 Typography 23

6 Page layout 31

7 Corporate slogan bar 39

8 Images and illustrations 43

9 Web 46

10 Artwork available for adaptation 47

11 Contact 48

Appendix A: Scaling to Format 49

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 1 Introduction

3

• Thecall-outboxesunderlinetheideaof‚communication‘betweenmanagersandworkers.

• TheHealthyWorkplacesCampaign2012-13hasbeendesignedaccordingtoournewcorporatedesignguidelines.Mainfeaturessuchasgreencolour,typographyetc.willberepeatedinfollowingHWcampaigns.

• Theinterlinkedpeopleillustratetheideaof“Workingtogether”,joiningforcesandasharedresponsibility.

• Avarietyofcolourscommunicatediverseethnicity;

• Arangeofoccupationalaccessoriesrepresentworkersandmanagement;

• Protectiveequipmentrepresentssafetyintheworkplace.

Healthy Workplaces


“If you can get the leadership right, you can achieve fantastic safety performance.” LAWRENCE WATERMAN,

HeAd Of SAfeTY, OLYMPIC deLIVeRY AUTHORITY

Introduction

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 2 General remarks

4

• Twocases:- onlytextchangesand/oraddFOP/Campaignpartnerlogo- Takeartworkandmakenewproduct(adaptexistingproductstoindividual(country,sectoretc.)needs)

• UseofEU-OSHAlogo

• Aslongastheactivities,productsandmaterialsareconsistentwiththegoals,objectivesandmessagesofthecampaign,theycanbeadaptedforthefollowingactivitiesorproducts:Informationandpromotionalcampaigns;Awarenessactivities,newslettersandjournalarticles;Websites,radioandtelevisionprogrammes,oradvertisements;Conferencesandseminars;Promotionalitems

• TheHealthyWorkplacescampaigndoesnotendorsecommercialproductsorservices.Thus,thename,sloganandlogocannotbeusedinanymannerthatsuggestsadirectproductandservicesendorsement.

General remarks

5

Graphic Design Manual | Healthy Workplaces Campaign 2012-13

ThemarkofHealthyWorkplacesiscomposedofthesymbolandthelogotype.SymbolandlogotypeformaconsistentcompositionthatmakesthemarkastrongvisualforthecorporatedesignofEU-OSHA.ThemarkofHealthyWorkplacesneedstobeputonallmaterialsoftheco-brandclusterHealthy Workplaces Campaign.

3 Use of the Healthy Workplaces logo

6

TomaintaintheintegrityandensurelegibilityoftheHealthyWorkplacesmark,aminimumareaofclearspacemustsurroundit.Notypeorgraphicimageryshouldappearinthisarea.Theclearspaceis1xaccordingtothedefinitesizeofthemarkintheCorporateBar.Theunitofmeasurement“x”isexplainedonpage40.

3 Use of the Healthy Workplaces logo | Clear Space

1x1x

1x

1x

1x

1x

Thepositioningandsizeofthemarkremainsasdescribedonpages40–42.


7

3 Use of the Healthy Workplaces logo | Dos and Don’ ts

TheminimumheightfortheHWCmarkwith2linesoftextis14mm.

≥14mm

TheminimumsizeatwhichtheHealthyWorkplacesmarkcanbeusedisdefinedbytheheight.

Don’tignoretheclearspaceorrotate

SetthemarkonlyonwhitespaceortheBrandingBargradient

Don’tre-buildthemarkorchangeitsproportions

Don’tscaleunproportionally

≥12mmTheminimumheightfortheHWCmarkwith1lineoftextis12mm.


8

Ustrud modiam incipsum il inibh exerili

Si exero odolorpero corerae ss

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 3 Use of the Healthy Workplaces logo | Dos and Don’ ts

• Logoscaledunproportionally(stretched)

• Logotoolargecomparedwithotherlogos

• Logoshouldnotbeplacedonacolouredbackground.Itshouldbeplacedonawhitebackground.

• Clearspacearoundlogohasnotbeenkeptempty.Thelogoshouldnottouchthetext.

• Logoisinthecorrectproportions(notstretchedorsquashed)

• Logofitsinwithsizeofotherlogos

• Logoisplacedonawhitebackground.

• Clearspacearoundlogohasbeenkeptempty.Thelogodoesnottouchanyotherelements.

Example: CORRECT use of logo on partner material Example: INCORRECT use of logo on partner material

Ustrud modiam incipsum il inibh exerili

Si exero odolorpero corerae ss

OdolorperoOdolorperoMODIA

EXERO ODOLORPERO CORMODIA

EXERO ODOLORPERO COR


9

Wheneverpossible,thepolychromaticversionistobeusedforastandardcolourprintinCMYK.WhenitisnotpossibletoprintinCMYK,therearethreefurtherversionsavailableforgreyscaleandblackandwhiteadaptations.

Fortheco-brandHealthyWorkplaces,therearesixdifferentversionsofthemarkavailable.Theycovertherequirementsforanykindofvisualadaptation.

PolychromaticversionUsethisversionforcolouredprintsinCMYKwithacolourprinterorforoffsetprinting.

GreyscaleversionUsethisversionforgreyscale/blackandwhiteprints.

MonochromaticversionUsethisversionforblackandwhiteprints,engravingsandstamps.

NegativeversionUsethisversionforblackandwhiteprints.

3 Use of the Healthy Workplaces logo | Language Versions


10

SpotcolourversionUsethisversionforcolouredoffsetprintingwithPantonecolours.

RGBversionUsethisversionforallapplicationsonscreen:websites,onlinebanners,electronicmails,PowerPointpresentations.



11

Bulgarian

Danish

Czech

Dutch

Thatmeans:thepositioningofthefontstayscentred,flowingtotherightandleftandthendownwards,dependingonthelanguageversion.

Examplesofeachlanguageversionfollowhere:

Theexamplesofthelanguageadaptationsofthemark,showthattheonlychangefromtheEnglishversionisthelengthofthelogotype.

Thepositioningandsizeofthemarkarekeptasdescribedonpages40–42.



12

Estonian

French

Finnish

German



13

Greek

Icelandic

Hungarian

Italian



14

Latvian

Maltese

Lithuanian

Norwegian



15

Romanian Slovakian

Polish Portuguese



16

Swedish

Slovenian Spanish



17

Whenthelogoistobeusedonline(onwebsiteorinanemail),awebsuitablefileshouldbeused.

JPEGandGIFarebothwebsuitablefileformats.ThecolourmodeshouldbeRGB.

Thefileshouldbenolessthan72dpiat100%size.

Use in online documents

Whenthelogoistobeusedinadocumentthatwillbepublishedonline(suchasapdf ),avectorfileshouldbeused.

Whenthelogoistobeusedforprintingpurposes,itisidealtouseavectorfile.EPSandPDFarebothfileformatsthatcarryvectors.Vectorfilescanbescaledtoanysize.

ItisalsopossibletouseaJPEGoraPNGfile,butcaremustbetakentoensurethattheseareusedatahighenoughresolution.Forprinting,theresolutionshouldbe300dpiat100%size.

Whentheprintingwillbefullcolour(usingthe4colourprocess),aCMYKversionofthefileshouldbeused.Whentheprintingwillbeusingthespotlogocolours,aPMSversionofthefileshouldbeused.

Whenthelogowillonlybeviewedonscreen(forexample,apowerpointpresentation),eitheravectorfile(asdescribedabove)orajpegorpngfilecanbeused.Theresolutionshouldbeaminimumof150dpiat100%size.Foruseonscreen,theRGBcolourmodeisappropriate.

Atalltimes,thelogomustbescaledproportionatelysothatitdoesnotbecomestretchedorsquashed.(Seepages7&8)

3 Use of the Healthy Workplaces logo | Web and desktop publishing

Use in desktop publishingUse on web

18


EU-OSHA Corporate Blue CMYK: 100/80/0/0RGB: 0/51/153Pantone: Reflex Blue CHexadecimal: #003399

EU-OSHA Light Grey CMYK: 00/0/0/40 RGB: 177/179/180Pantone: 422 CHexadecimal: #B1B3B4

EU-OSHA Dark Grey CMYK: 00/0/0/80 RGB: 88/88/90Pantone: 425 CHexadecimal: #58585A

TheHealthyWorkplacesisaco-brandclusterandhasitsownmainco-brandcolour-lightgreen.ThegreenshouldonlybeusedwithintheHealthyWorkplacescluster.

TheEU-OSHAcorporateclusterhasblueandtwodifferentgreysasitsbasiccolours.ThesethreecoloursrepresentEU-OSHA‘soverallcorporatebrand,butshouldalsobeusedinconjunctionwiththeHealthyWorkplacesbrandclusteranditscolours.TheCorporateGradi-entBlueisanadditionalcolourwhichbelongsonlytotheEU-OSHAcorporatecluster.

HW Campaign Materials Light Green CMYK: 42/0/100/0 RGB: 172/199/0Pantone: 382 CHexadecimal: #ACC700

Corporate Gradient Blue CMYK: 40/24/0/0 RGB: 165/184/219Pantone: 2716 CHexadecimal: #A5B8dB

4 Campaign colours | Corporate and Healthy Workplaces colours

19


Pink CMYK: 6/90/6/0 RGB: 220/47/130Pantone: 219 CHexadecimal: #dC2f82

Red CMYK: 0/84/100/0 RGB: 230/71/21Pantone: 1665 CHexadecimal: #e64715

InordertoallowabroaduseofcolourthroughEU-OSHA‘scorporatedesign,thepossibilityofaccentcolours–shownhere–canbeusedforallcorporateandco-brandingpublications.

The2012-13HealthyWorkplacesCampaigndesigndoesnotusethecorporateaccentpink.

Corporateaccentcolour: HealthyWorkplacesaccentcolour:

4 Campaign colours | Accent Colours

20


Itisalsopossibletouseshadesoftheselectedcolourstofurtherenhancedesigns.Correctusagehasbeenclearlydefinedhere.10%transparencyisnotallowed.

90%

80%

70%

60%

EU-OSHA Corporate Blue CMYK: 100/80/0/0RGB: 0/51/153Pantone: Reflex Blue CHexadecimal: #003399

HW Campaign Materials Light Green CMYK: 42/0/100/0 RGB: 172/199/0Pantone: 382 CHexadecimal: #ACC700

50%

40%

30%

20%

Valueoftransparencyforthestandarduseingraphsandtables.Seepage21.

ValueoftransparencyfortheWideGradientCurveBlueforCorporatematerials.Seepage78.

4 Campaign colours | Colour Shades

Thecolourshadesfortheaccentcoloursareclearlydefinedandhavetobeusedprecisely.10%transparencyisnotallowed.

90%

80%

70%

60%

50%

40%

30%

20%

Red CMYK: 0/84/100/0 RGB: 230/71/21Pantone: 1665 CHexadecimal: #e64715

Pink CMYK: 6/90/6/0 RGB: 220/47/130Pantone: 219 CHexadecimal: #dC2f82

21


EU-OSHA Corporate Blue

CorporateGradient Blue

Thecolourcombinationsabovearerecommended.The30%or40%shadesofthebrandclustercoloursandcontrastingaccentcoloursaredefinedfortheuseingraphs,tablesandtextboxes.

HWC Materials Light Green 40%

Theseaccentcoloursbelongtoanotherbrandcluster.

Contrastingaccentcolour

Pink

Red 30%

30%40%

Otherco-brandclustercolours

Inexceptionalcases,ifmorecoloursareneeded,forexampleforverycomplexcharts,theaccentcoloursGreenandYellowcanbeusedaswell.

4 Campaign colours | Colour Combinations

22


Additionalcolourvariationsareusedinthecampaignillustration.Thesearebasedonthecampaigncoloursandaccentcolour.Thecolourvalueshavebeensetupsothattheyworkoverthegreenbackground.

4 Campaign colours | Illustration colours

Figure Red CMYK: 0/100/100/0 RGB: 227/0/15

Transparency: normalOpacity: 80%

Figure Blue CMYK: 75/60/0/0 RGB: 78/112/175

Transparency: multiplyOpacity: 100%

NB. figure Blue is the Corporate Blue at 75%

Figure Green CMYK: 62/0/100/22 RGB: 92/153/35

Transparency: multiplyOpacity: 100%

! Thethreefigurecoloursareonlytobeusedonfiguresoverthegreenpaperbackground.


23

Thetypehierarchyshownheredefinestheusageofthedifferenttypeface.

Bodytextmustnormallybesetleftjustified,apartfromthecasethatthematerialisareport,annualreportorliteraturereviewandwillbenoteditedinotherlanguagesthanEnglish.Allmaterialshavenohyphenationsatall.Allthetextissetinopticalkerning.

Headline: Myriad Pro Condensed, 34/36 pt, tracking +10Subheadline: Myriad Pro Light Condensed, 24/24 pt (first line: 36 pt), tracking +15Sub-Subheadline: Myriad Pro Semibold Condensed, 11/12 pt, tracking +20

Body text: Myriad Pro Regular, 9 pt/12 pt ... This is an example of the body text, quarum unam incolunt Belgae, aliam Aquitani, tertiam qui ipsorum lingua eltae nostra Emphasized text: Myriad Pro Bold, 9/12 pt, tracking +10 omes lingu anters. Gallos bye aquitanis garuma flumen an Belgis Matrona et Sequana divudent bifferunt.

Paragraph headline: Myriad Pro Bold, 9/12 pt, tracking +10

Propterea quod a cultu atque humanitate provinciae longime absunt minimeque:

Bullet Point, tab interspace 2.5 mm saepe commeant atque rolquae ad efminandos •Bullet Point, tab interspace 2.5 mm sunt Germanis qui trans rhenum bas colunt •Bullet Point, tab interspace 2.5 mm continenter bellum gerunt •

– Sub-Bullet Point (a dash), tab interspace 2.5 mm + indention 2.5 mm feugiam blo – Sub-Bullet Point (a dash), tab interspace 2.5 mm + indention 2.5 mm iurem

Headlines: Myriad Pro CondensedSubheadlines: Myriad Pro Light Condensed

Negativeversionofheadlineandsubheadline

Type hierarchy exemplary for DIN A4

! Reports,annualreportsandliteraturereviewswhichareeditedonlyinEnglish,aresetasfullyjustified.

5 Typography | Type Hierarchy | DIN A4


24

Thetypehierarchyshownheredefinestheusageofthedifferenttypeface.

Bodytextmustnormallybesetleftjustified,apartfromthecasethatthematerialisareport,annualreportorliteraturereview,andwillbenoteditedinotherlanguagesthanEnglish.Allmaterialshavenohyphenationsatall.Allthetextissetinopticalkerning.

Headline: Myriad Pro Condensed, 24/24 pt, tracking +10Subheadline: Myriad Pro Light Condensed, 17/18 pt (first line: 24 pt), tracking +15Sub-Subheadline: Myriad Pro Semibold Condensed, 11/12 pt, tracking +20

Body text: Myriad Pro Regular, 9 pt/12 pt ... This is an example of the body text, quarum unam incolunt Belgae, aliam Aquitani, tertiam qui ipsorum lingua eltae nostra Emphasized text: Myriad Pro Bold, 9/12 pt, tracking +10 omes lingu anters. Gallos bye aquitanis garuma flumen an Belgis Matrona et Sequana divudent bifferunt.

Paragraph headline: Myriad Pro Bold, 9/12 pt, tracking +10

Propterea quod a cultu atque humanitate provinciae longime absunt minimeque:

Bullet Point, tab interspace 2,5 mm saepe commeant atque rolquae ad efminandos •Bullet Point, tab interspace 2,5 mm sunt Germanis qui trans rhenum bas colunt •Bullet Point, tab interspace 2,5 mm continenter bellum gerunt •

– Sub-Bullet Point (a dash), tab interspace 2,5 mm + indention 2,5 mm feugiam blo – Sub-Bullet Point (a dash), tab interspace 2,5 mm + indention 2,5 mm iurem

Type hierarchy exemplary for DIN A5/DL Type hierarchy exemplary for DIN A2

HeadSubheadURL: Myriad Pro Bold, 25/30 pt, tracking +10

Body text: Myriad Pro Regular, 25 pt/30 pt

Head:MyriadProCondensed,125/125pt,tracking+10

Subhead:MyriadProLightCondensed,85/85pt(firstline:125pt),tracking+15

URL:MyriadProBold,25/30pt,tracking+10

Bodytext:MyriadProRegular,25pt/30pt

5 Typography | Type Hierarchy | DIN A5 & DIN A2


25

MyriadProCondensed

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890.,;&/€( )@

MyriadProLightCondensed


Headline

Subheadline

Thesubheadlineiscolouredin EU-OSHACorporateBlueorintheHealthyWorkplacesgreenapartfromthecasewhereanegativeversioninwhiteisnecessary.

TheheadlineisalwayscolouredinEU-OSHACorporateBlueapartfromthecasewhereanegativeversioninwhiteisnecessary.

ToemphasiseaheadlineuseMyriadProBoldCondensedandforasubheadlineuseMyriadProSemiboldCondensed.

Headline fonts

5 Typography | Headline Fonts


26

MyriadProSemiboldCondensed


MyriadProBold


Sub-subheadline

Paragraphheadline

TheparagraphheadlineisalwayscolouredinEU-OSHACorporateBlueapartfromthecasewhereanegativeversioninwhiteisnecessary.

Thesub-subheadlineisalwayscolouredinEU-OSHACorporateBlueapartfromthecasewhereanegativeversioninwhiteisnecessary.

Headline fonts

5 Typography | Headline Fonts


27

ThetypefaceofMyriadProBoldshouldonlybeusedtohighlightcertainpartsofthebodytext.

MyriadProSemibold


MyriadProRegular

ABCdefGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890.,;&/€( )@

Body fonts

Bodytext

Introtext

Theemphasisedtextiscolouredin EU-OSHACorporateBlueorintheHealthyWorkplacesgreenapartfromthecasewhereanegativeversioninwhiteisnecessary.

Thebodytextisalwayscolouredinblack,0/0/0/100apartfromthecasewhereanegativeversioninwhiteisnecessary.

5 Typography | Body Fonts


28

ThetypefaceofMyriadProBoldshouldonlybeusedtohighlightcertainpartsofthebodytext.

ToemphasiseaheadlineuseMyriadProBoldCondensedandforasubheadlineuseMyriadProSemiboldCondensed.

MyriadProBold


Emphasis fonts

Emphasisedtext

Theemphasisedtextisalwayscolouredinblack,0/0/0/100apartfromthecasewhereanegativeversioninwhiteisnecessary.

5 Typography | Emphasis Fonts


29

TheitalictypefacesofMyriadProshouldonlybeadditionallyusedtohighlightcertainpartsofthebodytext.

MyriadProLightItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890.,;&/€( )@MyriadProSemiboldItalic


MyriadProItalic


MyriadProBoldItalic


Emphasis fonts

5 Typography | Emphasis Fonts


30

ArialBold



1234567890.,;&/€( )@

Online fonts

ArialRegular



1234567890.,;&/€( )@

Headline

Bodytext

Thebodytextisalwayscolouredinblack,0/0/0/100.

Theemphasisedtextiscolouredin EU-OSHACorporateBlueandintheHealthyWorkplacesgreenapartfromthecasewhereanegativeversioninwhiteisnecessary.

5 Typography | Online Fonts



Campaign GuideManagement Leadership and Worker Participation in Occupational Safety and Health

Healthy Workplaces



31

Image areaThiscanfinish5/7downfromthetop,orathalfway.

The Narrow Curve Itispositionedontherightborderofthepage,abovetheimagearea.Colour:0/0/0/0,whitewithanopacityof30%

White space for textMinimumheightof10x.(seepage40)

The Logo FooterItmustbescaledaccordinglyforwiderhorizontalformatsasperAppendixA(seepage49).

The Top Corporate Slogan Bar Alwaysanchoredtothetopofthepage.Thecorporateslogantextsitsverticallycentredwithinthewhitebar.

The Baseline Bar (seepage39)EUOSHACorporatebluebar.Alwaysanchoredtothebottomofthepage.

The Website Address Alwayssitsbelowrowoffiguresandtotherightsideofthepage.Shouldsitnextto(notbehind)thenarrowcurve.

The Call-Out BubbleAlwayssitsabovetherowoffiguresandcontainsthemaincampaignslogan.

The Row of FiguresAlwayssitsoverthegreenbackground.Theyarecolouredwiththe3Figurecoloursinarandomorder(seepage22).Theyweararandomselectionofoccupationalaccessoriesandsafetyaccessories.

The Green Paper Background

1

2

3

4

5

6

7

8

9

10

8

9

10

6 Page layout | Cover Design Basics | Obligatory Design Elements | Primary Campaign Material

Description of the obligatory design elements - Primary Campaign Material



Healthy Workplaces Working together for risk prevention

Worker Participation in Occupational Safety and HealthA PRACTICAL GUIDE

32

Description of the obligatory design elements - Secondary Campaign Material

8

10

6 Page layout | Cover Design Basics | Obligatory Design Elements | Secondary Campaign Material

When the item does not fall under the category of primary campaign material, but it still relates to the campaign, the design reverts to the standard corporate Healthy Workplaces style.

Image areaThisfinishesathalfwaydownfromtopofpage.

The Wide Gradient CurveTheWideGradientCurveisalwaysjoinedtothe NarrowCurve.Itappearsonthebackmostlayerandmustextendfrombottomtotop.Itcanonlybere-sizedbyscalingtheentireDINA4templateandshouldthenalwaysremainasitis.

The Narrow CurveItispositionedontherightborderofthepage,abovetheWideGradientCurveandtheimagearea.Colour:0/0/0/0,whitewithanopacityof30%

White space for textItmusthaveaminimumheightof10x.(seepage40)

The Branding Bar (seepage41)UpperpartoftheCorporateBar.AlwaysanchoredtotheNarrowCurve.Itmustbescaledaccordinglyforwiderhorizontalformatsbyusingtheleftborderasaguide.

The Corporate Slogan Bar (seepage39)MiddlepartoftheCorporateBar.AlwaysanchoredtotheNarrowCurveandtheleftborder.

The Baseline Bar (seepage39)LowerpartoftheCorporateBar.AlwaysanchoredtotheWideGradientCurveandthebottomleftcornerofthepage.

The Top Corporate Slogan Bar Alwaysanchoredtothetopofthepage.Maincampaignslogantextsitshere(insteadofcall-outbubble).Textisverticallycentredwithinthewhitebar.

1

2

3

4

5

6

7

8

! Inthisexceptionalexample,‘worker’figuresarehighlightedinorangetoemphasisethatitisaguideforworkers.

33

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 6 Page layout | Cover Design Basics | Scaling to Format

Attimes,aformatthatdifferstotheprovidedcampaignartworkmightberequired.Forscalingtodifferentformats,thesameprinciplesasoutlinedintheCorporateDesignManualshouldbefollowed.

AnexcerptcoveringthisinformationcanbefoundinAppendixAofthisdocument.(Seepages49-54)

Scaling to Format

34


Healthy Workplaces




TE-31-11-181-EN-P

HWCampaignmaterialposter15mm

Templatesforallmaterialshavebeenprovided.

Poster _DIN A2

15mm

65mm

125mm

185mm

55mm

45mm

5mm

URLMyriadProBoldSize:36/36pt

Colour:EU-OSHACorporateBlue•notfixedtoabaselinegrid

Call-Out Bubble Slogan1MyriadProLightCondensedSize:46/46pt,tracking+30

Colour:EU-OSHACorporateBlue•notfixedtoabaselinegrid

Call-Out Bubble Slogan2MyriadProBold

Size:71/77pt,paragraphspacebefore+1Colour:EU-OSHACorporateBlue

•notfixedtoabaselinegrid

15mm 15mm

Corporate sloganMyriadProRegular

Size:15/17pt,tracking+20,movedup+2ptColour:EU-OSHACorporateBlue

•textboxmustbedraggedtotheverticalextentofthespacebetweentheimageareaandtheedgeofthepaper;thetextmustbeverticallycentredwithinit

•notfixedtoabaselinegrid

6 Page layout | Promotion Materials | Poster

35

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 6 Page layout | Graphic elements | Figures



Healthy Workplaces



• Figuresarealwaysincolourovergreenpaperbackground.• Figuresalwaysextendoffedgeofgreenbackground.• Figuresalwayshavesomespacebelowandabovethem(colouredfiguresneverstanddirectlyonthebottomlineofthegreenbackground).

Theprimaryillustrationistobeusedoncovers,banners,andtheposter.

Healthy Workplaces




TE-31-11-181-EN-P

Management leadership and worker participation

Bene� ts of management leadership and worker participation:

• reduced costs and increased productivity;

• a happier and more productive workforce;

• worker absence and turnover rates are lower;

• fewer accidents;

• improved standing among suppliers and partners;

• greater awareness and control of workplace risks;

• a better reputation for corporate social responsibility among investors, customers and communities.


European Agency for Safety and Health at Work

Gran Vía 33, 48009 Bilbao, SPAINTel. +34 94 479 4360Fax +34 94 479 4383E-mail: [email protected]

www.healthy-workplaces.euHealthy Workplaces is Europe’s biggest occupational safety and health campaign.

The European Agency for Safety and Health at Work (EU-OSHA) contributes to making Europe a safer, healthier and more productive place to work. The Agency researches, develops, and distributes reliable, balanced, and impartial safety and health information and organises pan-European awareness raising campaigns. Set up by the European Union in 1996 and based in Bilbao, Spain, the Agency brings together representatives from the European Commission, Member State governments, employers’ and workers’ organisations, as well as leading experts in each of the EU-27 Member States and beyond.

The Healthy Workplaces Campaign is backed by the EU Council Presidencies, the European Parliament, the European Commission, and by the European Social Partners and is coordinated at the national level by the Agency’s network of focal points (www.healthy-workplaces.eu/fops).

doi:10.2802/95365 ISBN 978-92-9191-545-3

TE-31-11-177-EN-C

Healthy Workplaces


Colouredfiguresovergreenpaperbackgroundformtheprimaryillustration

Note:Figuresinsecondarygraphicareusedontheposterwitharmsun-linkedtocreateavisualcomparisonbetween‘workingtogether‘and‘notworkingtogether‘.Thisispossiblebecausetheposterisprimarilyalargeimagewithnoextraheadingsinaheadingarea.

Figures in primary illustration

36

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 6 Page layout | Graphic elements | Figures

8 | EU-OSHA – European Agency for Safety and Health at Work

Campaign Guide

EU-OSHA – European Agency for Safety and Health at Work | 9

Campaign Guide

Benefits of good safety and health

Addressing health and safety provides opportunities to improve business efficiency as well as safeguarding workers. These have been analysed in the recent European Survey of Enterprises on New and Emerging Risks (ESENER) 9.

Benefits can include:reduced costs and reduced risks — employee absence and •turnover rates are lower, accidents are fewer, the threat of legal action is lessened;improved standing among suppliers and partners;•a better reputation for corporate social responsibility among •investors, customers and communities;increased productivity — employees are healthier, happier and •better motivated.

9 EU-OSHA – European Agency for Safety and Health at Work, Worker representation and consultation on health and safety - Analysis of the findings of the European Survey of Enterprises on New and Emerging Risks, 2012

© EU-OSHA/Jim Holmes

“Whatever an organisation’s size, leadership from the top and the active participation of workers are crucial to successful health and safety management. That is why I am inviting large and small enterprises, public or private, from all sectors to embrace this campaign.” CHRISTA

SEDLATSCHEK, EU-OSHA DIRECTOR

Prevention is the cornerstone of Europe’s approach to managing risks. In practice, this means analysing work processes to identify short- and long-term risks and then taking action to either eliminate or mitigate them. In simple terms, prevention is about managing work-related risks with the ultimate aim of reducing the number of and eliminating work-related accidents and occupational illnesses.

Ultimate responsibility for managing risk lies with employers and top management, but their efforts are bound to fail without active worker participation. For these reasons, this campaign places special emphasis on the importance of leadership by top management and owners working in tandem with active worker participation.


To help promote these core themes the Healthy Workplaces Campaign 2012–13 has the following strategic objectives:

promote the core message that workers and •managers must work together to prevent risks for practical, legal, economic and ethical reasons;give clear and simple guidance for employers to •manage specific work-related risks in partnership with workers and their representatives;provide practical guidance, information and •tools to promote a risk prevention culture, particularly within small and medium-sized enterprises;foster the inclusion of occupational safety and •health management in organisations’ corporate social responsibility policies;lay the foundations for a more sustainable risk •prevention culture in Europe.


Campaign Guide


Campaign Guide

Completely avoiding risk is simply not possible in many sectors, with the chemicals industry being a prime example. Employees at BASF, one of the world’s largest chemicals companies, face a vast array of risks on a daily basis. Instead of tackling each risk individually, the company decided to take a holistic approach by shifting the entire company culture to one that puts safety first.

The centrepiece of this programme was a campaign to reduce the time lost due to injuries and to occupational diseases by 80 % from 2002 to 2020. By 2008 this had started to bear fruit, with time lost to injuries down by 46 % and time lost to occupational diseases down by 23 %.

The company puts these results down to implementation of the strategies indicated below.

Management demonstrates credible and •visible commitment to safety by setting a good example, making safety a priority and ensuring clarity in all matters relating to safety.Employees are involved in all aspects •of safety and actively contribute their knowledge and experience.The company emphasises individual •responsibility. Each employee and manager is expected to comply with all applicable rules and regulations, act in a risk-conscious manner, respond to hazards and learn from their own mistakes and those made by others.Management and employees are encouraged •to speak openly about safety within a climate of trust across the organisation. At the same time it tries to promote learning while respecting knowledge and experience.

Prevention is about managing risks. Risks are managed by people working together.

© EU

-OSH

A/Jim

Holm

es©

EU-O

SHA

/Jim H

olmes

CASE STUDY

BASF – putting safety first

What does prevention mean in practice?The general principles of prevention are set out in Article 6 of the Framework Directive (see below). It is vital that employers, workers and their representatives understand these principles if they are to effectively control — or preferably eliminate — risks.

The basic principles of risk prevention are:avoid risks;•evaluate risks that cannot be avoided;•combat them at source;•adapt work to the individual, especially when •it comes to the design of workplaces and the choice of equipment and production methods (along with reducing monotonous work practices as far as possible);adapt to technical progress;•replace the dangerous by the non- or the less •dangerous;develop a coherent overall prevention policy develop a coherent overall prevention policy •that covers technology, organisation of work, that covers technology, organisation of work, working conditions, social relationships and working conditions, social relationships and the influence of factors relating to the working the influence of factors relating to the working environment;prioritise collective protective measures over prioritise collective protective measures over •individual protective measures;give appropriate instructions to workers.•


Campaign Guide


Campaign Guide

9 The health and safety of Great Britain: be part of the solution, Health and Safety Executive, June 2009.

Benefits of worker participation include:

lower accident rates;•cost-effective solutions;•a happier and more productive workforce;•lower absence rates;•greater awareness of workplace risks;•better control of workplace risks.•

CASE STUDY

Joint initiative between workers and managers

A large confectionery company (Nestlé, York, UK) employing 2 000 workers had a significant problem with slip and trip injuries. To try and reduce the injury rate, the company launched a joint initiative with the full participation of workers’ representatives. This included a specific reporting procedure for slip and trip injuries and an analysis of the causes of these injuries. Once the root causes were discovered, joint briefings for managers, supervisors and workers’ representatives were convened to share the findings. These findings were then shared with the workforce through an effective information campaign that included such things as posters, leaflets, etc.

After three years, this campaign led to a 60 % reduction in slip and trip accidents. After a further 18 months, a similar campaign was launched to try and reduce manual handling injuries. This resulted in a 40 % reduction in such injuries within two years.

What is worker participation in practice?In essence, it is employees and managers taking an active role in identifying problems and devising solutions. This means in practice:

effective and open dialogue that involves •genuinely listening to each other’s concerns;joint problem solving and decision making;•participation in the development of safety and •health policies and practices;participation of employees in the promotion •and achievement of safe and healthy working conditions;workers fully cooperating with employers to •improve workplace safety, health and wellbeing;putting in place arrangements so this can •happen in practice.


Mediumfigureswithcall-outbubbleholdingquote

Smallfigures.Figuressitonbottomgridlineofpublication,abovepagenumberdetails.

Largefigures.Overagreenbox,figuresstandonthebaselineoftheboxandextendoffoneside.

Mediumfiguresovergreenbackground.

Oninternalpagesofpublications,thefiguresaretobeusedasanoutlinegraphic.Theycanbeingreen(onawhitebackground)orinwhite(onagreenbackground).

• Rowoffiguresalwaysextendsoffatleastoneedgeofthepageorbox.• Figuresareoutlined,buttheiraccessoriesaresolidfillinthesamecolourastheoutline.• Minimumheightoffiguresis20mm.

Figures - sizeFigurescanbeusedatdifferentsizesthroughoutadocument,howeveritisrecommendedthatonlyafewsizesberepeated. Figures - Small & mediumTheseshouldbe100%HealthyWorkplacesgreenandusedonwhitebackgrounds.Theycanbeusedwithcall-outbubblescontainingquotes.Mediumcanalsobeusedoveragreenbackground.SmallHeight:25mmMediumHeight:45mm

Figures - largeTheseshouldnotbeusedwithcall-outbubbles.Usuallythereshouldonlybeacoupleoffiguresintherow.Ifoverawhitbackground,greenshouldbe15-30%.LargeHeight:canvary.

Figures in secondary graphic

37

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 6 Page layout | Graphic elements | Call-out bubbles

• Alwayssolidwhitefillovergreenpaperbackground.• Alwayssurroundedbyspaceonallsides(nevertouchtheedgeofthegreenbackground).• Alwayssitabovetherowoffigures.• Pointypartofthespeechbubbleshouldbepositionedinthemiddleofthespacebetweentwofigures(notabovetheheadofonefigure).



Healthy Workplaces



Healthy Workplaces




TE-31-11-181-EN-P
















doi:10.2802/95365 ISBN 978-92-9191-545-3

TE-31-11-177-EN-C

Healthy Workplaces


Call-outbubbleinprimaryillustration

Call-out bubbles in primary illustration

38



Campaign Guide


Campaign Guide

Benefits of good safety and health

Addressing health and safety provides opportunities to improve business efficiency as well as safeguarding workers. These have been analysed in the recent European Survey of Enterprises on New and Emerging Risks (ESENER) 9.

Benefits can include:reduced costs and reduced risks — employee absence and •turnover rates are lower, accidents are fewer, the threat of legal action is lessened;improved standing among suppliers and partners;•a better reputation for corporate social responsibility among •investors, customers and communities;increased productivity — employees are healthier, happier and •better motivated.

9 EU-OSHA – European Agency for Safety and Health at Work, Worker representation and consultation on health and safety - Analysis of the findings of the European Survey of Enterprises on New and Emerging Risks, 2012


“Whatever an organisation’s size, leadership from the top and the active participation of workers are crucial to successful health and safety management. That is why I am inviting large and small enterprises, public or private, from all sectors to embrace this campaign.” CHRISTA

SEDLATSCHEK, EU-OSHA DIRECTOR

Prevention is the cornerstone of Europe’s approach to managing risks. In practice, this means analysing work processes to identify short- and long-term risks and then taking action to either eliminate or mitigate them. In simple terms, prevention is about managing work-related risks with the ultimate aim of reducing the number of and eliminating work-related accidents and occupational illnesses.

Ultimate responsibility for managing risk lies with employers and top management, but their efforts are bound to fail without active worker participation. For these reasons, this campaign places special emphasis on the importance of leadership by top management and owners working in tandem with active worker participation.


To help promote these core themes the Healthy Workplaces Campaign 2012–13 has the following strategic objectives:

promote the core message that workers and •managers must work together to prevent risks for practical, legal, economic and ethical reasons;give clear and simple guidance for employers to •manage specific work-related risks in partnership with workers and their representatives;provide practical guidance, information and •tools to promote a risk prevention culture, particularly within small and medium-sized enterprises;foster the inclusion of occupational safety and •health management in organisations’ corporate social responsibility policies;lay the foundations for a more sustainable risk •prevention culture in Europe.


Campaign Guide


Campaign Guide

Completely avoiding risk is simply not possible in many sectors, with the chemicals industry being a prime example. Employees at BASF, one of the world’s largest chemicals companies, face a vast array of risks on a daily basis. Instead of tackling each risk individually, the company decided to take a holistic approach by shifting the entire company culture to one that puts safety first.

The centrepiece of this programme was a campaign to reduce the time lost due to injuries and to occupational diseases by 80 % from 2002 to 2020. By 2008 this had started to bear fruit, with time lost to injuries down by 46 % and time lost to occupational diseases down by 23 %.

The company puts these results down to implementation of the strategies indicated below.

Management demonstrates credible and •visible commitment to safety by setting a good example, making safety a priority and ensuring clarity in all matters relating to safety.Employees are involved in all aspects •of safety and actively contribute their knowledge and experience.The company emphasises individual •responsibility. Each employee and manager is expected to comply with all applicable rules and regulations, act in a risk-conscious manner, respond to hazards and learn from their own mistakes and those made by others.Management and employees are encouraged •to speak openly about safety within a climate of trust across the organisation. At the same time it tries to promote learning while respecting knowledge and experience.


© EU

-OSH

A/Jim

Holm

es©

EU-O

SHA

/Jim H

olmes

CASE STUDY


What does prevention mean in practice?The general principles of prevention are set out in Article 6 of the Framework Directive (see below). It is vital that employers, workers and their representatives understand these principles if they are to effectively control — or preferably eliminate — risks.

The basic principles of risk prevention are:avoid risks;•evaluate risks that cannot be avoided;•combat them at source;•adapt work to the individual, especially when •it comes to the design of workplaces and the choice of equipment and production methods (along with reducing monotonous work practices as far as possible);adapt to technical progress;•replace the dangerous by the non- or the less •dangerous;develop a coherent overall prevention policy develop a coherent overall prevention policy •that covers technology, organisation of work, that covers technology, organisation of work, working conditions, social relationships and working conditions, social relationships and the influence of factors relating to the working the influence of factors relating to the working environment;prioritise collective protective measures over prioritise collective protective measures over •individual protective measures;give appropriate instructions to workers.•


Campaign Guide


Campaign Guide


© EU

-OSH

A/Jim

Holm

es©

EU-O

SHA

/Jim H

olmes

CASE STUDY


What does prevention mean in practice?

The basic principles of risk prevention are:

Call-outbubblewithmedium-sizedfiguresgraphic.

Call-outbubblewithsmall-sizedfiguresgraphic

Quotetext MyriadProSemiboldItalic,11/14pt,+20tracking

Call-outbubblegraphic12mm

Secondaryfiguresgraphic

Oninternalpagesofpublications,thecall-outbubblescanbeusedasanoutlinegraphicandsitabovetherowoffiguresgraphics.

• Calloutbubblebecomesagreen‚bracket‘shapethatsitsbelowthequotetext.

• Quotetextandcall-outbubblegraphicremainataconsistentsizethroughoutapublication.

• Thewidthofthecall-outbubblegraphicisthesamewidthasthedocumenttextcolumnandsitsinlinewiththecolumngrid.

6 Page layout | Graphic elements | Call-out bubbles

Call-out bubbles with secondary fi gures graphic

39



1x

5x

1x

2x

1x

3x

3x

39

TheCorporateBarconsistsoftheBrandingBar,theCorporateSloganBarandtheBaselineBar.

ThedesigngridfortheCorporateBarshowstheexactproportionsforcreatingalayoutaccordingtothecorporatedesign.Thebasicmeasuringunitis“x”(seenextpage).Whenscaling,thedefinedproportionsmustbestrictlyadheredto.

The Corporate Bar

2x

! Shouldchangefornarrowverticalformatsto2xor1x.

1 2 3

1

2

3

! Shouldchangefornarrowverticalformatsto1x.

7 Corporate slogan bar | Cover Design Basics | The Corporate Bar

40


Thevaluefortheunitofmeasurement“x”forthebasisformatDINA4is5mm.Forothersizes,theunitofmeasurement“x”canbeachievedbyscalingtheDINA4proportionallytotheheightofeachnewpaperformat.

Iftheratioofwidthtoheightdiffers,thedesignelementscanbeextendedtotheleftornarrowedtotheright.However,theWideGradientCurveandNarrowCurvearenottobealtered.

Whendesigningastandardformat,oneofthetemplatesprovidedshouldbeused.


1x

5x

1x

2x

1x

3x

3x

DIN A4

1x = 5 mm=theheightoftheBaselineBar

Youwillgetthemeasurement“x”byscalingfromthebasissizeDINA4totheneeded(cover)size.

Safety and Health at Work is everyone’s concern. It’s good for you. It’s good for business.

1x

5x

1x

2x

1x

3x

3x

7 Corporate slogan bar | Cover Design Basics | The Corporate Bar | Measurement “x”

Measurement “x”

41


3x 3x! Shouldbeadjustedfornarrowverticalformatsto2xor1x. ! Shouldbeadjustedfornarrowverticalformatsto2x.

41

IfmorethanthreemarkshavetobeplacedontheBrandingBar,thespacingbetweenthemarksshouldbeequal.

TheBrandingBarshowshowallthemarksshouldbelaidout.Themarksshouldbearrangedhorizontally.TheexactpositionoftheEU-OSHAmarkandtheco-brandingmarkswithintheBrandingBarisdefinedintheexamples.TheEuropeanCommissionmarkisalwayspositionedtotherightoftheEU-OSHAmark.

The Branding Bar (footer)

Corporate Slogan Bar Light Blue CMYK:10/6/0/0RGB:234/237/246

Corporate Gradient Blue CMYK:40/24/0/0RGB:165/184/219

White CMYK:0/0/0/0

RGB:255/255/255

Position0% Position15% Position100%

Corporate Slogan Bar Light Blue, 20% CMYK:10/6/0/0RGB:234/237/246

Position66%

Position25% Position50% Position50%

7 Corporate slogan bar | Cover Design Basics | The Branding Bar | Footer

42


42

IfmorethanthreemarkshastobeplacedontheBrandingBar,thespacingbetweenthemarksshouldbeequal.

ThepositioningoftheEuropeanCommissionmarknexttoco-brandingmarksiseitheradjustedleftorrighttothepeakoftheBaselineBar.Theadjustment(leftorright)oftheEuropeanCommissionmarkisdependentonthespaceintheBrandingBar.


CorporateBar(footer),HealthyWorkplacesCampaignmaterials

Positioning of the European Commission mark in the Branding Bar

! IftheformatistoonarrowandtheWidthGradientCurvehastobedeleted,theEuropeanCommisionmark(andotherco-brandingmarks)hastobecentreadjusted.Safety and health at work is everyone’s concern. It’s good for you. It’s good for business.

CorporateBar(header),Preventionmaterials

7 Corporate slogan bar | Cover Design Basics | The Branding Bar | Positioning of the EU Mark

43


Photographyforimageryshouldappearinterestingandgenuinethroughtheuseofwellconsideredimagecropping.Theprimarysubject-mattershouldbetakenfromasafeandhealthyworkplaceenvironment.

Imageswithapersonasthesubjectshouldfocusontheactionofthatperson.Thepersonshouldbeengagedinthesubject-matter.Allimagesshouldlookauthenticandcandidandshouldnotappearstaged.

Nofocusonthesubject-matter,personwithoutanyactionofinterest

Staged,non-genuineimage

Unprofessionalphotographyoflowquality

Wheneveranimagewillbeprinted,itstechnicalspecificationisaresolutionof300dpiinascaleof1:1accordingtoitslayoutsize.Iftheimagewillbeusedfortheweb,itsresolutionis72dpiinascaleof1:1accordingtoitslayoutsize.WhenusinganimageforaprintablePowerPointpresentationitsresolutionis150dpiinascaleof1:1accordingtoitslayoutsize.

Theimagesshouldbefreeofnoiseandover-filtering.

General imagery guidelines

8 Images and illustrations | General imagery guidelines

44


• PhotographsusedintheHealthyWorkplacesCampaignshouldfollowtheguidelinesforcorporateimagery(asseenonpage43)

• Selectionofphotographsshouldrepresentdiversityintermsof:occupation,ethnicityandgender.

• Picturesweretakenatsitesoffourofficialcampaignpartners(Pirelli,Toyota,Baxter,IdealStandard)

8 Images and illustrations | Campaign photography

Campaign photography

45


Thefigureswitharmslinkedformtheiconicillustrationforthecampaign.Theseareusedindifferentways:

Primary illustration-Thefiguresarecolouredandsitonagreenpaperbackground.(Foruseoncovers,banners,posters)Secondary graphic-Arowoffiguresingreenoutlineformagraphicforuseoninternalpagesofpublications.Acall-outbubbleholdingaquotecansitwiththerowoffigures.Graphic pattern-Thefiguresarerepeatedinapattern(whitefiguresonagreenback-ground).Canbeused,forexample,ontheinsidecoverofapublication.

Secondarygraphicwithquoteincall-outbubble

Graphicpatternoninsidecoverofapublication

Primaryillustrationonapublicationcover


Worker Participation in Occupational Safety and Health


Worker Participation in Occupational Safety and Health

Europe Direct is a service to help you find answers to your questions about the European Union Freephone number (*): 00 800 6 7 8 9 10 11 (*) Certain mobile telephone operators do not allow access to 00 800 numbers or these calls may be billed.

More information on the European Union is available on the Internet (http://europa.eu). Cataloguing data can be found at the end of this publication.

© European Agency for Safety and Health at Work, 2012

Contents

Foreword 4

Introduction: Why worker participation is important 6

The role of employers 9

The role of workers 10

The role of worker representatives 12

Effective worker participation checklists 13

Resources and further information 17

About 18

“Workers and managers must work together closely to find joint solutions to common problems.”

8 Images and illustrations | Campaign illustrations



Healthy Workplaces



Campaign illustrations

46

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 9 Web

Mentionfontsandcoloursusedinthecampaignwebsite(EU-OSHAinput)

Web

47

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 10 Artwork available for adaptation

Productsavailableforadaptation:

Healthy Workplaces




Poster Leaflet Campaignguide

WorkersGuide ManagersGuide

(Wheretheartworkcanbedownloaded)


Worker Participation in Occupational Safety and HealthA PRACTICAL GUIDE


Management Leadership in Occupational Safety and HealthA PRACTICAL GUIDE















Healthy Workplaces



Healthy Workplaces



Artwork available for adaptation

48

Graphic Design Manual | Healthy Workplaces Campaign 2012-13 11 Contact

IfyouhaveanyquestionsconcerningtheuseofthismanualpleasecontacttheAgency’spublicationsteam(Contactdetails)


Gran Vía 33, 48009 Bilbao, SPAINTel. +34 94 479 4360fax +34 94 479 4383e-mail: [email protected]

http://osha.europa.eu

Contact

49

Appendix A:Scaling to Format

Excerpt

As found on pages 80 - 84 of the European Agency for Safety and Health at Work Corporate Design Manual

Appendix A: Scaling to FormatGraphic Design Manual | Healthy Workplaces Campaign 2012-13

50

WhenadaptingtheDINA4templatetoadifferentportrait&square(DINsimilar)format,pleaseconsiderthefollowingsteps:

Scalethelayoutproportionallytotheheightofthenewformat.

WidentheCorporateBar,theimageareaandtheLeftTransparentCurve(ifthereisone)totheleftsideoftheformat.DonottouchtheWideGradientCurveandtheNarrowCurveanymore.

Scaling to portrat & square formats (DIN similar) by using the DIN A4 template


Lorum ipsum dolor by mierd fagtus ost laudif qualtus aneHealthy Workplaces Campaign Report


ExtendingtheelementsbyusingtheanchorpointsProportionalscalingoftheDINA4portraittemplate




Finishedversion




Appendix A: Scaling to Format | Portrait & Square FormatsGraphic Design Manual | Healthy Workplaces Campaign 2012-13

51

Scaling to small portrat & square formats by using the DIN A4 template_120 x 120 mm (CD-Cover)


1 2 3 4 5

DINA4template ScaletheheightoftheDINA4templatetothewidthofthenewsmallportrait&squareformat.

MarkthepositionoftheWideGradientCurvelowerleftedgeandtheupperrightCorporateBaredge(2xdistancetotherightmarginoftheformat).

DonotscaletotheheightofthenewsmallformatbecausetheCorporateBarwiththemarksandthecorporatesloganwouldbetoosmall.

ScaletheCurvestotheheightofthenewsmallportrait&squareformat.

ExtendtheCurvestothepositionsof.ExtendtheCorporateBartotheright-handsideaccordingtotheshapeoftheNarrowCurve.CorrectthepositionoftheEuropeanCommissionmark.

3

3

Appendix A: Scaling to Format | Small Portrait & Square Formats Graphic Design Manual | Healthy Workplaces Campaign 2012-13

52




WhenadaptingtheDINA4templatetoanarrowverticalformat(DL),pleaseconsiderthefollowingsteps:

Scalethelayoutproportionallytotheheightofthenewformat.

ShortentheCorporateBarandtheimageareatotherightsideoftheformat.DonottouchtheWideGradientCurveandtheNarrowCurveanymore.

Scaling to very narrow formats (DL) by using the DIN A4 template

Shorteningoftheelementsbyusingtheanchorpoints

ProportionalscalingoftheDINA4portraittemplate

Finishedversion

Safety and health at work is everyone’s concern. It’s good for you. It’s good for business.Safety and health at work is everyone’s concern. It’s good for you. It’s good for business.

Lorum ipsum dolor by mierd fagtus Lorum ipsum dolor by mierd fagtus ost laudif qualtus aneost laudif qualtus aneHealthy Workplaces Campaign Healthy Workplaces Campaign Report

European Agency for Safety and Health at WorkEuropean Agency for Safety and Health at WorkEuropean Agency for Safety and Health at WorkEuropean Agency for Safety and Health at Work

Lorum ipsum dolor by mierd fagtus Lorum ipsum dolor by mierd fagtus ost laudif qualtus aneost laudif qualtus aneHealthy Workplaces Campaign Healthy Workplaces Campaign




CroptheWideGradientCurvetotheintersectionoftheNarrowCurveanddeletetheLeftTransparentCurve.CorrectthefontsizestohowtheyaredefinedfortheformatofDINA5.




Lorum ipsum dolor by mierd

3

3

Appendix A: Scaling to Format | Narrow Vertical Formats (DL)Graphic Design Manual | Healthy Workplaces Campaign 2012-13

53

Scaling to very wide formats (DL) by using the DIN A4 template

Safety and health at work is everyone’s concern. It’s good for you. It’s good for business.Safety and health at work is everyone’s concern. It’s good for you. It’s good for business. Safety and health at work is everyone’s concern. It’s good for you. It’s good for business.Safety and health at work is everyone’s concern. It’s good for you. It’s good for business. Safety and health at work is everyone’s concern. It’s good for you. It’s good for business. Safety and health at work is everyone’s concern. It’s good for you. It’s good for business.

1 2 3 4 5 6

DINA4template ScaletheheightoftheDINA4templatetothewidthofthenewwidehorizontalformat.

Dividetheheightofthenewwidehorizontalformatby3.

ScaletheCorporateBartotheheightofofthenewwidehorizontalformat.ExtendtheCorporateBartotheleftmarginoftheformat.MarkthepositionoftheWideGradientCurvelowerleftedgeandtheupperrightCorporateBaredge(2xdistancetotherightmarginoftheformat).

ScaletheCurvestotheheightofthenewwidehorizontalformat.

ExtendtheCurvestothepositionsof.ExtendtheCorporateBartotheright-handsideaccordingtotheshapeoftheNarrowCurve.CorrectthepositionoftheEuropeanCommissionmark.CorrectthefontsizeofthecorporateslogantohowtheyaredefinedfortheformatofDINA5.

3

Appendix A: Scaling to Format | Wide Horizontal Formats (DL)Graphic Design Manual | Healthy Workplaces Campaign 2012-13

54


CorrectproportionalscalingandstretchingoftheCorporateBar

Don’tscalethedesignelementsunproportionally

Do‘s & don‘ts

WideGradientCurveistoowide/dominantforthisformat,whitespaceistoosmallandtheBaselineBaristooshort

InthisnarrowformattheWideGradientCurveiscroppedcorrectlytotheintersectionoftheNarrowCurve

CorporateBarismissing

Correctscalingofallelements

Appendix A: Scaling to Format | Do‘s & Don‘ts

Documents

graafinenohjeisto