🌙
Design5 min leestijd20 januari 2026

Dark mode en e-mail: design tips voor 2026

Hoe maak je e-mails die er goed uitzien in zowel light als dark mode?

Dark mode is de standaard

In 2026 gebruikt 82% van de smartphone-gebruikers dark mode. Dit heeft grote impact op hoe je e-mails eruitzien.

Dark mode gebruik (2026)
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ 82% — Smartphone
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ 68% — Desktop
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ 74% — Tablet

Het probleem

E-mailclients passen dark mode anders toe:

  • Gmail — Inverteert kleuren automatisch
  • Outlook — Eigen dark mode engine
  • Apple Mail — Respecteert prefers-color-scheme
  • Dit betekent dat je e-mail er op elk platform anders uitziet.

    Design principes

    1. Gebruik geen pure wit (#FFFFFF) of pure zwart (#000000)

    Pure wit in dark mode is verblindend. Pure zwart op wit is te hard.

    Beter:

  • Achtergrond: #1a1a2e (donker marineblauw)
  • Tekst: #e8e8e8 (zacht wit)
  • 2. Transparante logo's

    Gebruik altijd PNG met transparante achtergrond voor logo's. Een logo met witte achtergrond ziet er vreselijk uit in dark mode.

    3. Borders in plaats van shadows

    Schaduwen zijn onzichtbaar in dark mode. Gebruik subtiele borders om elementen te scheiden.

    4. Test, test, test

    Stuur je e-mail naar:

  • Gmail (web + app)
  • Outlook (web + app)
  • Apple Mail
  • In zowel light als dark mode
  • Plain text is king

    Hier is een geheim: voor transactionele en support-e-mails is plain text vaak beter dan HTML.

    Voordelen:

  • ✅ Ziet er perfect uit in dark mode
  • ✅ Hogere deliverability
  • ✅ Sneller te laden
  • ✅ Geen rendering-problemen
  • ✅ Persoonlijker (lijkt op een echt geschreven mail)
  • Conclusie

    Dark mode is geen trend maar de norm. Ontwerp je e-mails met dark mode als uitgangspunt, test op meerdere clients, en overweeg plain text voor service-mails.

    #dark-mode#design#email#ux

    Klaar om te beginnen?

    Start gratis met MailBelly. Geen creditcard nodig.

    Gratis account aanmaken →