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

Hipcall Banner 1

Voorbeeld 2

Hipcall Banner 2