4. HASHTAG ONLINE TOEPASSINGEN 23

Transcriptie

1 HUISSTIJLGIDS

2 INHOUD 2 1. LOGO 3 2. KLEUREN 9 3. TYPOGRAFIE 12 Typografie voor drukwerk...14 Online typografie HASHTAG ONLINE TOEPASSINGEN 23 Facebook visual 1200 x Uitgavedatum: 07/12/ GROEN, Sergeant De Bruynestraat 78-82, 1070 Brussel.

3 1 / LOGO

4 LOGO GROEN Het GROEN-logo werd ontworpen in een hedendaagse typografische stijl waarbij het accent ligt op de verlenging van de R. Het woordmerk gaat steeds gepaard met een vast bepaald kader met drie schuine zijdes. De verhoudingen, afstanden en plaatsing van het logo zijn vast bepaald en kunnen dus nooit veranderd worden. Gebruik altijd het logo zonder baseline. De versie van het logo met de baseline werkt voor iedereen gebruiken we niet meer. 4

5 LOGO GROEN ZWARTWIT Voor de zwartwitversie van het logo hanteren we 75% zwart, en dus niet de overeenkomstige grijswaarden van Pantone

6 LOGO GROEN PLAATSING EN AFMETINGEN Binnen eender welk formaat plaats je het GROEN-logo steeds aflopend tegen de bovenste zijde. Laat plaats tussen het logo en de zijkant ter grootte van minimum de hoogte van het logo. Het logo is maximum twintig procent van de breedte van het beschikbare formaat. 6

7 LOGO GROEN DON TS netwerk Vervorm nooit het logo Voeg nooit elementen toe Verander nooit de kleuren 7 Voorzie het logo nooit van een rand Draai nooit het logo Verander nooit de vorm

8 LOGO GROEN.BE Ook van het GROEN.BE-logo zijn de verhoudingen, plaatsing en afstanden vast bepaald. Het GROEN.BE-logo wordt steeds kleiner gebruikt dan het GROEN-logo zelf. Het GROEN.BE-logo kan ook nooit ter vervanging van het GROEN-logo gebruikt worden. De kleur van het kader varieert tussen 15% en 50% zwart. Het woordmerk GROEN.BE erin is altijd wit. Ook het GROEN.BE-logo gebruiken we aflopend en steeds onderaan, diagonaal tegenoverliggend het GROEN-logo. Ook hier laten we plaats tussen het GROEN.BE-logo en de zijkant van minimum de hoogte van het logo. Het GROEN.BE-logo is maximum twintig procent van de breedte van het beschikbare formaat. KADERS 8 Voorzie altijd onderaan één schuine zijde als je kaders gebruikt. De zijdelingse zijdes blijven in tegenstelling tot bij het GROEN-logo recht. TITELTJE IN EEN KADER

9 2 / KLEUREN

10 PRIMAIRE KLEUREN Groen is de hoofdkleur van de partij Groen. Deze wordt gebruikt voor het logo, titels, subtitels, als achtergrond, in grafieken en tabellen of voor korte teksten (titels, inleiding ). Warm zwart is de hoofdkleur voor langere stukken doorlopende tekst. Mosgroen gebruik je om één of twee woorden er te laten uitspringen én altijd in combinatie met een limoengroene achtergrond. Dit noemen we highlights. GROEN GROEN RGB WEB #008D7D CMYK Pantone 3295 WARM ZWART RGB WEB # CMYK Pantone Black MOSGROEN RGB WEB #004C45 CMYK SECUNDAIRE KLEUREN 10 Limoengroen is de accentkleur en wordt gebruikt om tekst te markeren, de zogenaamde highlights, altijd in combinatie met mosgroene tekst. Pistachegroen gebruik je enkel bij infographics. LIMOENGROEN PISTACHEGROEN APPELGROEN Appelgroen wordt énkel gebruikt om de gradient (verloop) te vormen samen met de groene hoofdkleur. RGB WEB #CABD33 CMYK RGB WEB #CDEA80 CMYK RGB WEB #6bc570 CMYK

11 KLEURVERLOOP Het kleurverloop wordt samengesteld uit appelgroen en GROEN groen en verloopt altijd in een hoek van 45. Het appelgroen wordt steeds links als startkleur gebruikt en het GROEN groen rechts als eindkleur. Location: 40% Type: Linear Angle: APPELGROEN Opacity: 100% Location: 0% GROEN GROEN Opacity: 100% Location: 100% 45 45

