Den Haag Design System

Design Principes

Informatie moet overzichtelijk zijn
Pagina’s laden snel
Je hoeft niet meer naar het gemeentehuis
Je bent snel waar je zijn moet
We toetsen onze aannames over gebruikers

documentation

Introductie
Over
Dit Moet Je Weten
Richtlijnen
- Design Principes
- Communicatie
- Fotografie
- Grid
- Iconen
- Kleur
- Spacing
- Toegankelijkheid
- Typografie
- Video

components

Algemeen
- Typography
Componenten
- Accordeon
- Badge
  - Default
  - Informative
  - Success
  - Attention
  - Critical
- Bankenlijst
- Kruimelpad
- Button
  - Primary
  - Secondary
  - Secondary Disabled
  - Link
  - Help Text
  - Full Width
  - Inactive
  - Terug
  - Volgende
  - Toon Meer
  - Toon Minder
  - Inloggen
  - Zoeken
  - Icon
  - Print Pagina
  - Download Bestand
  - Justify Right
  - Flex Right
  - Right
  - Left
- Card
- Chatbox
- In/Uitklapbar
- Document overview
- Bestandsbox
- Footer
- Header
- Icoon
  - Default
  - Arrow Left
  - Arrow Right
  - Check
  - Circle
  - Cross
  - Download
  - Dropdown
  - Exclamation
  - Eye Closed
  - Eye Open
  - File
  - Info
  - Info Circle
  - Play
  - Plus
  - Pull Up
  - Question
  - Question Circle
- Link
- Media link
  - Default
  - Lijst
- Menutile
- Mededeling
  - Info
  - Waarschuwing
- Modal
- Notificatiebalk
  - Standaard
  - Info
  - Waarschuwing
  - Fout
  - Succes
- Wachtwoord
- Skiplinks
- Spinner
- Statusindicator
- Stappenindicator
- Gestructureerde lijst
  - Met titel
  - Zonder titel
- Tabel
- Textbox
  - Standaard
  - Verborgen
- Tegel
- Tooltip
  - Default
  - Exclamation Mark
  - Top
  - Bottom
  - Left
  - Right
- Tooltip interactive
  - Onder
  - Boven
  - Links
  - Rechts
  - Meerdere
- Gebruiker avatar
  - Orange avatar (van ingelogde gebruiker)
  - Blue avatar (van medewerker)
Templates
- Product Pagina
Patronen
- Formulieren