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 — op lichte achtergrond
Wit — op gradient achtergrond
Wit — op zwarte achtergrond
Secundair logo
Origineel — op lichte achtergrond
Wit — op gradient achtergrond
Wit — op zwarte achtergrond
Avatar/Favicon
Origineel — op lichte achtergrond
Wit — op gradient 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.
