Een website met zes lettertypen en tien kleuren ziet er zelden professioneel uit. Dwang helpt hier: beperk u tot een paar keuzes.
Yvonne uit Arnhem liet ons onlangs foto’s zien van de situatie.
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. Laad lettertypen vanaf uw eigen server als dat kan. Dat is sneller en u hoeft er geen toestemming voor te vragen.
- Twee lettertypen
- 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);
}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.
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.
Misschien ook interessant: Een kleurenpalet dat op elk scherm werkt