Diseño Multimedia

El uso de color ayuda a resaltar elementos importantes, crear una composición más atractiva y hacer que la lectura del usuario sea más intuitiva. Las paletas de color vigentes se pueden consultar en la sección Comunicación visual.

Para crear una paleta de colores que sea adecuada para la mayor parte de nuestros Clientes, pueden consultarse las herramientas de accesibilidad en esta sección, para verificar la legibilidad de los contenidos. 

Dependiendo del canal, el objetivo de comunicación, entre otros factores, se podrán utilizar los siguientes elementos gráficos para apoyar la comunicación de un mensaje. Los más comunes son:

• Íconos: BanCoppel cuenta con íconos para cada uno de sus productos, funcionalidades del sitio web y de la App BanCoppel.

• Ilustraciones: Sirven para reforzar el mensaje, pueden tener o no personajes. Deberán desarrollarse dentro de los lineamientos de la marca o usando el sistema de diseño Coltrane.

• Fotografías: Tienen que reflejar a quién le estamos hablando y ser de utilidad para transmitir el mensaje de una manera más clara.

• Figuras geométricas: Líneas, cuadrados, círculos, etc. 

Los textos que se utilicen sobre el gradiente BanCoppel deberán estar en color blanco a excepción de los siguientes casos:

• Resaltado: Se aconseja el uso de un color secundario solo para resaltar elementos importantes como subcopys o keywords. 

• Hipervínculos: En la mayoría de los sitios web, los hipervínculos están resaltados en color azul y subrayados, por lo que gran parte de nuestros Clientes están acostumbrados a verlos en un color distinto que indica que el texto es clicable.

El uso de color ayuda a resaltar elementos importantes, crear una composición más atractiva y hacer que la lectura del usuario sea más intuitiva. Para crear una paleta de colores que sea adecuada para la mayor parte de nuestros Clientes, pueden consultarse las herramientas de accesibilidad en esta sección, para verificar la legibilidad de los contenidos.

RGB: Para contenidos digitales (web, App BanCoppel, video, animación, redes sociales, ATM, etc.).

• Hexadecimal: Para contenidos digitales (web, App BanCoppel, video, animación, redes sociales, ATM, etc.).

• CMYK: Impresos.

• Pantone: Impresos, pintura en Sucursales.

Las tipografías institucionales de BanCoppel son Futura Std y Circular en sus diferentes variantes que pueden funcionar para jerarquizar la información en distintos canales. Por ejemplo, es distinto cómo se utilizan los pesos de la tipografía en un impreso que en un video. En el video, el peso de la tipografía debe de ser mayor para ser legible de un modo más fácil. 

La relevancia que se le da a cada texto es una manera de mostrarle a nuestros Clientes lo que queremos comunicarle. Dentro de los materiales multimedia, podremos encontrar distintos tipos de texto que pueden categorizarse en: 

• Headers: El mensaje más relevante, es lo primero que queremos que lea el Cliente. 

• Subcopy: Texto secundario, debe reforzar la idea del header.

• Cuerpo del texto: Contiene información más detallada. Cuando atraemos la atención del Cliente, debe de leer esta parte del mensaje para entender la información completa.

• Call to action: Invita al Cliente a realizar una acción como hacer clic, acudir a Sucursal, llenar un formulario, etc. Es común usarlos dentro de botones o elementos clicables.