12 3 / TYPOGRAFIE

13 SIMPLO BLACK UITSLUITEND VOOR LOGO EN HASHTAG We gebruiken het lettertype Simplo Black uitsluitend nog in het logo en de hashtag. We gebruiken Simplo Black niet meer in layout. 13

14 1 / TYPOGRAFIE DRUKWERK 14

15 DIN PRO VOOR DOORLOPENDE TEKST Light Light Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Regular Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Medium Medium Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Bold Bold Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. 15 Black Black Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness.

16 DIN PRO CONDENSED VOOR TITELS EN SUBTITELS Condensed Light Condensed Light Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Condensed Regular Condensed Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Condensed Medium Condensed Medium Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Condensed Bold Condensed Bold Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. 16 Condensed Black Condensed Black Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness.

17 2 / ONLINE TYPOGRAFIE 17

18 ROBOTO VOOR DOORLOPENDE TEKST Light Light Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Regular Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Medium Medium Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Bold Bold Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. 18 Black Black Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness.

19 ROBOTO CONDENSED VOOR TITELS EN SUBTITELS Condensed Light Condensed Light Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Condensed Regular Condensed Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Condensed Medium Condensed Medium Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. Condensed Bold Condensed Bold Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness. 19 Condensed Black Condensed Black Italic Radical empathetic entrepreneur B-corp fairness radical impact to. Think tank thought leadership cultivate contextualize effective. Boots on the ground social impact empower program area fairness.

20 4 / HASHTAG

21 ZO GEBRUIK JE DE HASHTAG De hashtag is een grafisch element. Bouw het niet zelf op met Simplo Black, maar gebruik enkel de beschikbare bestanden *. Gebruik de hashtag énkel op een witte achtergrond. Uitzonderlijk kan de hashtag op de voorgedefinieerde gradient gebruikt worden. 21 Gebruik de versie met de driehoekige achtergrond énkel op foto s en in de rechterhoek onderaan, uitgelijnd op de zijkanten. De breedte of hoogte mag maximum 40 procent van de totale breedte of hoogte van het ontwerp bedragen. *png, jpeg, eps

22 ZO GEBRUIK JE DE HASHTAG NIÉT Plaats nooit de hashtag op een gradient Verander nooit de kleuren van de hashtag Plaats de hashtag nooit op eenfoto zonder de witte achtergronddriehoek Vervang nooit bij de hashtag de achtergrondkleur Draai nooit de hashtag Verander nooit de vorm van de hashtag 22 Vervorm nooit de hashtag Draai nooit de kleuren om Gebruik geen andere kleuren

23 5 / ONLINE TOEPASSINGEN

24 FACEBOOK VISUAL 1200 X 1200 TITEL Din Condensed bold Caps Kleur: #FFFFFF LOGO Breedte: 1/7de van totale breedte Marge rechts: hoogte van logo HIGHLIGHT Kleur: #004C45 Achtergrond: #CBF734 Woord gecentreerd in blok 24 Noot: De lettergrootte hangt van de beschikbare ruimte op het beeld. Probeer een goede balans tussen onderwerp en tekst te vinden. HASHTAG Breedte: +-40% totale breedte of hoogte, afhankelijk van een verticaal of horizontaal formaat

25 HOE GEBRUIK JE HET VERLOOPEFFECT? 1 Kies Verloop toewijzen 2 Isoleer het onderwerp Definieer de zone voor de gradient 3 Voeg schaduw toe aan onderwerp Positioneer * de boodschap GRADIENT ZONE Kleurverloop: zie definitie pg. 11 GRADIENT ZONE ONDERWERP 25 Noot bij het verloopeffect: Het verloop mag niet meer dan 40% van de foto uitmaken * in de gradient zone of overlappend met het beeld

26 ZO GEBRUIK JE HET VERLOOPEFFECT NIÉT Snij het onderwerp niet door Verander de vorm van het verloop niet Gebruik geen zwartwiteffect Pas geen verloop toe op het onderwerp Gebruik geen andere kleuren Vermijd het gezonden door God -effect 26 Pas geen verloop toe op de tekst Vermijd afwijkende vormen Gebruik de vorm niet bovenop het onderwerp