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. Een enkel type in twee gewichten werkt ook.
- Lettertypen lokaal laden
- Basis, accent en neutraal
- Contrast controleren
- Dezelfde knoppen overal
Laad lettertypen vanaf uw eigen server als dat kan. Dat is sneller en u hoeft er geen toestemming voor te vragen.
Kies een basiskleur, een accentkleur en een paar neutrale tinten. De rest volgt daaruit.
Controleer het contrast tussen tekst en achtergrond. Lichtgrijs op wit is mooi in de schetsmap en onleesbaar op een telefoon in de zon.
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. Kijk bij onze diensten voor het complete overzicht.