Kleuren
Primaire kleuren
Binnen het DSO gebruiken we vaste kleuren voor bepaalde functionaliteiten. Zo kunnen gebruikers de functionaliteit makkelijker herkennen. Hier leest u welke kleuren u waarvoor gebruikt.
Groen
Groen is de basiskleur voor het ontwerp van het DSO. Het geeft een rustige en natuurlijke uitstraling.
Gebruiken voor
- Titels
- Subtitels
- Menutekst
- Knoppen
- Steunkleuren
Grasgroen
#39870c
rgb(57, 135, 12)
Grasgroen 80%
#609f3c
rgb(96, 159, 60)
Grasgroen 40%
#afcf9d
rgb(175, 207, 157)
Grasgroen 10%
#ebf3e6
rgb(235, 243, 230)
Bosgroen
#275937
rgb(39, 89, 55)
Bosgroen 80%
#527a5e
rgb(82, 122, 94)
Bosgroen 40%
#a8bcaf
rgb(168, 188, 175)
Bosgroen 10%
#e9eeeb
rgb(233, 238, 235)
Lime
Gebruik de kleur lime voor niet-essentiële beeldmerken, zoals het toevoegen van vinkjes na een successvolle post. Het is geen interactiekleur, in tegenstelling tot andere groenkleuren.
Lime
#79b929
rgb(121, 185, 41)
Lime 20%
#e4f1d4
rgb(228, 241, 212)
Mauve
Mauve is een accentkleur voor componenten in de Toolkit. Het wordt gebruikt als indicator voor het actieve menu en als achtergrond kleur voor de accordion.
Gebruiken voor
- Accenten
- Indicatoren
Mauve
#8b4a6a
rgb(140, 75, 107)
Zwart
"Zwart 90%" is minder intensief dan echt zwart en verhoogt de leesbaarheid als er lange stukken tekst op de pagina staan.
Zwart 90%
#191919
rgb(25, 25, 25)
Zwart 60%
#666
rgb(102, 102, 102)
Zwart 10%
#e5e5e5
rgb(229, 229, 229)
Zwart 5%
#f2f2f2
rgb(242, 242, 242)
Secundaire kleurenpalet
U kunt de secundaire kleuren gebruiken als u meer kleuren nodig heeft dan er primaire kleuren zijn. Denk bijvoorbeeld aan tabellen of grafieken waar u met kleurvariatie verschillende waarden duidelijk maakt.
Let op: gebruik deze kleuren alleen als het niet lukt met de primaire kleuren.
Geel
#dcd400
rgb(220, 213, 0)
Rood
#ce3f51
rgb(206, 63, 81)
Mintgroen
#3fb498
rgb(63, 180, 152)
Mauve
#8b4a6a
rgb(140, 75, 107)
Paars
#676cb0
rgb(104, 108, 176)
Donkerblauw
#2b5780
rgb(43, 87, 129)
Lichtblauw
#6ca4d9
rgb(108, 165, 218)
Bruin
#644f49
rgb(100, 80, 74)