Steeds meer mensen gebruiken hun telefoon of laptop in dark mode – een donkere weergave die prettiger is voor de ogen, vooral ‘s avonds. Meer dan 80% van de iOS-gebruikers heeft het ingeschakeld. Toch zijn veel e-mails daar totaal niet op voorbereid. Denk aan zwarte tekst op een zwarte achtergrond, of knoppen die volledig verdwijnen. Het resultaat: de boodschap komt niet over, en conversie blijft uit.
Dark mode is inmiddels een standaard geworden. In dit artikel leggen we uit wat dark mode betekent voor jouw e-mailcampagnes, wat er technisch gebeurt, en hoe je e-mails maakt die in elke modus overtuigen.
Wat is dark mode en waarom doet het ertoe?
Je hebt geen controle over de inbox instellingen van je lezer.
Dark mode is een instelling waarmee gebruikers hun apparaat een donkere uitstraling geven. Dit verlaagt de lichtintensiteit en kan prettiger aanvoelen. Belangrijk voor jou als marketeer: jij kunt die weergave niet tegenhouden. Als je e-mails niet goed werken in dark mode, verlies je simpelweg lezers.
Wat gaat er vaak mis?
E-mails die niet zijn aangepast voor dark mode kunnen er rommelig of zelfs onleesbaar uitzien:
- Zwarte tekst op een donkere achtergrond (onleesbaar)
- Logo’s met transparante achtergronden die wegvallen
- Knoppen die visueel verdwijnen
- Een lay-out die volledig uit balans raakt
Dark mode past automatisch bepaalde kleuren aan, waardoor je zorgvuldig ontworpen e-mail ineens heel anders oogt. Dat kun je voorkomen – als je weet hoe.
Grote e-mailclients doen allemaal iets anders
Clients zoals Gmail, Apple Mail en Outlook ondersteunen dark mode, maar ze gaan er allemaal verschillend mee om. Dat maakt het lastig om e-mails 100% consistent te tonen, maar niet onmogelijk. Je moet alleen weten waar je op moet letten.
Hoe e-mailclients omgaan met dark mode
Verschillende benaderingen van dark mode
E-mailclients passen dark mode op drie manieren toe:
- Alleen de interface verandert (geen kleurverandering) – jouw e-mail ziet er hetzelfde uit, maar de omgeving eromheen (bijvoorbeeld het venster) is donker.
- Volledige kleurinversie – het programma past automatisch de kleuren van je e-mail aan. Donker wordt licht en andersom. Dit kan je ontwerp flink beïnvloeden.
- Gedeeltelijke kleurinversie – sommige elementen worden aangepast, andere niet. Dit zorgt voor onverwachte resultaten.
Het is dus belangrijk om te ontwerpen met flexibiliteit in gedachten. Wat in de ene inbox goed werkt, ziet er in de andere misschien anders uit.
Veelvoorkomende problemen bij dark mode
Er zijn een paar technische fouten die we vaak tegenkomen:
- Gebruik van inline CSS die wordt overschreven of genegeerd
- Afhankelijkheid van externe stylesheets die niet altijd worden geladen
- Geen alt-teksten bij afbeeldingen, waardoor je boodschap verloren gaat als een beeld niet goed laadt
Dark mode kan je e-mail design flink door de war schoppen, tenzij je er bewust op inspeelt.
Voorbeeld uit de praktijk: +26% meer clicks door kleine aanpassingen
Voor een klant in de e-commerce zagen we dat e-mails minder werden aangeklikt dan verwacht. Na analyse bleek dat het grootste deel van de mobiele opens in dark mode gebeurde – en dat veel elementen niet goed zichtbaar waren.
Wat we ontdekten:
- Meer dan 60% van de mobiele lezers gebruikte dark mode
- Call-to-action-buttons (CTA’s) vielen visueel weg
- Logo’s zonder achtergrond raakten onzichtbaar
Wat we hebben gedaan:
- We hebben de kleuren geoptimaliseerd met inline CSS, zodat deze ook in dark mode correct worden weergegeven
- Afbeeldingen aangepast zodat ze een vaste achtergrond kregen
- CTA-knoppen voorzien van hoog contrast om ze altijd zichtbaar te maken
Het resultaat:
- Click-through rate (CTR) steeg van 3,8% naar 4,8% – een verbetering van 26%
- Minder supportvragen over ‘kapotte’ e-mails
- Betere algehele merkbeleving
Praktische tips: zo maak je e-mails die werken in elke modus
1. Gebruik expliciete kleurcodes (HEX)
Gebruik geen namen als “black” of “white”. Zet kleuren altijd vast met HEX-codes, bijvoorbeeld #000000 voor zwart en #FFFFFF voor wit. Dit voorkomt dat dark mode je kleuren automatisch verandert.
2. Kies veilige lettertypes
Gebruik systeemeigen lettertypes zoals Arial of Verdana. Die worden in vrijwel alle e-mailclients correct weergegeven. Decoratieve fonts kunnen problemen geven.
3. Test grondig, niet alleen visueel
Gebruik tools zoals Litmus of Email on Acid om je e-mails te testen in verschillende clients én in dark mode. Vertrouw niet op je eigen inbox alleen.
4. Voeg altijd alt-tekst toe
Als een afbeelding niet laadt – of onleesbaar wordt – zorgt alt-tekst ervoor dat je boodschap nog steeds overkomt. Dit is belangrijk voor toegankelijkheid én betrouwbaarheid.
5. Zorg voor voldoende contrast
Zorg ervoor dat tekst, buttons en belangrijke elementen voldoende opvallen – ook als de achtergrond donker wordt. Test je kleuren op zowel witte als zwarte achtergrond.
Checklist: jouw dark mode-ready e-mail in 5 vragen
-
Gebruik je expliciete kleurcodes (HEX)?
-
Heb je getest op zowel light als dark mode?
-
Zijn je CTA-knoppen altijd zichtbaar?
-
Is er alt-tekst bij elke afbeelding?
-
Heb je getest in meerdere e-mailclients?
Conclusie: dark mode vraagt om voorbereiding
Dark mode is een vaste waarde in het dagelijks gebruik van e-mail. Door er slim op in te spelen, zorg je dat je boodschap altijd overkomt – ongeacht de instellingen van de gebruiker. Geen verloren kliks, geen frustratie bij de lezer.
Wil je e-mails die óók in dark mode converteren?
Laat het ons weten. We helpen je met design én testing, zodat je mails in elke modus perfect werken.
