Ga naar hoofdinhoud

Community Sprint: Rijkshuisstijl Community

In de zomer van 2024 gingen de eerste Community Sprints van start voor teams die werken aan webapplicaties en websites binnen de Rijkshuisstijl. Deze sprints werden afgetrapt door een kernteam van 7 developers voor de zomer beschikbaar gesteld door Quintor, en vormden het begin van een langdurige samenwerking tussen onder andere Logius, Ministerie van Justitie en Veiligheid, en Rijksinstituut voor Volksgezondheid en Milieu (RIVM).

Waar gaat deze sprint over?

De Rijkshuisstijl Community is een Open Source project waaraan iedereen kan bijdragen ongeacht de organisatie waarvoor je werkt. De Rijkshuisstijl Community Sprint maakt deel uit van een samenwerkingsverband om NL Design System-componenten te ontwikkelen voor projecten die moeten voldoen aan de Rijkshuisstijl.

Organisaties van de centrale overheid van Nederland (bijvoorbeeld: Belastingdienst, DUO, Logius, SVB) en degenen die door hen zijn ingehuurd voor het ontwikkelen van websites en apps, kunnen via dit project samenwerken.

Denk mee over designkeuzes binnen de Rijkshuisstijl

Binnen de Rijkshuisstijl Community werken we toe naar één centrale JSON met design tokens. Daarmee kunnen componenten uit het NL Design System eenvoudig worden gestyled volgens de verschillende Rijkshuisstijl-deelidentiteiten.

Tijdens dit proces maken we diverse designkeuzes. Om deze keuzes inzichtelijk én bespreekbaar te maken, zijn we gestart met een aantal GitHub Discussions. Iedereen die werkt met de Rijkshuisstijl of hieraan bijdraagt wordt uitgenodigd om mee te denken.

Ook als je het eens bent met de voorgestelde keuzes, is een korte bevestiging al waardevol. Heb je zelf al keuzes gemaakt bij het stylen van componenten? Deel dan je overwegingen in de betreffende discussie. Zo brengen we alle kennis en argumentatie op één centrale plek samen.

Ga naar de Rijkshuisstijl Community Discussions rondom styling keuzes op GitHub.

Werk en resultaten

De Rijkshuisstijl Community is een Open Source project en werkt open en transparant. Alles wat we maken, zoals code, ontwerpen, documentatie en discussies, is voor iedereen zichtbaar en te gebruiken.

Code, issues en bijdragen

Bekijk alle code, openstaande issues, pull requests en discussies in de Rijkshuisstijl Community Repository op GitHub. Hier vind je de bron van alle componenten, de richtlijnen en het werk van de community.

Ontwerpen: Figma en design tokens

Bekijk en gebruik de Figma bestanden en de design tokens. Deze vormen de basis voor een consistente manier van ontwerpen en implementeren.

GitHub Discussions

In GitHub Discussions denken we samen na over verschillende onderwerpen. Iedereen kan meedoen, reageren of een nieuwe vraag stellen. Iedere bijdrage helpt, van korte bevestiging tot uitgebreid voorstel!

GitHub projectborden

We gebruiken drie GitHub projectborden om het werk te organiseren en inzichtelijk te houden.

1. Rijkshuisstijl Community Sprintbord

Dit bord wordt gebruikt tijdens de tweewekelijkse Rijkshuisstijl Community Sprint planning. Hier zie je aan welke issues teams werken en waar samenwerking mogelijk is.

Het sprintbord is bedoeld voor iedereen die meedoet aan de sprints of namens een team wil aansluiten. Soms sluit één persoon namens een groter team aan, om afstemming te houden zonder dat het hele team aanwezig hoeft te zijn.

2. Rijkshuisstijl Community Backlog

De backlog bevat alle openstaande issues, los van sprints of organisaties.

Hier vind je onder andere:

  • Issues die tijdens de tweewekelijkse Rijkshuisstijl Community Refinement worden besproken.
  • Issues die iedereen kan oppakken, varierend van "good first issue" tot "help wanted".
  • Issues die geschikt zijn voor mensen die niet op Slack zitten of zelfstandig willen bijdragen.

De backlog is de plek om iets te vinden als je wilt bijdragen aan de community, ongeacht je rol of organisatie en zonder dat je actief mee hoeft te doen aan de community.

3. Rijkshuisstijl Community Component status

Dit bord geeft een overzicht van de status van alle componenten.

Per component zie je onder andere:

  • De huidige status van vereisten, zoals "Rijkshuisstijl 2025 interpretatie", "Visuele regressietest" en "Code komt overeen met Figma".
  • Status en links naar de component in Figma en de Storybook per framework.
  • Links naar relevante issues en discussies via de GitHub labels. Zo kan je zien hoe je kunt bijdragen om een component verder te verbeteren.

Het is de snelste manier om alles over een component te vinden.

Voorbeelden en componenten

Wil je direct zien hoe componenten eruitzien of hoe je ze kunt gebruiken?

Video's

Bekijk hieronder de YouTube afspeellijst met updates uit de Rijkshuisstijl Community Sprint.

Voor wie is dit relevant?

Deze sprint is bedoeld voor iedereen die werkt aan Rijksoverheidswebsites, en in het bijzonder voor:

  • Designers die willen bijdragen aan een gedeelde visuele stijl.
  • Developers die componenten implementeren volgens Rijkshuisstijl.
  • Product Owners die keuzes maken over ontwerpstandaarden.
  • Iedereen die bijdraagt aan een toegankelijk, samenhangend digitaal landschap.

Hoe kun je bijdragen of meedoen?

Meepraten of input geven?

Je kunt ons ook vinden op Slack. Meld je aan bij onze Slack en sluit aan bij het #nl-design-system-kanaal.

We organiseren de volgende vaste momenten om samen te komen:

Ook kan je gedurende elke sprint de Rijkshuisstijl Community volgen en deelnemen aan de slowchat in het #rijkshuisstijl-community-kanaal.

Meedoen in Figma?

Rijkshuisstijl Community gebruikt in Figma Connected Projects, een experimentele manier van samenwerken. Hierdoor kunnen ontwerpers van verschillende organisaties, zoals Logius en RVO, eenvoudig de nieuwste versie van componenten, iconen en elementen uit de Rijkshuisstijl bibliotheken gebruiken, zonder handmatig te hoeven updaten.

Bekijk Rijkshuisstijl Community Connected Project

Werk je als organisatie met de Rijkshuisstijl en wil je bijdragen aan de ontwikkeling van componenten? Dat kan! Laat een bericht achter in het #rijkshuisstijl-community-kanaal in Slack, dan helpen we je op weg.

Zelf iets aandragen of checken?

Vragen of ideeën

Heb je vragen of ideeën voor de Rijkshuisstijl Community? Stel je vraag via Slack of stuur ons een mailtje op kernteam@nldesignsystem.nl