Brand guidelines

Primair logo

Origineel logo op lichte achtergrond
Origineel — lichte achtergrond
Wit logo op gradient achtergrond
Wit — gradient achtergrond
Wit logo op zwarte achtergrond
Wit — zwarte achtergrond
Zwart logo op witte achtergrond
Zwart — indien gewenst

Secundair logo

Origineel secundair logo op lichte achtergrond
Origineel — lichte achtergrond
Wit secundair logo op gradient achtergrond
Wit — gradient achtergrond
Wit secundair logo op zwarte achtergrond
Wit — zwarte achtergrond
Zwart secundair logo op witte achtergrond
Zwart — indien gewenst

Avatar

Origineel avatar op lichte achtergrond
Origineel — lichte achtergrond
Witte avatar op gradient achtergrond
Wit — gradient achtergrond
Witte avatar op zwarte achtergrond
Wit — zwarte achtergrond
Zwarte avatar op witte achtergrond
Zwart — indien gewenst
Correct gebruik
  • Logo altijd op een achtergrond met voldoende contrast.
  • Geef het logo altijd voldoende vrije ruimte rondom.
  • Bij te kleine formaten: schakel over op de avatar in plaats van het logo te verkleinen.
  • Avatar en logo worden nooit samen gebruikt — kies de één of de ander.
Incorrect gebruik
  • Niet plaatsen op achtergronden zonder voldoende contrast.
  • De tagline aanpassen, verplaatsen of vervangen door een eigen tekst.
  • Het logo vervormen, roteren, van een outline voorzien of ongelijkmatig schalen.
  • Een eigen kleur toevoegen of het logo te klein gebruiken.
  • Avatar naast het primaire of secundaire logo plaatsen.

Our typography

AaBbCc
Onest
AaBbCc
Instrument Serif italic
Onest Semi bold Instrument serif Italic+4
Hero headline
Onest semi Medium Instrument serif Italic+4
Main headline
Onest Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Onest Medium
Subheading
Onest Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Correct gebruik
  • Gebruik Onest voor alle tekst — koppen, body, labels en knoppen.
  • Instrument Serif italic alleen voor 1–3 woorden als accent in een marketingkop.
  • Aptos gebruiken voor alle interne documenten.
  • Voor interne documenten: gebruik Aptos (standaard Microsoft-font).
Incorrect gebruik
  • Instrument Serif voor een hele zin of paragraaf.
  • ALL CAPS in koppen of titels.
  • Andere lettertypen dan Onest, Instrument Serif of Aptos.
  • Instrument Serif in interne documenten.

Our Colours

Primary

Deep Black #060517
Just White #FFFFFF
Surface #F4F4FE · #E4E5FC

Secondary

Proud Purple #6A3FC8
Bold Blue #3037BF
Lotus Blue #6E7FFB
Turquoise #3DCDAD
Deep Purple #231C74

Action

Yellow #FFCD3F
Brand Gradient #6A3FC8 · #4B3BC3 · #3037BF · #6E7FFB

Lines

Inactief #E4E5FC
Actief / hover #6D7EFA
Correct gebruik
  • Gebruik altijd de exacte hex-codes uit dit overzicht — nooit approximaties.
  • De brand gradient loopt altijd van Proud Purple via Bold Blue naar Lotus Blue.
  • Speel met de opacity van het surface-paars voor hiërarchie en variatie.
  • Combineer surface-kleuren altijd met een witte paginaachtergrond zodat de rgba-waarden voorspelbaar blijven.
Niet doen
  • Kleuren buiten dit palet gebruiken of de gradient in een andere richting toepassen.
  • Geel (#FFCD3F) inzetten voor grote achtergrondvlakken of secundaire buttons.
  • Surface-kleuren op gekleurde of donkere achtergronden — rgba-transparantie maakt de kleur dan onvoorspelbaar.
  • Meer dan twee surface opacity-niveaus binnen één sectie — dit geeft een rommelig beeld.