Merk- en ontwerpgids
Gebruik onze ontwerpgids voor blogpost, social media post, etc.
Logo’s
Gebruik Roboto BOLD lettertype voor hipcall logo's tekst.
Hipcall logo zonder tekst
Hipcall logo tekst
Hipcall logo zonder tekst donkere achtergrond
Lettertypen
Roboto-lettertype gebruiken
Kleuren
Primair
primary-50 - HEX: #D8E4EE
primary-100 - HEX: #B3CADF
primary-200 - HEX: #80A7CA
primary-300 - HEX: #4e7dc7
primary-400 - HEX: #3574AB
primary-500 - HEX: #1B62A0
primary-600 - HEX: #025196
primary-700 - HEX: #024988
primary-900 - HEX: #02315A
Secundair
secondary-50 - HEX: #FEEAC9
secondary-100 - HEX: #FDE2B6
secondary-200 - HEX: #FDDCA5
secondary-300 - HEX: #FDD694
secondary-400 - HEX: #FDCF82
secondary-500 - HEX: #FDC870
secondary-600 - HEX: #FCBA4C
secondary-900 - HEX: #402902
Gevaar
danger-50 - HEX: #F5DEDF
danger-100 - HEX: #EABEC0
danger-200 - HEX: #DC9295
danger-300 - HEX: #CE666B
danger-400 - HEX: #C75055
danger-500 - HEX: #C03A40
danger-600 - HEX: #B9242B
danger-900 - HEX: #8D1C21
Waarschuwing
warning-10 - HEX: #FEF4E3
warning-50 - HEX: #FDEDD9
warning-100 - HEX: #FBDBB3
warning-200 - HEX: #F8C380
warning-300 - HEX: #F5AB4D
warning-400 - HEX: #F39F33
warning-500 - HEX: #F19319
warning-600 - HEX: #F08700
warning-900 - HEX: #704000
Succes
success-10 - HEX: #EBF1E5
success-50 - HEX: #E3ECDA
success-100 - HEX: #C7D8B5
success-200 - HEX: #A2BE84
success-300 - HEX: #7DA453
success-400 - HEX: #699739
success-500 - HEX: #578A21
success-600 - HEX: #447D08
success-900 - HEX: #2F5606
Foto's & Banners
Voorbeeld 1
Voorbeeld 2
Files