Guide de la marque et du design

Veuillez utiliser notre guide de conception pour les articles de blog, les publications sur les réseaux sociaux, etc.

Logos

Utilisez la police Roboto BOLD pour le texte du logo Hipcall.

Logo Hipcall sans texte

Texte du logo Hipcall

Logo Hipcall sans fond sombre

Polices

Utiliser la police Roboto

Couleurs

Primaire

  • 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

Secondaire

  • 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

Danger

  • 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

Avertissement

  • 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

Succès

  • 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

Photos et bannières

Exemple 1

Hipcall Banner 1

Exemple 2

Hipcall Banner 2