Een website met zes lettertypen en tien kleuren ziet er zelden professioneel uit. Dwang helpt hier: beperk u tot een paar keuzes.
Bij een van onze laatste opdrachten in Arnhem kwam dit ook weer aan bod.
Twee lettertypen is genoeg: één voor koppen en één voor lopende tekst. Een enkel type in twee gewichten werkt ook. Laad lettertypen vanaf uw eigen server als dat kan. Dat is sneller en u hoeft er geen toestemming voor te vragen.
- 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.
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);
}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.