Manual de Marca Bancanet
2020
Contenido 1. Propuesta de valor 2. Nuestro logo 3. Tono de la comunicaciĂłn 4. Color 5. TipografĂa 6. Iconos 7. Composiciones
1. Propuesta de valor
Propuesta de valor Bancanet permite que la interacción digital con las diferentes soluciones de Banco LAFISE sea sencilla, segura y rápida. Su principal objetivo es otorgar a los clientes una experiencia eficiente y efectiva que les ahorre tiempo en sus transacciones, a la vez que se toma en cuenta su valoración de ésta para trabajar continuamente en la satisfacción tanto de sus expectativas como sus necesidades, permitiendo una mejora constante de sus funcionalidades.
2. Nuestro Logo
Nuestro Logo Está diseñado para reflejar la madurez que ha alcanzado la plataforma después de casi una década de evolución y mejoras continuas. Los trazos de las letras inclinadas y estilizadas reflejan el dinamismo propio de la tecnología, siguiendo así la tendencia actual que implica una mejor apreciación de éste en las plataformas digitales. La unión entre las letras C y A apela a la integración de Centroamérica. El uso de las flechas complementa el movimiento hacia delante, confiriéndole la percepción de avance y el carácter innovador que forma parte del compromiso para entregar siempre la mejor experiencia en cada interacción digital.
Manual de Marca Bancanet V1 2020
x
Área de seguridad
Usos incorrectos
No distorcionar
No quitar elementos
No colocar sobre fotografía
No usar trazo
Bancanet No usar degradados
No cambiar tipografía
No usar sombras/Iluminaciones
No alterar el tamaño establecido
No girar
No cambiar el color
No cambiar el color del fondo
No aplicarlo dentro de elementos gráficos no aprobados
Manual de Marca Bancanet V1 2020
Versiรณn positivo/negativo
Manual de Marca Bancanet V1 2020
3. Tono de la comunicaciรณn
Tono de la comunicación Cubre lo que decimos y dirige cómo lo decimos, creando consistencia y claridad en la identidad
1. Apasionado Es entusiasta y orientado a la acción.
verbal de LAFISE. Nuestras experiencias, sean a través de servicios o comunicaciones deberán hacer que nuestros clientes se sientan empoderados, informados y
2. Auténtico Es genuino, atractivo, directo.
apoyados. Por lo tanto, nuestro tono de la
3. Actual
comunicación deberá ser:
Está al tanto de las tendencias, se adapta a las nuevas tecnologías.
Manual de Marca Bancanet V1 2020
Tono de la comunicación
Tipo de tono
1. Apasionado
Descripción
Buenas prácticas
Malas prácticas
Estamos muy comprometidos
Utilizar verbos de acción como
Ser poco convincente, sin
con nuestra gente y el
“liderar”, “transformar”,
emotividad, usando una voz
desarrollo de nuestros países,
“construir”, “aportar” y “cambiar”.
pasiva que no genera
apasionados por hacer cambios que agreguen valor y hagan una diferencia a través de nuestros productos y servicios.
Manual de Marca Bancanet V1 2020
emociones.
Tono de la comunicación
Tipo de tono
2. Auténtico
Descripción
Buenas prácticas
Malas prácticas
Te brindamos las herramientas
Ser honesto y directo. Asumir los
Utilizar terminología técnica, o
para un manejo financiero
errores propios y las debilidad
abusar de los superlativos.
efectivo, acompañado de una
mostrando cómo las podemos
Prometer lo que no se puede
asesoría financier basada en
resolver.
cumplir o exagerar las
nuestra experiencia,
características de los
conocimientos y el
productos.
entendimiento de tus necesidades. Aunque a veces nuestros sistemas presenten alguna falla, tenemos la capacidad de atenderte a través de nuestros diversos canales
Manual de Marca Bancanet V1 2020
Tono de la comunicación
Tipo de tono
3. Actual
Descripción
Buenas prácticas
Malas prácticas
No tenemos miedo a los
Hablar de nuestras ventajas
Utilizar palabras floridas o
cambios, nos gusta la
tecnológicas y poner de
términos rebuscados. Hablarle
tecnología y la innovación,
manifiesto nuestros puntos de
al cliente como si fuese un
gracias a ello ponemos en
innovación de cara al consumidor experto, olvidando el rol
práctica lo que pueda aportar a
y el fortalecimiento de la
mejorar nuestros procesos
organización.
para brindarte mejores experiencias.
Manual de Marca Bancanet V1 2020
educador de la comunicación.
4. Color
3. Color Color principal Verdes complementarios
Verde Esmeralda
Verde LAFISE
Verde Menta
Pantone 7724 CVU
Pantone 3435 CVU
Pantone 7480 CVU
CMYK Mate 86,15, 81, 40 Satinado 93, 24, 85, 68
CMYK Mate 56,0, 55, 0 Satinado 75,0,71,0
RGB 0, 88, 60
RGB 51,186, 117
HEX #00583C
HEX #33ba75
Uso en la composición: 20% - Destaca elementos en la presentación
Uso en la composición: 20% - Destaca elementos en la presentación
CMYK Mate 75,0, 58, 9 Satinado 82, 0, 67, 11 RGB 0,136, 102 HEX #008866 Color principal de la marca Uso en la composición: 100% - Titulares - Barra de información inferior - Fondos sólidos
Manual de Marca Bancanet V1 2020
Colores secundarios
Detalles de elementos en la composición
Textos
Azul
Amarillo
Gris
Pantone 540 CVU
Pantone 143 C Pantone 129 U
80% Gris
CMYK 100, 86, 38, 30 RGB 28, 50, 88 HEX #1c3258 Su uso se límita para detallar un 20% de los elementos de la composición
Manual de Marca Bancanet V1 2020
CMYK 2, 38, 98, 0 RGB 244, 173, 61
RGB 77, 77, 77 HEX #4d4d4d
HEX #f4ad3d Su uso se límita para detallar un 20% de los elementos de la composición
Uso para bloques de texto
Color en fondos
Principal
Secundario
#f
#f5f5f5
Blanco
Gris claro
Manual de Marca Bancanet V1 2020
Terciario
#008866
Verde esmeralda Bancanet empresas
5. Tipografía
Tipografía Open Sans es la tipografía seleccionada para la marca LAFISE, su uso podrá ser empleado en sus pesos: Light, Bold, Semibold y Regular. Solo podrá ser sustituida por la tipografía Segoe UI en medios como presentaciones Power Point, cartas, formularios impresos, notas de prensa y todo medio donde Open Sans no se encuentre disponible. La tipografía seleccionada deberá ser respetada en toda publicación para reforzar la imagen y personalidad de la marca. Su uso correcto crea unidad y consistencia.
Manual de Marca Bancanet V1 2020
TipografĂa
Manual de Marca Bancanet V1 2020
Composiciรณn de los textos Ejemplo 1 40pt Open Sans Regular 16pt Open Sans Light
Ejemplo 3
Lorem ipsum Lorem ipsum dolor sit azmet
Ejemplo 2 35pt Open Sans Semibold 16pt Open Sans Light
Lorem ipsum Lorem ipsum dolor sit amet
Manual de Marca Bancanet V1 2020
25pt Open Sans Bold 18pt Open Sans Light
Lorem ipsum Lorem ipsum dolor sit azmet
Composiciรณn de los textos
Manual de Marca Bancanet V1 2020
6. Iconos
Diseño de iconos Hemos creado nuestro propio sistema de iconos, con el objetivo de generar consistencia regional, mantener una solida línea gráfica y diferenciarnos de la competencia. Definimos tipos de elementos visuales en los cuales estaremos basando la reproducción de nuestra marca: 1- Iconos 2- Micro ilustraciones
Manual de Marca Bancanet V1 2020
Iconos Su estilo es adecuado para formatos pequeños dentro de una
Ejemplos:
composición. Propiedades generales - Son sólidos o pueden contener de uno a tres elementos
Relleno Sólidos
1 elemento
2 elementos
3 elementos
Redes
1 elemento
2 elementos
3 elementos
Redes
- Se permiten utilizar únicamente los 3 colores verdes principales de LAFISE y su uso en negativo/positivo. - Contienen trazos con puntas semiredondas de 30 px - Se usan con estilo relleno y también con trazo Ejemplo de usos - Eproms y footers web - Redes sociales - Papelería - Información de contacto - Tarjetas de presentación - Carnets, entre otros...
Manual de Marca Bancanet V1 2020
Trazo Sólidos
Orientaciones para el diseño de iconos Sólidos
- Trabajarlos en un formato de 1200 x 1200 px. - Aplicar a los iconos sólidos uno de los tres colores principales de nuestra marca.
Guías Verticales
- Aplicar a los iconos de trazo un grosor de 75 pt, ya sean elementos interiores o exteriores. - Adaptar los iconos a las líneas guías verdes que están dentro de la retícula para mantener las proporciones de altura y anchura en formato vertical y horizontal. - Usar una redondez de trazo de 30 px en todas las esquinas y rincones. - Valorar visualmente el peso de ellos para poder obtener un equilibrio similar y constante en todos.
Manual de Marca Bancanet V1 2020
Guías Horizontales
Trazo
Micro ilustraciones Ejemplos:
Su estilo es adecuado para infografías, páginas web, presentaciones, entre otros. Identificamos propiedades básicas que deben respetarse y mantenerse en nuestras micro ilustraciones como:
38 pt Estilo y grosor de Trazo
Uso de Colores
Elementos internos
Sombras
Propiedades generales - El trazo es semiredondo con un porcentaje de 30px - Estan compuestos por 4 colores derivados de los 3 verdes principales LAFISE - Contienen de 3 a 6 elementos o detalles - Contienen sombras circulares en el elemento base
Manual de Marca Bancanet V1 2020
Orientaciones para el diseño de micro ilustraciones Hemos creado términos que especifican las propiedades de color y estilo que deben tener nuestras micro ilustraciones. Establecimos dos versiones de color mediante un lenguaje amigable y práctico.
Significado de los términos:
T
Trazo
T
Trazo
R S1
Relleno
R
Relleno
S1
S2
Sombra 1 Sombra 2
S2
Sombra 1 Sombra 2
ED
Elementos destacados
ED
Elementos destacados
Versión de color 1
Manual de Marca Bancanet V1 2020
Versión de color 2
Colores micro ilustraciones Gama de verdes para micro ilustraciones en
Gama de grises para micro ilustraciones en
medios digitales
medios digitales
#00583C
#008866
#69a880
#FFFFFF
#00583C
#A7A5A6 #008866
#02a073
#E1E1E1
#F4F4F4
Versiรณn de color 1
Manual de Marca Bancanet V1 2020
Versiรณn de color 2
Ejemplos T
T S1
T R S1 S2
Versiรณn de color 1
ED
ED
S1
ED
S2
S2
S1 T
T T R S1
Versiรณn de color 2
S2
ED
S1
Manual de Marca Bancanet V1 2020
ED
ED
S2
S1
S2
Colores secundarios en las micro ilustraciones Definimos colores secundarios para complementar nuestras micro
Posición establecida para icono secundario
ilustraciones, los cuales serán empleados en círculos con iconos sólidos que complementen la idea general.
Se permite utilizar el icono secundario en la esquina que permita un mejor
Colores:
peso visual de la micro ilustración.
Retícula de icono circular:
Aplicación: Advertencia #f4ad3d
Informativo #00abec
Aprobado/ Positivo #33ba75
Error #d43c37c
- Limitar su uso
Manual de Marca Bancanet V1 2020
7. Composiciones
Composiciones
Ejemplo con formato 1200 x 1200 px
La presentes normas establecen el estilo que se debe emplear para las composiciones de Bancanet definiendo: 1- Composición base estratégica 2- Uso de imágenes con el isotipo (Variaciones) 3- Uso de texto en la composición (Variaciones) 4- Uso de elementos gráficos complementarios 5- Variaciones en formatos principales
Manual de Marca Bancanet V1 2020
Descubra Lo ágil y sencillo que es usar Bancanet
ComposiciĂłn base estratĂŠgica Estandar
Superior
Central
Ejemplo con formato 1200 x 1200 px
Manual de Marca Bancanet V1 2020
Inferior
Uso de imágenes con el isotipo Orientaciones para diseñar imágenes con el estilo de Bancanet: 1- La imágen pueden contener una persona o un elemento que destaque el concepto de la pieza publicitaria. 2- Este elemento o imagen tiene que contener el estilo que se presenta en el ejemplo, básicamente la imágen contiene una máscara de recorte del isotipo y ademas presenta recortes que sobresalen del mismo. 3- Procurar que estos recortes o detalles se mantengan siempre sin que se pierda la forma del isotipo. 4- Si se va a colocar una imagen con persona esta deberá mantener las mismas proporciones físicas del cuerpo tomando como referencia el plano fotográfico del ejemplo presente. 5- Evitar incluir colores corporativos de la competencia en las imágenes. Manual de Marca Bancanet V1 2020
Estandar Ejemplo con formato 1200 x 1200 px
Variaciones Estandar
Superior
Central
Ejemplo con formato 1200 x 1200 px
Manual de Marca Bancanet V1 2020
Inferior
Uso de texto en la composición
Estandar Ejemplo con formato 1200 x 1200 px
Orientaciones para usar la tipografía adecuada en Bancanet: 1- La familia tipográfica de Banco LAFISE y Bancanet es Open Sans. 2- El texto de las composiciones esta compuesto por un título de 57 pt y un subtítulo de 32 pt, tomando como referencia un formato 1200 x 1200 px. 3- El color del texto puede ser el gris o el esmeralda corporativo, en caso de que el fondo sea verde esmeralda este puede ser color blanco. 4- Se debe respetar la cuadrícula de 20% texto, en sus variaciones disponibles.
Manual de Marca Bancanet V1 2020
Descubre Lo ágil y facil que es usar Bancanet
Variaciones de texto en composiciones Estandar
Inferior
Inferior/Superior central 1 Lorem ipsum Lorem ipsum dolor sit
Superior Lorem ipsum dolor Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Lorem ipsum Lorem ipsum dolor sit amet consectetuer
Lorem ipsum dolor Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
2 Lorem ipsum Lorem ipsum dolor sit
Ejemplo con formato 1200 x 1200 px
Manual de Marca Bancanet V1 2020
Elementos complementarios
Ejemplo con formato 1200 x 1200 px
Orientaciones para usar elementos complementarios en Bancanet: Definimos elementos complementarios a los gráficos secundarios que se incorporan a ser parte de las composiciones de Bancanet, estas son piezas que según el manual de marca de Banco LAFISE se deben colocar para mantener un lineamiento general en todos los productos, tales como: 1- El Isotipo de Banco LAFISE 2- El icono relleno que complementa el texto (Opcional) 3- El Logo del subproducto (De ser necesario)
Manual de Marca Bancanet V1 2020
Descubra Lo ágil y sencillo que es usar Bancanet
Ejemplos de composiciรณn en otros formatos Banners web
Medidas: 1900 x 505 px
Manual de Marca Bancanet V1 2020
Ejemplos de composiciรณn en otros formatos Banners app
Medidas: 640 x 360 px
Divisiones
Imagen con secuencia
Manual de Marca Bancanet V1 2020