Wat is het Vlaanderen Design System?
Het Vlaanderen Design System is een verzameling van herbruikbare componenten, ontwerprichtlijnen en best practices. Het helpt UX- en UI designers sneller uniforme applicaties te ontwerpen, en ontwikkelaars efficiënt en budgetvriendelijk websites, webapps en mobiele applicaties te bouwen, en zorgt zo voor uniformiteit in alle digitale producten van de Vlaamse overheid.
Drie pijlers
Het Vlaanderen Design System bestaat uit drie pijlers.
Consistentie en herkenning
Het Vlaanderen Design System zorgt voor een uniforme uitstraling en gedrag van alle Vlaamse digitale toepassingen. Dit bevordert herkenning, wekt vertrouwen en verhoogt het gebruiksgemak.
Kostefficiënt
Het Vlaanderen Design System is kostefficiënt doordat het het ontwerp- en ontwikkelproces versnelt, dankzij de beschikbaarheid van herbruikbare componenten, patronen en sjablonen.
Toegankelijk
Het Vlaanderen Design System biedt de bouwstenen voor het ontwikkelen van toegankelijke (WCAG 2.2 compliant) applicaties, zodat iedereen de overheidsdiensten vlot kan gebruiken.
Voor wie is het bedoeld?
Hoe gebruik je het Vlaanderen Design System?
- Stap 1
Verken de componentenbibliotheek
Ontdek de beschikbare UI-componenten en patronen. - Stap 2
Maak de richtlijnen eigen
Begrijp de principes achter onze ontwerpen en hoe ze toe te passen. - Stap 3
Implementeer in je project
Gebruik de codevoorbeelden en documentatie voor integratie. - Stap 4
Deel je feedback
Help ons het systeem te verbeteren door je ervaringen te delen.
Samen bouwen aan betere digitale diensten
Het Vlaanderen Design System is een levend platform dat continu evolueert. We moedigen je aan om bij te dragen, feedback te geven en samen met ons te werken aan het verbeteren van digitale diensten voor iedereen in Vlaanderen.
Starten met het Vlaanderen Design System
- Onboarding aanvragen: Vraag toegang tot het Design Systeem. Registreer een nieuwe applicatie.
- Draag bij aan de code: Help mee aan de ontwikkeling van nieuwe componenten en varianten. Meld een nieuwe functionaliteit of bug(opent in nieuw venster).