- Achtergrond:
- Licht, warm grijs (#F5F5F5): Dit wordt de hoofdkleur voor de achtergrond van de meeste pagina’s. Het zorgt voor een rustige basis die de leesbaarheid bevordert.
- Licht, warm grijs (#F5F5F5): Dit wordt de hoofdkleur voor de achtergrond van de meeste pagina’s. Het zorgt voor een rustige basis die de leesbaarheid bevordert.
- Headers (Kopteksten):
- Diep, zacht blauw (#4682B4): Gebruik deze kleur voor de H1-, H2- en H3-kopteksten. Het blauw trekt de aandacht naar de belangrijke titels, zonder te fel te zijn.
- Diep, zacht blauw (#4682B4): Gebruik deze kleur voor de H1-, H2- en H3-kopteksten. Het blauw trekt de aandacht naar de belangrijke titels, zonder te fel te zijn.
- Tekst (Paragrafen):
- Donkergrijs of zwart (bijvoorbeeld #333333 of #000000): Voor de gewone broodtekst is een donkere, goed leesbare kleur essentieel. Zorg voor voldoende contrast met de achtergrond.
- Donkergrijs of zwart (bijvoorbeeld #333333 of #000000): Voor de gewone broodtekst is een donkere, goed leesbare kleur essentieel. Zorg voor voldoende contrast met de achtergrond.
- Accentkleuren:
- Zacht lila/paars (#B19CD9): Gebruik deze kleur voor:
- Knoppen (bijvoorbeeld “Lees meer” of “Contact”).
- Links (zowel onbezocht als bij hover).
- Kleine accenten, zoals icoontjes of dividers.
- Zacht, gedempt groen (#A8D08D): deze kleur kan optioneel nog gebruikt worden om kleine iconen te kleuren of als een subtiele lijn in de site.
- Zacht lila/paars (#B19CD9): Gebruik deze kleur voor:
- Navigatie (Menu):
- Achtergrond: Licht, warm grijs (#F5F5F5) of een iets lichtere variant.
- Menu-items: Diep, zacht blauw (#4682B4) voor de actieve pagina, en donkergrijs (#333333) voor de andere menu-items.
- Hover kleur menu-items: Zacht lila/paars (#B19CD9).
- Footers:
- Achtergrond: Een iets donkerdere tint van het lichte warme grijs. bijvoorbeeld #E8E8E8.
- Tekst: Donkergrijs (#333333).
