Kleuren
Kleuren van het land en uit de keuken
Ons palet is aards en rustig: het diepe groen van een groenteveld, het warme roodbruin van een aarden pot, zachte salie en het crème van ongebleekt papier. Met veel lichte ruimte voelt het gul en eerlijk, nooit schreeuwerig.
Het palet heeft drie lagen. Primaire kleuren maken ons herkenbaar. Ondersteunende kleuren geven warmte en diepte. Neutrale kleuren dragen de tekst en de ruimte.
Klik op een waarde om die te kopiëren. Gebruik HEX en RGB voor schermen, CMYK voor drukwerk in vierkleuren en Pantone voor steunkleuren, merchandise en bewegwijzering.
Primair
Primaire kleuren
Bosgroen is ons handschrift. Klei is het accent: dat ene warme dat de aandacht trekt.
Ondersteunend
Ondersteunende kleuren
Voor achtergronden, illustratie en details: een zacht salie vlak, een crème kaart, een link in Donkere klei.
Neutraal
Neutrale kleuren
Inkt voor tekst, Papier voor ruimte. Puur wit alleen voor schermen en achtergronden van foto's.
Verhoudingen
Vooral licht, veel groen, een vleugje klei
De balans is net zo belangrijk als de kleuren zelf. Gemeten over een gemiddelde set uitingen (een poster, een webpagina en een social post) gebruiken we het palet ongeveer zo.
- Papier 38% · Achtergronden en ruimte
- Bosgroen 25% · Logo, koppen, grote merkvlakken
- Crème 15% · Kaarten, etiketten, tekst op Bosgroen
- Salie 10% · Rustige vlakken en illustratie
- Klei 7% · Het ene accent: knop, prijs, datum
- Inkt 5% · Broodtekst
Een richtlijn, geen formule. Een bosgroene poster mag voor 80% groen zijn, maar het merk als geheel moet voelen zoals de balk hierboven.
Eén accent per beeld. Gebruik Klei voor dat ene wat mensen moeten zien: de knop, de prijs, de datum.
Combineer Klei en Salie niet in grote, even grote vlakken. Ze concurreren; laat er één leiden.
Geen tinten of verlopen van merkkleuren. Heb je lichter groen nodig, gebruik dan Salie.
Toegankelijkheid
Combinaties die iedereen kan lezen
Onder onze leden zijn ouderen, slechtzienden en mensen die in een tweede taal lezen. Alle tekst moet voldoen aan WCAG 2.2 AA: een contrast van minstens 4,5:1 voor broodtekst en 3:1 voor grote tekst (24 px, of 19 px vet).
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Pa’s wijze lynx bezag vroom het fikse aquaduct.
Contrast berekend met de WCAG 2.2-formule. AA: minstens 4,5:1 voor broodtekst en 3:1 voor grote tekst (24 px, of 19 px vet); AAA: 7:1.
- Zet broodtekst in Inkt op Papier, Crème of Salie, of in Crème op Bosgroen.
- Gebruik Inkt voor tekst op knoppen in Klei (5,0:1). Wit op Klei (3,1:1) mag alleen voor grote tekst vanaf 24 px.
- Gebruik Donkere klei in plaats van Klei voor links, prijzen en labels op lichte achtergronden.
- Gebruik Klei of Salie niet voor tekst op lichte achtergronden. Klei op Papier haalt maar 2,9:1.
- Laat betekenis nooit alleen van kleur afhangen, zoals een rode prijs voor 'uitverkocht'. Zet er altijd een woord of icoon bij.
- Zet geen tekst in Klei op Bosgroen of andersom. Ze trillen en zijn lastig leesbaar voor kleurenblinde mensen.
Productie