Marken- und Designleitfaden
Bitte nutzen Sie unseren Designleitfaden für Blogbeiträge, Social-Media-Beiträge usw.
Logos
Verwenden Sie die Schriftart Roboto BOLD für den Text des Hipcall-Logos.
Hipcall-Logo ohne Text
Hipcall-Logo-Text
Hipcall-Logo ohne Text dunkler Hintergrund
Schriftarten
Roboto-Schriftart verwenden
Farbe
Primär
- 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
Sekundär
- 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
Achtung
- 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
Warnung
- 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
Erfolg
- 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
Bilder & Banner
Beispiel 1
Beispiel 2