Maak componenten consistent

Waarom deze stap belangrijk is

Als knoppen, kaarten en secties er op elke pagina anders uitzien, voelt je website als een lappendeken.

Wat dit concreet betekent

Alle herhalende elementen zien er overal hetzelfde uit.

Hoe je dit toepast

• Definieer een componentenbibliotheek.
• Geef elk component vaste regels.
• Update een component centraal, niet per pagina.

Voorbeelden

• Je hebt 3 knopvarianten: primair (gevuld), secundair (rand) en tekst-link. Meer niet.

Veelgemaakte fouten

• Op elke pagina een ander kaartontwerp.
• Knoppen met verschillende border-radius of padding.

Checklist

• [ ] Je hebt een componentenbibliotheek.
• [ ] Knoppen, kaarten en formulieren zijn overal identiek.