Dakvensteratwork

Brand Guide

Logo variaties

basis logo
op blauw
zwart-wit logo
op oranje

Typografie

Headlines

H1: 40px (2.5) ff-enzo-web 600

H2: 32px (2) ff-enzo-web 600

H3: 28px (1.75) ff-enzo-web 400

H4: 24px (1.5) ff-enzo-web 400

H5: 20px (1.25) ff-enzo-web 400
H6: 16px (1) ff-enzo-web 400
Body (p)

Bold 16px (1) ff-enzo-web 700 fugiam ut fugitaspicia sunt denia voluptam, ut re, consenis dolore volorep elique secatque et et ut am, temped que eosapis totatur sinto occaboria vendempor adis minciliquam ex ea veliquam reribus esed mo eossit re doluptatem ilist, totat debitas molupta sperror atiatasperum fugit voluptat.

Cursief 16px (1) ff-enzo-web 400 italic Et aliquia spiendel ipis accust estibus dandeli quation sequos veleni simperspit quis eum quidis ut quiat.

Roman 16px (1) ff-enzo-web 400 Acernament. Ut preprat et excerum aut exceruptate volor raecae nobita voluptur, conecto dernati ntiur? Bust, optatem niassitas pro et et landis dolorpori quo commodignis nia cus moloratum, conet labo. Raere, se nectur autempo rionseq uodigna tendist tekstlink. Met estissi tasperion est, solupta tisque excerum sam que vellupt ametur? Illiqui debit alitis ratiisse cone dolorem quunt.

Global syles
Titel

4.6rem ff-enzo-web 600

Kop 1

4rem ff-enzo-web 100

Kop 2

3rem ff-enzo-web 600

 
Chapeau

Chapeau met achtergrondkleur 5px padding

1.375rem ff-enzo-web 400 uppercase

CTA-titel

1.675rem ff-enzo-web 900

Kleuren

Basis kleuren
Oranje
  • RGB: (236, 124, 36)
  • HEX: #EC7C24
  • CMYK: C 0% M 44% Y 78% K 7%
Blauw
  • RGB: (76, 116, 148)
  • HEX: #4C7494
  • CMYK: C 28% M 13% Y 0% K 42%
tekstkleur
Gebroken zwart
  • RGB: (63, 63, 63)
  • HEX: #3F3F3F
  • CMYK: C 0% M 0% Y 0% K 75%
Secundaire kleuren
Licht grijs
  • RGB: (209, 223, 231)
  • HEX: #D1DFE7
  • CMYK: C 9% M 3% Y 0% K 9%
Licht blauw
  • RGB: (164, 180, 204)
  • HEX: #A4B4CC
  • CMYK: C 16% M 9% Y 0% K 20%
Grijsgroen
  • RGB: (116, 140, 148)
  • HEX: #748C94
  • CMYK: C 13% M 3% Y 0% K 42%
groen
  • RGB: (149, 193, 31)
  • HEX: #95c11f
  • CMYK: C 17% M 0% Y 64% K 24%
Warm geel
  • RGB: (252, 180, 68)
  • HEX: #FCB444
  • CMYK: C 0% M 28% Y 72% K 1%

Elementen

Knoppen
Klik hier
  • Standaard: #EC7C24
  • Hover: #FCB444
  • Font: 16px (1) ff-enzo-web 600
  • Border-radius: 5px
  • Padding: 10px 20px 10px 20px
Klik hier
  • Standaard: #4C7494
  • Hover: #FCB444
  • Font: 16px (1) ff-enzo-web 600
  • Border-radius: 5px
  • Padding: 10px 20px 10px 20px
Klik hier
  • Standaard: #EC7C24
  • Hover: #FCB444
  • Font: 16px (1) ff-enzo-web 600
  • Border-radius: 5px
  • Padding: 10px 20px 10px 20px
Formulieren
  • Label: 16px (1) ff-enzo-web 400 #3F3F3F
  • Field: 16px (1) ff-enzo-web 400 #748C94
  • Border: Onder 1px
  • Button: Zie knoppen
CTA's

CTA titel

CTA tekst
Klik hier
  • Titel: 1.675rem ff-enzo-web 900
  • Tekst: 1rem ff-enzo-web 400
  • Button: Zie knoppen
  • Overlay: #4C7494
Iconen
  • Font Awesome 5