Onze lettertypes
We gebruiken twee varianten van het 'Barlow' lettertype: Barlow en Barlow Semi Condensed. Het oogt strak en is goed leesbaar. Tegelijkertijd zorgen de afgeronde hoeken voor een vriendelijke uitstraling.
Gebruiken we voor al onze headings (H1, H2, etc.)
Gebruiken we voor alle body teksten en UI elementen (zolas knoppen en labels).
Typografie hiërarchie
Typografie op gekleurde achtergrond
Hieronder zie je welke tekstkleur we gebruiken op welke achtergronden.
Het contrast van tekst op primaire gekleurde achtergronden is niet heel hoog (voldoet niet altijd aan aan de WCAG 2.0 toegankelijkheidsrichtlijnen). Gebruik daarom spaarzaam tekst op primaire achtergronden (wat wel mag: CTA, buttons).
Op lichte achtergronden gebruiken we voor headings 'Zwart / headings' en voor body 'Donkergrijs / body'.
Uitzonderingen lettergrootte
Bovenstaande lettergroottes hebben altijd de voorkeur. Maar we ontwerpen veel verschillende uitingen. En soms werkt bovenstaande niet. Op een A2 poster is een titel van 64px en een bodytekst van 16px bijvoorbeeld te klein. Gebruik dan titel groottes die een veelvoud van 8 (= the magic number) zijn. Lees meer over ons 8pt-system.
Tips & tricks
Tekst > 100 woorden? Lijn deze dan altijd links uit. Dat verhoogt de leesbaarheid.
Zet hypenation uit als je ontwerp programma dat toelaat. Zo worden woorden niet middenin de zin afgebroken.
Tekst is het best leesbaar als deze ±60 tekens breed is. Let hier op als je grote lappen tekst schrijft. Overweeg de tekst op te breken in kolommen indien nodig