Terug naar de basis: Huisstijl op de site: wat moet vastliggen?

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

Twee lettertypen is genoeg: één voor koppen en één voor lopende tekst.

Hanneke uit Arnhem liet ons onlangs foto’s zien van de situatie.

Lettertypen

Voor de eerste vorst is dit het moment om ernaar te kijken. Twee lettertypen is genoeg: één voor koppen en één voor lopende tekst. Een enkel type in twee gewichten werkt ook.

Kleuren en contrast

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

Laad lettertypen vanaf uw eigen server als dat kan. Dat is sneller en u hoeft er geen toestemming voor te vragen. Leg de keuzes vast in een korte stijlgids, zodat latere aanpassingen consistent blijven. Een uitgebreide uitleg staat op 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: Terug naar de basis: Lettertypen kiezen voor het web: minder is meer