Terug naar de basis: Lettertypen kiezen voor het web: minder is meer

Een website met zes lettertypen en tien kleuren ziet er zelden professioneel uit. Dwang helpt hier: beperk u tot een paar keuzes.

We zagen dit afgelopen maand bij drie klanten, onder wie een in Leiden.

Lettertypen

In de winter merken we dat veel klanten hier vragen over hebben. Laad lettertypen vanaf uw eigen server als dat kan. Dat is sneller en u hoeft er geen toestemming voor te vragen.

Controleer het contrast tussen tekst en achtergrond. Lichtgrijs op wit is mooi in de schetsmap en onleesbaar op een telefoon in de zon.

  • Twee lettertypen
  • Lettertypen lokaal laden
  • Basis, accent en neutraal
  • Contrast controleren

Kleuren en lettertypen als variabelen:

:root {
  --basis: #14323f;
  --accent: #d9822b;
  --licht: #f6f4ef;
  --font-kop: 'Source Serif 4', Georgia, serif;
  --font-tekst: system-ui, sans-serif;
}

body {
  color: var(--basis);
  background: var(--licht);
  font-family: var(--font-tekst);
}

Kleuren en contrast

Leg de keuzes vast in een korte stijlgids, zodat latere aanpassingen consistent blijven. Wie het precies wil weten kan terecht bij MDN.

Hebt u een huisstijl, dan bouwen wij de site er omheen. Hebt u er geen, dan helpen we u op weg. Een offerte vragen kan via de contactpagina.

Lees ook: Een formulier dat iedereen kan invullen

7 thoughts on “Terug naar de basis: Lettertypen kiezen voor het web: minder is meer”

  1. Petra Postma

    Wij hebben dit vorig jaar laten doen en het gaf achteraf toch meer rompslomp dan verwacht. Is dat normaal?

    1. Jeroen Brouwer

      Goede vraag, Petra. In de meeste gevallen is het binnen een dag klaar. Bij uitzonderingen laten we dat vooraf weten.

Leave a Comment

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Scroll to Top