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