Guía de marca y diseño

Logos

Utilice la fuente Roboto BOLD para el texto del logotipo de Hipcall.

Logotipo de Hipcall sin texto

Texto del logotipo de Hipcall

Logotipo de Hipcall sin texto fondo oscuro

Fuentes

Usar fuente Roboto

Colores

Primario

• 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

Secundario

• 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

Peligro

• 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

Advertencia

• 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

Éxito

• 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

Fotos y Banners

Ejemplo 1

Ejemplo 2