Brandhub

Drop Image
LOGO
Drop Image
COLORS
Optimistic Orange
hex:  #FA460E
rgb:  250 / 70 / 14
Balanced Beige
hex:  #F6F2EA
rgb:  246 / 242 / 234
Wise White
hex:  #FFFFFF
rgb:  255 / 255 / 255
Glowing Green
hex:  #EBF778
rgb:  235 / 247 / 120
Soft Green
hex:  #EDF4AC
rgb:  237 / 244 / 172
Grounded Green
hex:  #0C403C
rgb:  12 / 64 / 60
Drop Image
BRAND ASSETS
Favicon
Email handtekening
Drop Image
BRAND ELEMENTS
Star Element

Het ster-element dient als een uniek visueel herkenningspunt en wordt altijd toegepast op de overgang tussen twee vlakken. In de praktijk gebruiken we hiervoor altijd de helft van de ster.

Hoe te gebruiken

Plaats de ster altijd op de snijlijn (de rand) van een foto of een kleurvlak om deze subtiel uit te lichten en een organische verbinding te creëren tussen verschillende lay-out-elementen.

Er zijn twee officiële toepassingsmethoden:

1. De Positieve Vorm (Toevoeging):

Je plaatst een gekleurd ster-element bovenop de scheidingslijn van twee vlakken. Dit werkt goed als subtiel accent.

2. De Negatieve Vorm (Uitsnede):


Je "snijdt" de vorm van de ster uit een kleurvlak of foto, waardoor het achterliggende vlak zichtbaar wordt. Dit creëert een speels doorkijkeffect en geeft diepte aan het ontwerp.

Design Tip: Let op de balans. Gebruik het element als een subtiele 'ankerplaats' voor het oog; het moet de compositie ondersteunen, niet overstemmen. Plaats in lijn met typografie of gecentreerd in een kleurvlak of foto.

Drop Image
GEBRUIK VOORBEELDEN VAN STER ELEMENT
Drop Image
PHOTOGRAPHY
Drop Image
Drop Image
Drop Image
Drop Image
Drop Image
Drop Image
Drop Image
Drop Image
Drop Image
Drop Image
Drop Image
Drop Image
Drop Image

De fotodatabase is op dit moment nog flexibel en kan in samenspraak samen worden aangevuld.

Drop Image
TYPOGRAPHY
Titels

Calendas plus in KAPITALEN is ons primaire font voor de belangrijkste koppen / titels van je communicatie.

Gebruik:

  • Hoofdtitels. Vaak titels bovenaan webpagina’s of andere communicatie / documenten.

Stijlrichtlijn

  • Wordt altijd volledig in KAPITALEN geschreven voor een statige en heldere uitstraling.
Spice it up met italics

Een verfijnde variant om dynamiek aan onze koppen toe te voegen.


Gebruik

  • Exclusief bedoeld om specifieke woorden uit te lichten binnen een titel die in Calendas Plus Regular staat.


Stijlrichtlijn

  • Wordt eveneens volledig in KAPITALEN geschreven. Door één of een aantal woorden cursief te maken, leggen we de nadruk op de essentie van de boodschap in de titel.
AA
CALENDAS PLUS REGULAR
AA
CALENDAS PLUS ITALIC
Functioneel & Body font

Dit is ons meest veelzijdige font, gericht op optimale leesbaarheid en structuur.

Gebruik

  • Bodycopy: Alle doorlopende teksten en alinea’s.
  • Subtitels: Tussenkoppen die de tekst opbreken.
  • Secundaire Titels: Titels die verderop in een document of op een webpagina verschijnen.

Stijlrichtlijn

  • Wordt in 'Sentence case' (normale hoofdlettering) gebruikt.
Aa
Bricolage Grotesque
Engineering & Technische Communicatie

Barnegat Regular is een karakteristiek font dat exclusief wordt ingezet voor de technische tak van ons merk. Het robuuste design onderstreept de precisie en de vakkundigheid van onze engineering-projecten.

Toepassing

  • Titels & Koppen
  • Uitsluitend voor de engineering-secties op de website en communicatie richting de technische doelgroep.

Stijlrichtlijn

  • Wordt altijd in KAPITALEN (ALL CAPS) geschreven voor een krachtig en stabiel beeld.
  • Niet gebruiken voor lopende tekst (body copy); hiervoor gebruiken we de Bricolage Grotesque.
Aa
BARNEGAT
Drop Image
ICONOGRAPHY
Community
Specialist
Growth Mindset
Entrepeneurship
Purpose Aligned
Allround
Purpose

Hier moeten we nog de "seal" toevoegen. Maar wellicht ook hier in samenspraak wat we hier mee willen; wel of niet. En welk icoon dan het beste past.

Drop Image
BRAND EXAMPLES
Drop Image
Drop Image