Healthy Workplaces Working together for risk prevention pot

Safety and health at work is everyone’s concern. It’s good for you. It’s good for business.
Graphic Design Manual
Healthy 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
• Thecall-outboxesunderlinetheideaof‚communication‘betweenmanagers
andworkers.
• TheHealthyWorkplacesCampaign2012-13hasbeendesignedaccordingtoour
newcorporatedesignguidelines.Mainfeaturessuchasgreencolour,typography
etc.willberepeatedinfollowingHWcampaigns.
• Theinterlinkedpeopleillustratetheideaof“Workingtogether”,joiningforcesand
asharedresponsibility.

• Avarietyofcolourscommunicatediverseethnicity;
• Arangeofoccupationalaccessoriesrepresentworkersandmanagement;
• Protectiveequipmentrepresentssafetyintheworkplace.
Healthy Workplaces
Working together
for risk prevention
“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
• Twocases:
- onlytextchangesand/oraddFOP/Campaignpartnerlogo
- Takeartworkandmakenewproduct(adaptexistingproductstoindividual(country,
sectoretc.)needs)
• UseofEU-OSHAlogo
• Aslongastheactivities,productsandmaterialsareconsistentwiththegoals,objectives
andmessagesofthecampaign,theycanbeadaptedforthefollowingactivitiesor
products:Informationandpromotionalcampaigns;Awarenessactivities,newsletters
andjournalarticles;Websites,radioandtelevisionprogrammes,oradvertisements;
Conferencesandseminars;Promotionalitems
• TheHealthyWorkplacescampaigndoesnotendorsecommercialproductsorservices.
Thus,thename,sloganandlogocannotbeusedinanymannerthatsuggestsadirect
productandservicesendorsement.
General remarks
5
Graphic Design Manual | Healthy Workplaces Campaign 2012-13

ThemarkofHealthyWorkplacesiscomposedofthesymbolandthelogotype.Symboland
logotypeformaconsistentcompositionthatmakesthemarkastrongvisualfor
thecorporatedesignofEU-OSHA.ThemarkofHealthyWorkplacesneedstobeputonall
materialsoftheco-brandclusterHealthy Workplaces Campaign.
3 Use of the Healthy Workplaces logo
6
TomaintaintheintegrityandensurelegibilityoftheHealthyWorkplacesmark,aminimum
areaofclearspacemustsurroundit.Notypeorgraphicimageryshouldappearinthisarea.
Theclearspaceis1xaccordingtothedenitesizeofthemarkintheCorporateBar.Theunit
ofmeasurement“x”isexplainedonpage40.
3 Use of the Healthy Workplaces logo | Clear Space
1x
1x
1x
1x
1x
1x
Thepositioningandsizeofthemarkremainsasdescribedonpages40–42.
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
7
3 Use of the Healthy Workplaces logo | Dos and Don’ ts
Theminimumheightforthe
HWCmarkwith2linesoftext
is14mm.
≥14mm
TheminimumsizeatwhichtheHealthyWorkplacesmarkcanbeusedisdenedbytheheight.
Don’tignoretheclearspace
orrotate
Setthemarkonlyonwhitespaceor
theBrandingBargradient

Don’tre-buildthemarkorchangeits
proportions
Don’tscaleunproportionally
≥12mm
Theminimumheightforthe
HWCmarkwith1lineoftext
is12mm.
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
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
• Logoscaledunproportionally(stretched)
• Logotoolargecomparedwithotherlogos
• Logoshouldnotbeplacedonacolouredbackground.Itshouldbeplaced
onawhitebackground.
• Clearspacearoundlogohasnotbeenkeptempty.Thelogoshouldnot
touchthetext.
• Logoisinthecorrectproportions(notstretchedorsquashed)
• Logotsinwithsizeofotherlogos
• Logoisplacedonawhitebackground.
• Clearspacearoundlogohasbeenkeptempty.Thelogodoesnottouch
anyotherelements.
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
Odolorpero
Odolorpero

MODIA
EXERO ODOLORPERO COR
MODIA
EXERO ODOLORPERO COR
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
9
Wheneverpossible,thepolychromaticversionistobeusedforastandardcolourprintin
CMYK.WhenitisnotpossibletoprintinCMYK,therearethreefurtherversionsavailablefor
greyscaleandblackandwhiteadaptations.
Fortheco-brandHealthyWorkplaces,therearesixdierentversionsofthemarkavailable.
Theycovertherequirementsforanykindofvisualadaptation.
Polychromaticversion
UsethisversionforcolouredprintsinCMYK
withacolourprinterorforosetprinting.
Greyscaleversion
Usethisversionforgreyscale/blackandwhite
prints.
Monochromaticversion
Usethisversionforblackandwhiteprints,engravings
andstamps.
Negativeversion
Usethisversionforblackandwhiteprints.
3 Use of the Healthy Workplaces logo | Language Versions
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
10
Spotcolourversion
Usethisversionforcolouredosetprinting
withPantonecolours.
RGBversion
Usethisversionforallapplicationsonscreen:

