Introductie richtlijnen NL Design System voor stijl

Het NL Design System geeft richtlijnen voor stijl. Hierbij zijn we uitgegaan van toegankelijkheid, gebruikersvriendelijkheid en consistentie, ondersteund door gebruikersonderzoek.

Deze richtlijnen staan gesorteerd op onderwerp.

Typografie

• Introductie typografie
• Letters groot genoeg
• Comfortabele regelafstand
• Comfortabele regellengte
• Goed lettertype
• Betekenisvolle opmaak voor tekst
• Let op voorkeursinstellingen voor typografie

Kleuren

• Introductie kleuren
• Kleurcontrast voor tekst
• Kleurcontrast voor niet-tekstuele content
• Gebruik kleur met een doel
• Vertrouw niet alleen op kleur
• Verschillen in waarneming van kleur
• Voorkeursinstellingen voor kleur

Ruimte

• Introductie ruimte
• Spacing scale
• Box model
• Spacing concepten
• Relaties tussen elementen
• Hiërarchie tussen elementen
• Ruim of compact
• Interactieve elementen

Iconen

• Introductie iconen
• Maak functionele iconen simpel van vorm
• Toptaak iconen kunnen gedetailleerd zijn
• Positioneer iconen binnen een vierkant grid
• Stem de grootte van je iconen af op je lettergrootte
• Laat de lijndikte meeschalen
• Zorg voor voldoende contrast
• Respecteer conventies
• Gebruik SVG voor iconen en geen font

Over deze richtlijnen

Deze richtlijnen worden onderhouden door het NL Design System en zijn op dit moment in beta.

We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Deel je mening op GitHub met je suggesties.