De Rijkshuisstijl Community is een samenwerkingsverband om NL Design System-componenten te gebruiken voor projecten die moeten voldoen aan de Rijkshuisstijl.
De community bestaat uit organisaties van de centrale overheid van Nederland en leveranciers die zijn ingehuurd voor het ontwikkelen van websites en apps. Doe jij ook mee?
Efficiënt
Een uitgebreide bibliotheek van herbruikbare componenten. Platform-onafhankelijk met de nieuwe Rijkshuisstijl.
Breed gedragen
De community deelt regelmatig kennis, ervaring, updates en verbeteringen.
Gebruiksvriendelijk
Consistente gebruikservaring met herbruikbare voorbeeldpagina's
In de praktijk
Klaar om er direct van start te gaan? Hieronder vind je de README's van de beschikbare tools en frameworks. Voor een dieper begrip en uitgebreide documentatie verwijzen we je graag naar de "lees en leer" section.
Lees en leer
Rijkshuisstijl Community Storybook
Storybook is een overzicht van al onze componenten en templates in verschillende frameworks, handig voor zowel designers als developers om snel te zien hoe iets eruitziet en werkt.
Rijkshuisstijl styling implementatie GitHub discussies
Voor het inzichtelijker maken van designkeuzes, gebruiken we GitHub Discussions. Feedback op de hierin voorgestelde keuzes (ook bijv. een korte 'akkoord') is zeer welkom. Het delen van reeds zelfgemaakte designkeuzes wordt ook gewaardeerd.
Design Tokens
We werken toe naar één centrale JSON met design tokens, waarmee je eenvoudig componenten uit het NL Design System kunt stijlen volgens jouw Rijkshuisstijl-deelidentiteit.
Designer Handboek
Mee designen aan het NL Design System of gebruik maken van bestaande Figma componenten? Als designer vind je hier alle documentatie die je nodig hebt.
Developer Handboek
Mee ontwikkelen aan NL Design System of gebruik maken van bestaande componenten? Als developer vind je hier alle documentatie die je nodig hebt om te beginnen.
NL Design System Rijkshuisstijl Figma Bibliotheek
Een duplicaat van de Voorbeeld bibliotheek van het NL Design System, waarin de design tokens van het RHC-project zijn toegepast. Deze setup maakt het mogelijk om stijlkeuzes te testen en inzichtelijk te maken. Door de design tokens via Token Studio in te laden, kun je tussen thema's schakelen en beoordelen of de stijl aansluit bij jouw organisatie.
Rijkshuisstijl Figma Bibliotheek
Een kopie van de NLDS-bibliotheek met RHC-design tokens, om stijlkeuzes te testen en inzichtelijk te maken. Vrijwel alle componenten hier zijn 'Experimental'. Dat betekend dat ze vooralsnog geen onderdeel uit maken van de componenten die worden ontwikkeld op basis van het estafettemodel. Gebruik deze componenten dus ter inspiratie.
Rijkshuisstijl Figma Templates
Beide bibliotheken zijn gekoppeld aan dit Figma bestand met templates en patronen voor gehele pagina's. Bestaande overheidswebsites zijn nagebouwd met NLDS-componenten en RHC-tokens, om te toetsen of stijl en componenten aansluiten bij de praktijk.
Estafettemodel
Met deze aanpak maken we de beste en meest bruikbare componenten, patronen en richtlijnen te maken. Elk nieuw onderdeel volgt het estafette model en beweegt zich in een samenwerking tussen het kernteam en de community van begin tot eind door dit model.