Stijlelementen + Slagzinnen
Opmerking: Het Pitch Perfect geel is te gebruiken naar eigen inschatting. Te veel van deze kleur kan overkill zijn.
Deze kleur wordt ook gebruikt voor:
- Logo
- Slagzinnen
- Stijlelementen
- Kleurvlakken
- Iconen
- Animaties
- Knoppen
- Bullets lijsten
Hex: #FBB94D
rgb(251,185,77)
Titles
Titels in eerste lijn.
Font: “Work Sans”
Opmerking dit gaat om titels in blogs / Landingspagina’s. De titels op de website pagina’s zijn meestal dezelfde kleur als de kleur van doorlopende tekst (zie onderaan)
Deze kleur wordt ook gebruikt voor:
- Hover animaties van de knoppen.
Hex: #4985C0
rgb(73,133,192)
Quotes, knoppen
Voorbeeld van een quote.
Tekstkleur van quotes
Font: “Work Sans”
Deze kleur wordt ook gebruikt voor:
- Secundaire kleur in het design
- Pre-titel bovenaan pagina
- Alle blauwe stijlelementen
- Tekstballon kaders voor extra info
Hex: #5CB6E9
rgb(92,182,233)
Kleurvlakken
Voorbeeld van een quote.
Achtergrondkleur van stijlvlakken op de website
Deze kleur wordt ook gebruikt voor:
- Achtergrond bij quotes
- Achtergrond kleur van de footer
- Achtergrond kleur van de sidebar
Hex: #F2F7FA
rgb(242,247,250)
Subtitels en ondertitels
Voorbeeld van een ondertitel
Titels van type H3
Font: “Work Sans”
Hex: #999999
rgb(153,153,153)
Doorlopende tekst
Doorlopende tekst
Font: “Roboto”
Opmerking: In geschreven comminicatie die voornamelijk tekst based is, mag dit ook gewoon zwart zijn (#000000, rgb(0,0,0))
Hex: #333333
rgb(51,51,51)