Huisstijlhandboek
Algemene richtlijnen & instructies voor het gebruik van de ‘WeHelpen’ huisstijl september 2012 | Versie 1.0
Inhoud
1. Kernwaarden en visie 2. Logo 3. Opbouw logo 4. Omgaan met het logo 5. Plaatsing van het logo 6. Toepassing van het logo 7. Logo gebruik in beeld 8. Typografie 9. Toepassen typografie 10. Kleurenspectrum 11. Toepassen van de pay off 12. Quotes
Handboek ‘WeHelpen’ huisstijl
1. Kernwaarden en visie Kernwaarden: Vanzelfsprekend - Elkaar helpen vinden wij vanzelfsprekend en willen we daarom zo makkelijk mogelijk maken. Samen - De ‘we’ in WeHelpen kan iedereen zijn Betrokken - We luisteren naar onze gebruikers en omgeving om er goed bij aan te blijven sluiten. Respectvol - Geen zorg of patiëntbenadering; iedereen kan zijn of haar bijdrage leveren. Betrouwbaar - 24/7 bereikbaar en veilig Visie: We constateren dat de formele zorg het door vergrijzing en bezuinigingen steeds moeilijker krijgt, terwijl de opvang in het informele circuit niet optimaal geregeld is. Het is niet dat mensen elkaar niet willen helpen, het is dat het helpen van elkaar lang niet even gemakkelijk te organiseren is. Tegelijkertijd is het door de groei van het internet veel eenvoudiger geworden om met elkaar in contact te komen. Reden om het internet te gebruiken om het helpen van elkaar gemakkelijker te maken. Met de beweging WeHelpen willen wij er voor zorgen dat mensen elkaar vinden. Dat het helpen van elkaar weer vanzelfsprekend wordt. Tussen (dan nog) onbekenden, via het aanbieden van dan wel vragen om hulp op de marktplaats, en tussen bekenden, via een gedeelde agenda, logboek en notitiepagina’s. Dit alles zodat de hulp straks over meer mensen verdeeld is. Want de ‘we’ in WeHelpen staat voor iedereen. Omdat elkaar helpen vanzelfsprekend is!
Handboek ‘WeHelpen’ huisstijl
2. Logo De basis van de huisstijl wordt gevormd door de bloem. Het logo verbeeldt een aantal belangrijke kernwaarden: ‘open’, ‘samen’, en ‘toegankelijk’ Het logo is een combinatie van het woordbeeld ‘we helpen’ en het bloem element. Deze combinatie is visueel zeer herkenbaar en goed toe te passen in correspondentie of wervende uitingen. De huisstijl wordt gekenmerkt door: 1. Logo 2. Lettertypen 3. Vastgestelde huisstijlkleuren
Handboek ‘WeHelpen’ huisstijl
3. Opbouw logo
1/8
Het logo (de bloem) heeft vaste verhoudingen en witmarges. Bij plaatsing van het logo in correspondentie of wervende uitingen dient er met de omliggende witruimte rekening te worden gehouden (zie punt 5. Plaatsing Logo). Dit geldt ook voor toepassen van een eventuele payoff.
1/8
1/8
1/8
1/8
1/8
1/8
1/8 Handboek ‘WeHelpen’ huisstijl
4. Omgaan met het logo Het logo heeft een visueel sterk karakter, deze wordt sterker als iedereen één en hetzelfde logo toepast. Het logo kent twee elementen, de tekst ‘WeHelpen’ en de rozet. De twee elementen van het logo kenmerken de huisstijl
Handboek ‘WeHelpen’ huisstijl
De elementen nooit schalen onafhankelijk van elkaar.
Nooit vervormen in de hoogte of breedte.
De elementen nooit verplaatsen onafhankelijk van elkaar.
Geen vrije vorm achter het logo plaatsen.
Geen elementen toevoegen binnen de rozet.
Nooit roteren.
Logo nooit aansnijden.
Juiste logo.
Verticale midden-as
5. Plaatsing van het logo De plaatsing van het logo gebeurt over twee vaste midden-assen en in de vier hoeken. Let bij plaatsing op de vaste witmarge om het logo. Deze verdeling kan op ieder documentformaat worden toegepast (liggend en staand).
1/8
1/8
1/81
1/81
/8
/8
1/8
1/8
Tip: zet deze hulplijnen in het door u op te maken document.
1/8
1/81
Het logo mag in ieder formaat, mits in verhouding en met de juiste witmarges, worden toegepast.
/8
1/8
1/8
Horizontale midden-as
1/81
1/8
/8
1/81
/8
1/8
1/8
1/8
1/81
/8
1/8
1/8 1/8
1/81
/8
1/8
Handboek ‘WeHelpen’ huisstijl
1/81
/8
1/8
6. Toepassing van het logo Het logo dient bij voorkeur in het oranje te worden toegepast. Door het logo toe te passen op een beeld ontstaat de kenmerkende doorkijk van het logo.
Handboek ‘WeHelpen’ huisstijl
De kleur versie alleen gebruiken op een witte achtergrond.
Gebruik zoveel mogelijk het logo in het wit op een achtergrondkleur.
De zwarte versie alleen gebruiken in zwart-wit drukwerk.
Logo alleen in het wit toepassen op een foto.
Logo niet vullen met een kleur.
Elementen niet kleur op kleur toepassen.
Geen kleurvlak achter het logo plaatsen.
Logo niet in kleur toepassen op een foto.
Logo niet transparant toepassen.
Logo niet met een kleur gevuld toepassen.
Geen beeld in logo toepassen
7. Logo gebruik in beeld De tekst ‘helpen’ wordt door haar achtergrond ondersteund omdat zij uitgesneden is. Het logo kan geplaatst worden op een ‘kleurrijke’ achtergrond wanneer de rest van het logo wit is. Op deze manier komt de tekst ‘helpen’ duidelijk naar voren. Zie de voorbeelden aan de rechterzijde. Door gebruik te maken van kleur in de achtergrond (zie de voorbeelden rechts) komt de tekst in het wit het beste uit. Het ziet er fris en strak uit waardoor de tekst goed leesbaar is. Tevens is de typografie herkenbaar en eigen. Het logo kan ook geplaatst worden op een kleur (volvlak) wanneer de rest van het logo wit is. Op deze manier komt de tekst ‘helpen’ duidelijk naar voren. Zie de voorbeelden aan de rechterzijde. Juiste toepassing logo: - plaats het witte logo op een gekleurde achtergrond - door verschil te creëren in voor- en achtergrond wordt het logo het best zichtbaar. - vermijd wit op wit i.v.m. de kleur van het logo
Handboek ‘WeHelpen’ huisstijl
8. Typografie
Drukwerk en Webfont
Webfont Mac
De Century Gothic is een duidelijk communicerend en goed leesbare letter. Van de Century Gothic worden 4 types (zie rechts) toegepast. Toepassing: platte tekst / broodtekst)
Century Gothic Bold (23pt - 21pt interlinie)
Arial MT (23pt - 21pt interlinie)
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 1234567890
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 1234567890
Century Gothic Bold (11pt - 15pt interlinie) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Century Gothic Bold (11pt - 15pt interlinie) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Century Gothic (8,5pt - 12pt interlinie) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Century Gothic (8,5pt - 12pt interlinie) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Century Gothic (11pt - 15pt interlinie) ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 1234567890
Century Gothic (11pt - 15pt interlinie) ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 1234567890
Voor online gebruik kan dit zelfde font worden gebruikt (Windows) Op de Mac wordt (wanneer men geen Office heeft) het font vervangen door de Arial.
Handboek ‘WeHelpen’ huisstijl
9. Toepassen typografie Het toepassen van de zware Century Gothic bold met de fragiele Century Gothic italic kenmerkt de huisstijl. Hiernaast ziet u enkele voorbeelden van veel voorkomende toepassingen. De toepassing, lettertype en lettergrootte staan beschreven en dienen als voorbeeld.
Toepassing koppen/ pay’off’s: Century Gothic Bold Corps: 23 pt Interlinie: 21 pt omdat elkaar helpen vanzelfsprekend is (50% zwart) Toepassing inleiding: Century Gothic Bold Corps: 11 pt Interlinie: 15 pt
Geef de inleiding een kleur uit het ‘We Helpen Kleurenspectrum, dit geldt ook voor de subkoppen of highlights in platte tekst. Natenis exped es abo. Nam quid estruntis ea core quid quat Sum, nimillabor autes con quid maxim harchillum ressequi autas sin neste dit, est am cum quas iniet eum qui od ut libus. Natenis iniet eum exped autas es abo am quid estruntiis ea core quat.
Toepassing plattetekst: Century Gothic regular Corps: 8,5 pt Interlinie: 12 pt
Labor sint qui beaquasi iur? Abor sequisc ideleseque optis dolore maximilis mil imi, sendictem. Itatiatet es verum sin es sus estruptati beriani molecestiis sim de quam nonsedolore odit eum quam ania doluptaes ium ni ducia dolut autem et eiunt incilla borrumendit, inus eum reicima gnihit. as rem. Sum, nimillabor autes consequid maxim harchillum ressequi autas sin neste dit, est am cum quas iniet eum qui od ut libus. Natenis exped es abo. Nam quid estruntiis ea core quid quat. Adi untiust quo arum autat arionsedi raeaudigentiis aspisci usaped maionecus nonsed quis adit et magniet esciet quodis ditio dunt. Itati unt liquunt liti delitiore eliqui id quiat que aspidelitia cullaut ut vel.
cursieven in platte tekst: Century Gothic Corps: 11 pt Interlinie: 15 pt
Toepassing Subkop: Arial bold Corps: 12pt
Handboek ‘WeHelpen’ huisstijl
Helpt u mee Labor sint qui beaquasi iur? Abor sequisc ideleseque optis dolore maximilis mil imi, sendictem. Itatiatet es verum sin es sus estruptati beriani molecestiis sim de quam nonsedolore odit eum quam ania doluptaes ium ni ducia dolut autem et eiunt incilla borrumendit, inus eum reicima gnihit.
‘Geef een quote aandacht bv met een Century Gothic italiccorps 11 pt, interlinie 15pt’ harchillum ressequi autas sin neste dit, est am cum quas iniet eum qui od ut libus. Natenis exped es abo. Nam quid estruntiis ea core quid quat. Adi untiust quodi arum autat arionsedi raeaudigentiis aspisci usaped maionecus nonsed quis adit et magniet esciet quodis ditio dunt. Itati unt liquunt liti delitiore eliqui id quiat que aspidelitia cullaut ut vel.
Helpen is vanzelfsprekend Labor sint qui beaquasi iur? Abor sequisc ideleseque optis dolore maximilis mil imi, sendictem. Itatiatet es verum sin es sus estruptati beriani molecestiis sim de quam nonsedolore odit eum quam ania doluptaes ium ni ducia dolut autem et eiunt incilla borrumendit, inus eum reicima gnihit. <
10. Kleurenspectrum Voor ‘WeHelpen’ is een kleurenspectrum bepaald. Een digitale ‘swatch-library’ is te vinden in het ‘WeHelpen pakket’. Deze is te importeren in Adobe software. Voor gebruik in andere software (Word etc.) is het kleurenspectrum afgebeeld.
Handboek ‘WeHelpen’ huisstijl
Pantone 137 c C0 M35 Y90 K0 R251 G176 B52 FBAF33
Pantone 7709 c C60 M14 Y25 K0 R101 G176 B186 65AFBA
Pantone Cool Grey 8 c C0 M0 Y0 K50 R139 G138 B141 8A8A8D
Pantone 7712 c C100 M22 Y43 K2 R0 G140 B149 008C94
Pantone 2583 c C28 M73 Y0 K0 R183 G100 B167 B763A7
Pantone 491c C30 M91 Y84 K36 R128 G40 B38 802826
Pantone 7738 c C68 M12 Y84 K0 R93 G169 B93 5CA95D
Pantone 647 C91 M56 Y32 K10 R24 G99 B131 176283
11. Toepassing van pay-off De pay-off van het beeldmerk kan op verschillende manieren gelezen worden: - ‘we helpen elkaar’ (in oranje) - ‘omdat helpen vanzelfsprekend is’ - ‘omdat elkaar helpen vanzelfsprekend is’ De pay-off versterkt het beeldmerk en vult deze tekstueel aan. De kleurverschillen in het logo zijn gebruikt om de tekst meer kracht mee te geven. In het algemeen is de tekst al duidelijk leesbaar en opvallend. Door een enkel woord kleur te geven krijgt het beeldmerk een andere lading.
In het voorbeeld van het beeldmerk hiernaast kan er telkens voor een ander woord gekozen worden waardoor de zin ‘wij helpen’ telkens een andere invulling krijgt.
Handboek ‘WeHelpen’ huisstijl
12. Quotes Het gebruik van quotes heeft verschillende voordelen voor het beeldmerk. Allereerst wordt het beeld ondersteund door de tekst, men kan zich letterlijk inbeelden wat er bedoelt wordt met de tekst. Daarnaast ondersteund het beeld de tekst; de foto’s geven het gevoel weer (visueel) wat je voelt (fysiek). Door gebruik te maken van het werkwoord ‘helpen’ in de quote en deze van kleurnuances te voorzien, worden de kernwaarden van de stichting benadrukt. Daarnaast wordt het persoonlijke aspect van de stichting goed weergegeven. Mensen die daadwerkelijk geholpen worden door de stichting en haar mensen, kunnen op een persoonlijke maar effectieve manier laten weten waarom zij geholpen zijn. Het goede gevoel dat de stichting bewerkstelligd wordt op deze manier helder gecommuniceerd.
Handboek ‘WeHelpen’ huisstijl
©2012 WeHelpen Ontwikkeling huisstijl: Studio Piraat, Den Haag Versie: 1.0
