Look-and-feel

Toepassing van het logo

Om het logo optimaal tot z’n recht te laten komen, passen we het consistent toe. We hanteren de volgende richtlijnen op alle varianten van het logo. Het Zelf zorgen, samen doen-logo met het witte woordmerk passen we bij voorkeur altijd toe op de aubergine achtergrondkleur. Wanneer het logo op een witte achtergrond geplaatst wordt, gebruiken we de aubergine kleur voor het woordmerk van het logo.

Marge rondom het logo

Rondom het logo houden we altijd een marge aan waar binnen geen grafische of tekstuele elementen geplaatst worden. Hiervoor nemen de 'O' uit 'doen' als richtlijn voor de minimale afstand tot het logo.

Dit doen we wel… en niet

Do’s

• Gebruik het Zelf zorgen, samen doen-logo met wit woordmerk op een auberginekleurige achtergrond voor een krachtige, herkenbare uitstraling.
• Het diapositieve logo kan ook geplaatst worden op een lichtgekleurde ondergrond, zolang er voldoende contrast is.
• Wanneer je werkt met een donkere fotografische achtergrond, gebruik dan eveneens het logo met wit woordmerk om de leesbaarheid te behouden.
• Op een lichte fotografische ondergrond mag het logo met auberginekleurig woordmerk worden toegepast, mits het voldoende opvalt.

Don'ts
 

• Kantel het ZZSD-logo niet en trek het nooit uit verhouding.
• Vermijd het gebruik van het logo met wit woordmerk op een te lichte achtergrond. Dit vermindert de leesbaarheid.
• Gebruik geen roze achtergronden. De roze vorm van het huisje valt dan weg.
• Behoud altijd voldoende marge rondom het logo, zodat het goed tot zijn recht komt en niet in het gedrang komt met andere elementen.

Railroad Gothic ATF • Black | Voor headers uitgevoerd in kapitalen

Railroad Gothic ATF gebruiken we in headers. Dit font wordt altijd in het wit toegepast op een roze vlak. Railroad Gothic ATF is een Adobe-font en kan dus gebruikt worden met een Adobe-licentie. 

Campton Book • Medium • Bold | Voor tussenkoppen en bodycopy

Campton passen we toe in tussenkoppen en voor bodycopy. Wanneer we de bodycopy over fotografie plaatsen maken we gebruik van de Medium-dikte. Op een witte of aubergine achtergrond maken we gebruik van de Book-dikte. Op een witte of lichte achtergrond passen we de tekst altijd in de aubergine kleur toe. Op een aubergine kleur achtergrond passen we de tekst in het wit toe.

Kleurwaarden

Welke kleuren gebruiken we wanneer? In onderstaand overzicht delen we de kleuren met bijbehorende toepassingen.

De ZZSD-header is een herkenbare stapel tekstvlakken. Gebruik de vorm, kleur en uitlijning hieronder om boodschappen krachtig en consequent op fotografie en in grafische uitingen te presenteren.

1. Vorm van de stapel

Een stapel bestaat uit één, twee of drie witte blokken en één, twee of drie auberginekleurige blokken. Er zijn meerdere combinaties mogelijk, hieronder de meest gebruikte. Pas de verdeling aan wanneer de tekst daardoor beter leest.

Afrondingen en rechte hoeken

Benader elke stapel als één vorm en let er op dat er geen onbedoelde afrondingen in de stapel komen. Zie het voorbeeld hieronder. 

Drie verschillende blokken 

Er zijn drie variaties van de blokken waar de tekst in getoond wordt. Top, basis en bodem blokken. Ieder met de eigen hoogte, padding en afrondingen.

Vorm en maatvoering

De blokken staan onder een hoek van 8°. Een blok bepaalt 100% van de balkhoogte. Houd rondom de tekst 20% horizontale en 22% verticale ruimte aan. De hoekradius is 5% en de diameter 10%.

Kleur op fotografie en in grafische uitingen

Header op fotografie
Bij fotografie werken we met twee kleuren balken: eerst een witte balk, dan een aubergine balk. In de witte balk gebruiken we aubergine kleurige tekst. In de aubergine balk gebruiken we witte tekst, met ZZSD roze als accentkleur op maximaal 1 à 2 woorden. Bestaat de aubergine balk uit één woord, dan wordt dat hele woord ZZSD roze.



Grafische uiting
Bij een grafische uiting geldt dezelfde opbouw, maar dan met andere kleuren: eerst een witte balk, dan een ZZSD roze balk. In de witte balk staat aubergine kleurige tekst. In de roze balk gebruiken we witte tekst, met aubergine als accentkleur op maximaal 1 à 2 woorden. Bestaat de roze balk uit één woord, dan wordt dat hele woord wit.

