# Kleur - designsysteem van Unless

Fundamenten

# Kleur
  [Palet](/nl/design/foundations/colour/)[Tokens](/nl/design/foundations/colour/tokens/)[Gebruik](/nl/design/foundations/colour/usage/)[Toegankelijkheid](/nl/design/foundations/colour/accessibility/)
## Waar elke kleur terechtkomt

De plaatsingsregels achter Quiet Cobalt - één piek (`--accent-link`), één ankerinkt (`--fg-primary`), één AI-accent dat is voorbehouden aan AI-functies. Kies kleuren op rol, niet op gevoel.

- Koppen en broodtekst → `--fg-primary` (ankerinkt, dezelfde toon als het beeldmerk).
- Links en interactieve accenten → `--accent-link` (piekblauw).
- Hero- en CTA-banen → navy via `.u-section-dark`; zet de piek nooit in als vlakvulling.
- Alleen AI-functies → `--accent-ai` en `--accent-ai-soft`; nergens anders.
- Sectieritme → wissel `.u-section` (papier) af met `.u-section-tinted` (subtiel); nooit twee dezelfde achter elkaar.
       [Kleur · Tokens](/nl/design/foundations/colour/tokens/)     [Kleur · Toegankelijkheid](/nl/design/foundations/colour/accessibility/)