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)

Titels

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)