Gebruik en uitlijning

Gebruik de stapel voor één duidelijke hoofdboodschap. De voorbeelden tonen centrering, links uitlijnen en links-rechts uitlijnen. Op grafische uitingen kan centrering worden gebruikt zolang het vlak geen vierkant wordt.

Rechthoekige stapels

Wanneer de woorden in de blokken ervoor zorgen dat er rechthoekige stapels ontstaan, mag er naar inzicht afwijkend worden omgesprongen met de opbouw. Hieronder een voorbeeld.

Secundaire headers

Secundaire headers gebruiken Railroad rechtop, zonder schuine vervorming. De voorbeeldopbouw gebruikt wit voor de eerste boodschap en ZZSD roze voor het vervolg; de letterhoogte is 100% en de regelafstand 10%.

'Doe mee' CTA

De groene ‘Doe mee’-spreekwolk is een oproep tot actie die bij de hoofdheader kan worden geplaatst. Met uitzondering op de campagneboodschap: 'Wat jij overneemt raakt [naam] kwijt'. Daar mag 'Doe mee' niet aan de header gekoppeld worden, maar aan een QR-code, de bodycopy of ZZSD-logo. 

Het font dat we hiervoor gebruiken is Bebas Neue. De spreekwolk kan zowel op fotografie als in een grafische uiting worden toegepast. Wanneer deze bij de header wordt geplaatst, mag deze overlappen met de campagneboodschap, maar moet er wel afstand gehouden worden. Wat betreft de grootte is het van belang dat deze de hoofdboodschap niet overheerst.

Uitleg-spreekwolken

In de secundaire keyvisuals voor de zorgprofessionals maken we gebruik van spreekwolken met statistieken. De teksten in voeren we uit in Bebas Neue. De spreekwolken voegen aanvullende informatie toe, zoals een weetje of korte uitleg. Gebruik deze wanneer de hoofdboodschap context nodig heeft. De donkere aubergine kleurige ballon vormt een tweede informatielaag: een roze inleiding, zoals ‘Wist je dat?’, kan de aandacht trekken; de toelichting zelf staat in wit. Houd de tekst kort en plaats de ballon zo dat de hoofdheader duidelijk de belangrijkste boodschap blijft.

Volvlak met spreekwolk-effect

Als extra grafisch element kunnen we een extra 'spreekwolk-effect' onder volvlakken toevoegen, bijvoorbeeld in presentaties of voor online doeleinden. 

Illustraties en iconen

Illustraties en iconen kunnen naast de hoofdboodschap als informatielijn worden ingezet, op web, in presentaties en in flyers. De standaard iconenset zal later als download hieronder worden toegevoegd. 

Campagnebeelden

Elke campagne heeft zijn eigen beelden. Hieronder lichten we de verschillende beelden toe. 

Campagnebeelden 'Je bent toch geen bejaarde?' 
We zien actieve zorgvragers die volop meedoen en zélf de touwtjes in handen houden. Of het nu gaat om een ritje op een aangepaste fiets, baantjes trekken met vriendinnen of onkruid wieden met een grijper vanaf de rollator; de fotografie is kleurrijk, warm en geschoten in helder daglicht. Geen bedrukte sfeer, maar trotse mensen die laten zien wat je (met een hulpmiddel) kunt doen om zelfstandig en vitaal te blijven. Door het krachtige perspectief op ooghoogte voel je meteen: ouder worden betekent niet dat je aan de zijlijn gaat staan, maar dat je op je eigen manier lekker bezig blijft.

Campagnebeelden 'Wat jij overneemt raakt [naam] kwijt'
Hier maken we gebruik van een licht theatrale setting met maximale stopkracht: een zorgvrager die letterlijk wordt ingesloten door een kring van zorgprofessionals en vrijwilligers. De heldere belichting en de wat overdonderde blik van de hoofdpersoon maken in één oogopslag voelbaar wat er gebeurt als je iets overneemt: iemand verliest zijn eigen regie. Het beeld is bedoeld om zorgprofessionals wakker te schudden door de situatie met een lichte overdrijving. 

Campagnebeelden 'Iets kleins voor jou is alles voor [naam]'
De beelden laten precies zien waar het om draait: omzien naar elkaar hoeft niet groots of ingewikkeld te zijn. Of het nou gaat om even de kliko buiten zetten, een bakje eten aan de deur brengen of samen een bakkie koffie doen; de foto’s vangen gewone mensen in alledaagse situaties. Geen geposeerde modellen, maar een ontspannen moment met zacht daglicht en een oprechte lach. Juist die warme, nuchtere sfeer laat zien hoe makkelijk en gezellig het eigenlijk is om even iets voor een ander te betekenen.