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.

Een klant uit Hoorn vroeg ons laatst of dit echt nodig was.

Laad lettertypen vanaf uw eigen server als dat kan. Dat is sneller en u hoeft er geen toestemming voor te vragen.

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);
}

• Twee lettertypen
• Lettertypen lokaal laden
• Basis, accent en neutraal
• Contrast controleren
• Korte stijlgids
• Dezelfde knoppen overal

Kies een basiskleur, een accentkleur en een paar neutrale tinten. De rest volgt daaruit.

Leg de keuzes vast in een korte stijlgids, zodat latere aanpassingen consistent blijven.

Hebt u een huisstijl, dan bouwen wij de site er omheen. Hebt u er geen, dan helpen we u op weg.