Laatst heb ik mijn eerste dark theme website gemaakt, ofwel een donkere website met lichte letters. Het kan je website een stoere of mysterieuze uitstraling geven, en het zou ook beter voor het milieu zijn dan een lichte website met donkere letters. In deze blogpost geef ik je de overwegingen die je kunt maken bij beide opties, en tips hoe je een dark theme goed uit de verf kunt laten komen.
Argumenten voor zwart op wit
Argumenten voor wit op zwart
Zo laat je een dark theme goed uit de verf komen
Persoonlijk gebruik ik liever een traditioneel licht thema dan een dark theme. Dit omdat grotere stukken tekst wit op zwart snel vermoeiend kunnen worden voor de ogen. Koppen en korte stukken tekst zijn heel goed te doen in een dark theme, leesbaarheid en vermoeidheid van de ogen zijn daar niet zo’n issue.
Verder kun je de leesbaarheid (en daarmee toegankelijkheid) van je dark theme website vergroten met de volgende tips:
Dark theme tekst inspiratie
1 – Dikgedrukte tekst
Dit is een lettertype met normale font weight. Zoals je ziet is het wel leesbaar, maar je moet moeite doen. Het danst een beetje voor je ogen.
Deze tekst is dikker gedrukt en iets groter. De letters lijken minder te dansen en voelen iets rustiger voor de ogen.
2 – Wit tekstvlak met accent
Voor een langer stuk tekst kun je ook een wit tekstvlak creëren met een accentkleur erachter. Zo heb je wel je dark theme, maar ook de leesbaarheid van zwarte tekst op een witte achtergrond.
3 – Transparant tekstvlak
Dit is een beige tekstvlak op een donkerblauwe achtergrond. De achtergrond van het tekstvlak heeft een opacity van 80%. De rand aan de linkerkant heeft dezelfde kleur en een opacity van 100%.
Zoals je ziet zijn er verschillende manieren om een dark theme mooi vorm te geven én ook nog eens goed leesbaar te houden. Zo kun je puur witte tekst op een donkere achtergrond gebruiken, maar ook tekstvlakken creëren om toch donkere, en daarmee prettiger leesbare tekst te gebruiken.
Op de hoogte blijven van alle nieuwe blogposts over duurzaam webdesign en bewuste contentcreatie? Schrijf je in voor de nieuwsbrief!