Kleuren
Het Pantalytics-kleurenpalet is gebouwd rond een donkere, professionele basis met een herkenbaar paars accent. Gebruik deze kleuren consistent in alle uitingen.
Logokleuren
Het Pantalytics-logo gebruikt twee kernkleuren: navy blue en goud. Deze kleuren worden exclusief in het logo en de tagline gebruikt.
Aa
Navy Blue
#1b3a5c · rgb(27, 58, 92)
Logo tekst & icoon
Aa
Gold
#e8a317 · rgb(232, 163, 23)
Logo accent & tagline
Primaire kleuren
Aa
Accent Purple
#9b99ff · rgb(155, 153, 255)
--color-accent
Aa
Accent Hover
#7370ff · rgb(115, 112, 255)
--color-accent-hover
Aa
Dark Teal
#001d21 · rgb(0, 29, 33)
--color-bg-primary
Aa
Dark Teal Light
#002328 · rgb(0, 35, 40)
--color-bg-secondary
Tekst & achtergrond
Aa
White
#ffffff
--color-text-primary / --color-bg-inverse
Aa
White 60%
rgba(255, 255, 255, 0.6)
--color-text-secondary
Aa
Dark Teal (op wit)
#001d21
--color-text-inverse
WCAG Contrast ratio's
Onderstaande tabel toont de contrastverhoudingen voor veelgebruikte combinaties. Zorg dat tekst altijd aan de WCAG AA-norm voldoet.
| Combinatie | Ratio | AA | AAA |
|---|---|---|---|
| #ffffff op #001d21 | 17.65:1 | Pass | Pass |
| rgba(255,255,255,0.6) op #001d21 | 7.06:1 | Pass | Pass (groot) |
| #9b99ff op #001d21 | 5.84:1 | Pass | Pass (groot) |
| #001d21 op #ffffff | 17.65:1 | Pass | Pass |
| #9b99ff op #ffffff | 3.02:1 | Fail (normaal) | Fail |
Gebruiksrichtlijnen
- Gebruik accent paars (#9b99ff) nooit als bodytekst op een witte achtergrond — het contrast is onvoldoende (3.02:1).
- De accentkleur is bedoeld voor interactieve elementen, eyebrows en decoratieve highlights.
- Donkere teal achtergronden zijn de primaire merkomgeving.
- Witte secties worden spaarzaam gebruikt voor nadruk en contrast.