websites,onlinebanners,electronicmails,
PowerPointpresentations.
3 Use of the Healthy Workplaces logo | Language Versions
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
11
Bulgarian
Danish
Czech
Dutch
Thatmeans:thepositioningofthefontstayscentred,owingtotherightandleftandthen
downwards,dependingonthelanguageversion.
Examplesofeachlanguageversionfollowhere:
Theexamplesofthelanguageadaptationsofthemark,showthattheonlychangefromthe
Englishversionisthelengthofthelogotype.
Thepositioningandsizeofthemarkarekeptasdescribedonpages40–42.

3 Use of the Healthy Workplaces logo | Language Versions
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
12
Estonian
French
Finnish
German
3 Use of the Healthy Workplaces logo | Language Versions
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
13
Greek
Icelandic
Hungarian
Italian

3 Use of the Healthy Workplaces logo | Language Versions
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
14
Latvian
Maltese
Lithuanian
Norwegian
3 Use of the Healthy Workplaces logo | Language Versions
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
15
Romanian Slovakian
Polish Portuguese
3 Use of the Healthy Workplaces logo | Language Versions
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
16
Swedish
Slovenian Spanish
3 Use of the Healthy Workplaces logo | Language Versions
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
17
Whenthelogoistobeusedonline(onwebsiteorinanemail),awebsuitable
leshouldbeused.
JPEGandGIFarebothwebsuitableleformats.
ThecolourmodeshouldbeRGB.
Theleshouldbenolessthan72dpiat100%size.
Use in online documents
Whenthelogoistobeusedinadocumentthatwillbepublishedonline(suchasapdf),
avectorleshouldbeused.
Whenthelogoistobeusedforprintingpurposes,itisidealtouseavectorle.
EPSandPDFarebothleformatsthatcarryvectors.Vectorlescanbescaledtoanysize.

ItisalsopossibletouseaJPEGoraPNGle,butcaremustbetakentoensurethattheseare
usedatahighenoughresolution.Forprinting,theresolutionshouldbe300dpiat100%size.
Whentheprintingwillbefullcolour(usingthe4colourprocess),aCMYKversionofthe
leshouldbeused.
Whentheprintingwillbeusingthespotlogocolours,aPMSversionoftheleshould
beused.
Whenthelogowillonlybeviewedonscreen(forexample,apowerpointpresentation),
eitheravectorle(asdescribedabove)orajpegorpnglecanbeused.Theresolution
shouldbeaminimumof150dpiat100%size.Foruseonscreen,theRGBcolourmodeis
appropriate.
Atalltimes,thelogomustbescaledproportionatelysothatitdoesnotbecomestretched
orsquashed.(Seepages7&8)
3 Use of the Healthy Workplaces logo | Web and desktop publishing
Use in desktop publishingUse on web
18
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
EU-OSHA Corporate Blue
CMYK: 100/80/0/0
RGB: 0/51/153
Pantone: Reflex Blue C
Hexadecimal: #003399
EU-OSHA Light Grey
CMYK: 00/0/0/40
RGB: 177/179/180
Pantone: 422 C
Hexadecimal: #B1B3B4
EU-OSHA Dark Grey
CMYK: 00/0/0/80
RGB: 88/88/90
Pantone: 425 C

Hexadecimal: #58585A
TheHealthyWorkplacesisaco-brandclusterandhasitsownmainco-brandcolour-
lightgreen.ThegreenshouldonlybeusedwithintheHealthyWorkplacescluster.
TheEU-OSHAcorporateclusterhasblueandtwodierentgreysasitsbasiccolours.
ThesethreecoloursrepresentEU-OSHA‘soverallcorporatebrand,butshouldalsobeusedin
conjunctionwiththeHealthyWorkplacesbrandclusteranditscolours.TheCorporateGradi-
entBlueisanadditionalcolourwhichbelongsonlytotheEU-OSHAcorporatecluster.
HW Campaign Materials Light Green
CMYK: 42/0/100/0
RGB: 172/199/0
Pantone: 382 C
Hexadecimal: #ACC700
Corporate Gradient Blue
CMYK: 40/24/0/0
RGB: 165/184/219
Pantone: 2716 C
Hexadecimal: #A5B8DB
4 Campaign colours | Corporate and Healthy Workplaces colours
19
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
Pink
CMYK: 6/90/6/0
RGB: 220/47/130
Pantone: 219 C
Hexadecimal: #DC2F82
Red
CMYK: 0/84/100/0
RGB: 230/71/21
Pantone: 1665 C
Hexadecimal: #E64715

InordertoallowabroaduseofcolourthroughEU-OSHA‘scorporatedesign,
thepossibilityofaccentcolours–shownhere–canbeusedforallcorporateand
co-brandingpublications.
The2012-13HealthyWorkplacesCampaigndesigndoesnotusethecorporateaccentpink.
Corporateaccentcolour: HealthyWorkplacesaccentcolour:
4 Campaign colours | Accent Colours
20
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
Itisalsopossibletouseshadesoftheselectedcolourstofurtherenhancedesigns.
Correctusagehasbeenclearlydenedhere.10%transparencyisnotallowed.
90%
80%
70%
60%
EU-OSHA Corporate Blue
CMYK: 100/80/0/0
RGB: 0/51/153
Pantone: Reflex Blue C
Hexadecimal: #003399
HW Campaign Materials Light Green
CMYK: 42/0/100/0
RGB: 172/199/0
Pantone: 382 C
Hexadecimal: #ACC700
50%
40%
30%
20%
Valueoftransparencyforthestandard
useingraphsandtables.Seepage21.

