Introductie
Welkom designer 👋
Leuk dat je er bent! Of je nu mee wilt helpen aan het NL Design System of simpelweg even wilt rondneuzen, als designer is dit een goed startpunt.
NL Design System
Het NL Design System zit net even anders in elkaar als andere Design Systems. Niet gericht op één organisatie maar een verzameling van componenten, patronen en richtlijnen, waar iedere overheidsorganisatie zijn eigen huisstijl op kan toepassen.
Meer informatie het NL Design System
Het kernteam
Er is een vast kernteam dat werkt aan het NL Design System. Het kernteam werkt op dagelijkse basis samen met verschillende disciplines vanuit de community. Denk aan designers, developers maar ook copywriters en accessibility specialisten.
Meer informatie over het Kernteam
De community
Binnen de community zijn designers bezig met verschillende projecten. Door als designers samen te werken kunnen we informatie en inzichten met elkaar uitwisselen. Zo leren we elke keer iets bij.
Meer informatie over de community voor designers
Ontwerpprogramma’s
Of je nu Sketch, Adobe XD, Framer, of Paint gebruikt, er is geen afhankelijkheid als het gaat om ontwerpprogramma. Wel hebben het kernteam, en reeds aangesloten organisaties een voorkeur voor Figma.
Meer informatie over Figma structuur en gebruik
Design tokens
De componenten van het NL Design System hebben van zichzelf geen specifieke huisstijl. Iedere organisatie kan zijn eigen huisstijl op de componenten toepassen. Om dat voor elkaar te krijgen maken we gebruik van ‘Design tokens’.
Meer informatie over design tokens
Design tokens en Figma
Op dit moment biedt Figma, net als alle andere ontwerpprogramma's, geen ondersteuning voor design tokens. Daarom maken we gebruik van de Token Studio.
Meer informatie over Figma structuur en gebruik
Stijl, componenten, patronen en templates
Stijl
Zoals aangegeven kan iedere organisatie zijn eigen huisstijl toepassen. En toch bieden we vanuit het NL Design System documentatie aan rondom stijl. Hier vind je richtlijnen en tips die je kunt meenemen bij het toepassen van je eigen huisstijl.
Voorbeeld thema
Het NL Design System heeft van zichzelf geen huisstijl. Maar om de werking en kracht van design tokens aan te tonen maken we wel gebruik van een ‘Voorbeeld’ thema.
Componenten
Het NL Design System bevat een heleboel componenten. Die hebben we allemaal op een rijtje gezet.
Bekijk het componenten overzicht
Op componenten passen we het estafettemodel toe.
Meer informatie over het estafettemodel
Op dit moment zijn we druk bezig om de NL Design System Figma Bibliotheek te vullen met 'Community' componenten. Geleidelijk aan zullen deze de status 'Candidate' en 'Hall of Fame' gaan krijgen.
Meer informatie over Figma structuur en gebruik
Bijdragen aan componenten
Mis je een component? Zou je een component graag aangepast zien? Heb je input voor de documentatie? Of nog beter heb je ooit onderzoek gedaan naar een component?
Neem contact op, dan zetten we de component op de backlog.
Patronen en Templates
Op dit moment ligt onze focus bij de componenten. Maar die componenten komen natuurlijk pas echt tot leven wanneer zij binnen een patroon of template worden toegepast.
Daarom willen we alvast een lijst opstellen van patronen en templates die voor verschillende organisaties van toepassing kunnen zijn. Zelf denken we aan een zoekresultaat met filter en sorteer opties. Maar ook aan een formulier dat uit meerdere stappen bestaat.
Bekijk het patronen en templates overzicht
Bijdragen aan patronen en templates
Mis je een patroon of template? Heb je input voor de documentatie? Of nog beter, heb je ooit onderzoek gedaan naar een patroon of template?
Neem contact op, dan zetten we het patroon of template op de backlog.
Onderzoek
Design, code en documentatie stoelen we graag op onderzoek. Hiervoor speuren we het web af naar inzichten. Maar we vragen ook de community, jou dus, om hulp. Heb je gebruikersonderzoek gedaan en inzichten opgedaan die voor de gehele community waardevol zijn? Dan horen we dat graag.
Bekijk het onderzoek overzicht
Op de hoogte blijven
Wil je niets missen van de ontwikkelingen van het NL Design System? Er zijn verschillende manieren om op de hoogte te blijven.
Help deze documentatie te verbeteren
Om ervoor te zorgen dat deze documentatie nuttig, relevant en up-to-date is, kun je een wijziging voorstellen via Github.
Vragen
Heb je een vraag? Twijfel niet en neem contact op met het kernteam.