Brand guidelines

Wij staan voor je klaar.

Our logo

4CEE heeft een primair en een secundair logo. Het primaire logo is de standaardvariant. Het secundaire logo, met de tagline Your Finance in Flow, gebruik je waar die tagline extra waarde toevoegt — bijvoorbeeld op whitepapers en brochures. Staat de tagline al prominent in de tekst of het ontwerp, zoals op de hero van de website, kies dan voor het primaire logo.

 

Is er te weinig ruimte voor een volledig logo? Gebruik dan de avatar/favicon.

Primair logo

Origineel logo op lichte achtergrond
Origineel — op lichte achtergrond
Wit logo op gradient achtergrond
Wit — op gradient achtergrond
Wit logo op zwarte achtergrond
Wit — op zwarte achtergrond

Secundair logo

Origineel secundair logo op lichte achtergrond
Origineel — op lichte achtergrond
Wit secundair logo op gradient achtergrond
Wit — op gradient achtergrond
Wit secundair logo op zwarte achtergrond
Wit — op zwarte achtergrond

Avatar/Favicon

Origineel avatar op lichte achtergrond
Origineel — op lichte achtergrond
Witte avatar op gradient achtergrond
Wit — op gradient achtergrond
Witte avatar op zwarte achtergrond
Wit — op zwarte achtergrond
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.
  • Gebruik voor drukwerk altijd de aparte CMYK-versie van het logo — nooit de RGB-versie printen.
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.
  • Het RGB-logo van deze pagina gebruiken in drukwerkuitingen.

Our typography

4CEE gebruikt drie lettertypen, elk met een eigen rol. Onest is de basis en wordt gebruikt voor vrijwel alle tekst, van koppen tot body. Instrument Serif italic is een accent en wordt spaarzaam ingezet, uitsluitend in de h1 titels binnen marketinggerelateerde media-uitingen. Aptos is het standaard Microsoft lettertype en wordt alleen gebruikt voor interne documenten.
AaBbCc
Onest
AaBbCc
Instrument Serif italic
AaBbCc
Aptos — intern
Onest Medium Instrument serif Italic+4
Hero headline
Onest 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 Medium
Secundaire 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 tekst in alle marketinggerelateerde media-uitingen.
  • Instrument Serif italic alleen gebruiken in de h1-titels binnen de marketinggerelateerde media-uitingen.
  • Gebruik Aptos, het standaard Microsoft-lettertype, voor alle interne documenten.
Incorrect gebruik
  • Instrument Serif voor een hele zin of paragraaf.
  • Andere lettertypen dan Onest, Instrument Serif of Aptos.
  • Instrument Serif of Onest in interne documenten.

Our Colours

Onze kleuren maken 4CEE herkenbaar en zorgen voor een consistente uitstraling over alle uitingen heen. Het palet bestaat uit neutrale kleuren voor tekst en achtergronden, merkkleuren voor belangrijke elementen en accenten, en actiekleuren voor call-to-actions. Gebruik voor digitale toepassingen altijd de RGB-waarden; voor drukwerk gelden de CMYK-waarden uit de brandguide.

Neutrale kleuren

Deep Black #030024
Off White #FAFAFA
Just White #FFFFFF
Surface #F4F4FE · #E5E4F3

Merkkleuren

Kernkleuren

Proud Purple #6A3FC8
Bold Blue #3037BF

Accentkleuren

Lotus Blue #6E7FFB
Turquoise #3DCDAD

Contrastkleur (visueels en iconen)

Deep Purple #231C74

Actiekleuren

Primaire CTA #FFCD3F
Secundaire CTA (gradient) #6A3FC8 · #3037BF · #6E7FFB

Lijnen

Inactief #CED3FA
Actief / hover #6E7FFB
Correct gebruik
  • Gebruik altijd de exacte hex-codes uit dit overzicht — nooit approximaties.
  • Gebruik RGB voor digitale toepassingen; raadpleeg de brandguide voor de bijbehorende CMYK-waarden bij drukwerk.
  • De brand gradient loopt altijd van Proud Purple via Bold Blue naar Lotus Blue.
  • Speel met de opacity én richting van de surface-gradient voor hiërarchie en variatie.
  • Gebruik surface-kleuren op een lichte achtergrond.
  • Gebruik geel uitsluitend voor de belangrijkste CTA, maximaal 1 keer in beeld.
  • Gebruik de felle lijnkleur (#6E7FFB) voor actieve of belangrijke elementen; de lichte lijnkleur (#CED3FA) is de standaard voor neutrale scheiding.
Niet doen
  • Kleuren buiten dit palet gebruiken of de gradient in een andere richting toepassen.
  • Geel vaker dan 1 keer in beeld gebruiken, of inzetten voor grote achtergrondvlakken en secundaire buttons.
  • Zelf CMYK-waarden benaderen of afleiden van de RGB-hex — gebruik de exacte codes uit de brandguide.
  • Surface-kleuren op gekleurde of donkere achtergronden gebruiken — rgba-transparantie maakt de kleur dan onvoorspelbaar.
  • Meer dan twee surface opacity-niveaus binnen één sectie — dit geeft een rommelig beeld.