ValueoftransparencyfortheWideGradientCurve
BlueforCorporatematerials.Seepage78.
4 Campaign colours | Colour Shades
Thecolourshadesfortheaccentcoloursareclearlydenedandhave
tobeusedprecisely.10%transparencyisnotallowed.
90%
80%
70%
60%
50%
40%
30%
20%
Red
CMYK: 0/84/100/0
RGB: 230/71/21
Pantone: 1665 C
Hexadecimal: #E64715
Pink
CMYK: 6/90/6/0
RGB: 220/47/130
Pantone: 219 C
Hexadecimal: #DC2F82
21
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
EU-OSHA Corporate Blue
Corporate
Gradient
Blue
Thecolourcombinationsabovearerecommended.The30%or40%shadesofthebrandcluster

coloursandcontrastingaccentcoloursaredenedfortheuseingraphs,tablesandtextboxes.
HWC Materials Light Green
40%
Theseaccentcoloursbelongto
anotherbrandcluster.
Contrasting
accent
colour
Pink
Red
30%
30%
40%
Other
co-brandcluster
colours
Inexceptionalcases,ifmorecoloursareneeded,forexampleforverycomplexcharts,
theaccentcoloursGreenandYellowcanbeusedaswell.
4 Campaign colours | Colour Combinations
22
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
Additionalcolourvariationsareusedinthecampaignillustration.Thesearebasedonthe
campaigncoloursandaccentcolour.Thecolourvalueshavebeensetupsothattheywork
overthegreenbackground.
4 Campaign colours | Illustration colours
Figure Red
CMYK: 0/100/100/0
RGB: 227/0/15
Transparency: normal
Opacity: 80%

Figure Blue
CMYK: 75/60/0/0
RGB: 78/112/175
Transparency: multiply
Opacity: 100%
NB. Figure Blue is the
Corporate Blue at 75%
Figure Green
CMYK: 62/0/100/22
RGB: 92/153/35
Transparency: multiply
Opacity: 100%
!
Thethreegurecoloursareonlytobe
usedonguresoverthegreenpaper
background.
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
23
Thetypehierarchyshownheredenestheusageofthedierenttypeface.
Bodytextmustnormallybesetleftjustied,apartfromthecasethatthematerialisa
report,annualreportorliteraturereviewandwillbenoteditedinotherlanguages
thanEnglish.Allmaterialshavenohyphenationsatall.Allthetextissetinopticalkerning.
Headline: Myriad Pro Condensed,
34/36 pt, tracking +10
Subheadline: Myriad Pro Light Condensed,
24/24 pt (first line: 36 pt), tracking +15
Sub-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
Condensed
Subheadlines: Myriad Pro
Light Condensed
Negativeversionofheadlineandsubheadline
Type hierarchy exemplary for DIN A4
!
Reports,annualreportsandliterature
reviewswhichareeditedonlyinEnglish,
aresetasfullyjustied.
5 Typography | Type Hierarchy | DIN A4
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
24
Thetypehierarchyshownheredenestheusageofthedierenttypeface.
Bodytextmustnormallybesetleftjustied,apartfromthecasethatthematerialisa
report,annualreportorliteraturereview,andwillbenoteditedinotherlanguages
thanEnglish.Allmaterialshavenohyphenationsatall.Allthetextissetinopticalkerning.
Headline: Myriad Pro Condensed,
24/24 pt, tracking +10
Subheadline: Myriad Pro Light Condensed,
17/18 pt (first line: 24 pt), tracking +15
Sub-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
Head
Subhead
URL: Myriad Pro Bold,
25/30 pt, tracking +10
Body text: Myriad Pro
Regular, 25 pt/30 pt
Head:MyriadProCondensed,
125/125pt,tracking+10
Subhead:MyriadProLightCondensed,
85/85pt(rstline:125pt),tracking+15
URL:MyriadProBold,
25/30pt,tracking+10
Bodytext:MyriadPro
Regular,25pt/30pt
5 Typography | Type Hierarchy | DIN A5 & DIN A2
Graphic Design Manual | Healthy Workplaces Campaign 2012-13
25
MyriadProCondensed

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890.,;&/€( )@
MyriadProLightCondensed
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890.,;&/€( )@
Headline
Subheadline
Thesubheadlineiscolouredin 
EU-OSHACorporateBlueorinthe
HealthyWorkplacesgreen
apartfromthecasewhereanegative
versioninwhiteisnecessary.
Theheadlineisalwayscoloured
inEU-OSHACorporateBlueapart
fromthecasewhereanegative
versioninwhiteisnecessary.
ToemphasiseaheadlineuseMyriadProBoldCondensedandforasubheadlineuseMyriadPro
SemiboldCondensed.
Headline fonts
5 Typography | Headline Fonts