Bankinter identidad visual
Ser y parecer. Nuestra identidad visual. 1. Elementos básicos Versión 0.1 (preliminar)
Entrar >
ión ara c a rm lp Info idencia . conf nterno á i ) ser inar ible m i uso l re on .1, p disp té n0 nte: (versió que es z orta l Imp manua una ve es. o Este plazad licacion p m A e . re rte 2 la pa
Bankinter identidad visual
1
Elementos básicos
1.1 1.2 1.3 1.4 1.5 1.6 1.7
Introducción Logotipo Tipografía Color Estilo fotográfico Tono de voz Principios de diseño
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
1
.1
Introducción
1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Bienvenido 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Este manual ha sido desarrollado para garantizar que los elementos visuales que conforman nuestra identidad – el logotipo, los colores, la tipografía, el estilo fotográfico y el tono de voz – sean aplicados de forma correcta y coherente en todos nuestros mensajes. En él se dan pautas sobre cómo utilizar y combinar los distintos elementos manteniendo la coherencia visual. Este manual te ayudará a entender la idea, los valores y la personalidad de Bankinter. Por eso es muy importante leer y familiarizarnos con su contenido. Con la colaboración de cada uno de nosotros, este manual será una herramienta esencial para que nuestra identidad mantenga su fuerza y no se diluya con el tiempo.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Sobre este manual 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
¿Para quién son estas guías? Son para tí, como parte de Bankinter, como proveedor o socio de nuestra marca. ¿Para qué son estas guías? Estas guías interactivas nos ayudan a asegurar que la manera de presentarnos, como marca, sea siempre: Profesional – el material que producimos refleja nuestro propósito como líderes para destacar en calidad e innovación. Consecuente – debemos actuar en todo momento como un colectivo de confianza. Diferenciada – nuestra comunicación debe impactar. Cada uno de nosotros comparte la responsabilidad de proteger y cuidar nuestra marca. Con nuestro empeño colectivo, en el futuro la marca será un alto valor para todos. Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Nuestra marca es más que un logo 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Para muchas personas y sus compañías la palabra marca tiene exclusivamente connotaciones relacionadas con lo tangible y superficial. Para ellos una marca no deja de ser más que un “logo en una camiseta”. En Bankinter pensamos diferente porque nuestra definición de lo que es una marca va más allá de lo puramente visible. Para Bankinter la marca es:
En Bankinter, lo que podríamos llamar el ADN de nuestra marca se define en tres elementos:
La promesa
Una idea
de una experiencia. Una experiencia basada en la calidad de lo que hacemos.
que resume nuestra esencia, aquello que verdaderamente nos hace diferentes frente a la competencia.
La fuente
Unos valores
de nuestra identidad, de lo que somos. La forma de encapsular nuestra esencia.
que proponen una forma de comportarnos y una personalidad que dicta nuestro estilo y forma de hablar.
El ”contrato”
Una personalidad
emocional y racional que establecemos con
que define una forma de comportarnos y un carácter que dicta nuestro estilo y forma de hablar.
nuestas diferentes audiencias.
Las siguiente secciones de este manual explican en detalle cada uno de estos elementos.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Idea de marca 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
La influencia de la idea de marca producto
La idea de marca es, en esencia, lo que hace que nuestra marca sea mucho más que un simple logo. La llena de contenido al definir la visión que debemos seguir para ser el mejor banco del mundo. La idea de marca es importante porque refleja lo que somos, nos ayuda a evolucionar, nos exige y nos desafía. Igualmente va en contra de la complejidad, los procesos sistemáticos y el status quo de la banca convencional. La idea de marca Bankinter gira en torno a la acción de Pensar, un proceso vital para el banco y lo que nos ha llevado a mantener con constancia ese espíritu que nos hace en España el banco pionero. Hemos sido los primeros en crear la banca por Internet y los primeros en traer el banco al móvil, los primeros en enviar mensajes de texto para confirmar los pagos con tarjeta. Debemos continuar siéndolo.
Para nuestros clientes pensar se traduce en una forma de hacer banca con la innovación relevante que se adapta a su vida y simplifica la forma de gestionar su dinero.
Para nosotros significa un esfuerzo común para construir una ambición compartida. Un desafío para sacar lo mejor de cada uno.
Para la prensa financiera significa ofrecerles siempre un informado, objetivo e influyente punto de vista, decididamente a la vanguardia del sector bancario.
entorno
idea comunicación
piensa
El resultado de saber pensar.
es una forma de generar valor a través de la inteligencia y la originalidad.
Para la comunidad
comportamiento
La idea de marca influye en los cuatro campos de manifestación de una marca.
Para nuestros accionistas
Bankinter es un banco que piensa, para personas que piensan. Un banco especial donde mentes más inquietas que la media encuentran respuestas honestas a todas sus necesidades financieras. Un banco con gente que realmente sabe lo que hace, para gente que sabe lo que quiere. Persuade al experto, pero también atrae al que no es experto, con soluciones pensadas y relevantes, ejecutadas de forma eficiente. Contenidos
Salir
significa involucrarnos de manera inteligente con la sociedad, promoviendo la innovación como herramienta para el desarrollo.
Para nuestros socios es desafiar con originalidad lo convencional y compartir la pasión por el buen pensar y la innovación relevante.
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Valores de marca 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Los valores de Bankinter están en la base de todo lo que hacemos, de lo que decimos. Han de influenciar cada uno de los productos que desarrollamos, las iniciativas que proponemos y quedar plasmados en el resultado final de las mismas. Los valores de la marca nos ayudan a proyectar y reforzar la idea de marca. Estos valores sugieren las pautas que definen el comportamiento que debemos seguir como banco. A continuación te los explicamos uno a uno.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Valores de marca_1 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Inteligencia Un banco que utiliza el conocimiento para sorprender.
Un banco que entiende y comprende mejor que ningún otro banco las necesidades de sus clientes. Un banco que reflexiona y te hace reflexionar. Un banco que demuestra experiencia, habilidad y destreza.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Valores de marca_2 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Innovación relevante Nos anticipamos y cambiamos la forma de ver y hacer las cosas.
En Bankinter, innovar es algo que constantemente confirmamos con hechos. Innovación relevante es apostar por soluciones que realmente mejoran la forma de ofrecer servicios financieros en España.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Valores de marca_3 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Integridad Tenemos claro que somos responsables del impacto de nuestras acciones en la sociedad.
Aunque es algo que se da por hecho en el sector, nos gusta reafirmar nuestra honestidad en la forma de pensar, de hablar y de actuar. Entendemos el verdadero significado de la transparencia y nos esforzamos por demostrarlo cada día.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Valores de marca_4 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Agilidad Detectamos oportunidades de manera rápida y eficaz. Trabajamos constantemente para adelantarnos a las necesidades de cambio de la sociedad y para ser más resolutivos que el resto de los bancos.
Es un valor que se ajusta a nuestra forma de pensar. Un banco con una gran capacidad de encontrar soluciones de manera práctica y ágil.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Valores de marca_5 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Originalidad y provocación Pensamos y actuamos de manera diferente.
Somos tozudamente diferentes, estamos constantemente buscando formas de ser únicos y de salirnos de lo convencional.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Personalidad de la marca 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
La personalidad dicta el estilo de la marca, sugiere una forma de hablar, un tono de voz especial y diferente y una apariencia fácilmente reconocible y memorable, coherente con la idea y los valores de la marca. Nuestra personalidad nos presenta como un banco: • • • • • • • • •
Sofisticadamente sencillo Inteligente e informado Siempre con una opinión marcada Provocador Un poco arrogante, pero nada egocéntrico “Tozudamente diferente” Constante Que se ve como uno solo Con una opinión marcada y altamente considerada dentro del sector
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Arquitectura de marca 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
La arquitectura de marca define y refleja la forma en la que una empresa u organización estructura sus marcas, productos y servicios. En Bankinter, con el objetivo primordial de reforzar y potenciar al máximo el valor de la marca, que es única y global, hemos optado por una reorganización de forma monolítica.
De acuerdo con esto, todo el banco se presenta bajo una sola marca e identifica sus divisiones, canales y productos sólo con descriptores tipográficos.
Esto significa que los productos, servicios o iniciativas no deben tener una identidad visual propia si no que deben identificarse a través de la identidad global de Bankinter.
Arquitectura de marca monolítica (esquema)
A
A1
A2
A3
Arquitectura de marca monolítica significa que la marca corporativa se utiliza para identificar todos los productos y servicios de una organización. No existen otros logotipos o sub-marcas en paralelo.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Arquitectura de marca 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Divisiones, canales e iniciativas El descriptor tipográfico no forma parte del logotipo, si no que se ubica en relación al logotipo en lugares definidos en la comunicación. En este caso el descriptor tipográfico forma un bloque con el logotipo en una composición definida y fija. Para más información por favor consulta la página 1.2.8 de este manual.
Único identificador visual del banco:
Identidad visual independiente
Divisiones, canales e iniciativas
Sociedades independientes
• Banca Privada • Finanzas Personales • Banca Corporativa • Pymes • Agente • Iniciativas
• Gestión de Activos • Capital Riesgo • Seguros de Vida
Contenidos
Salir
Ideas Bankinter
Joint ventures
• Fundación para la innovación
• Capital One • Línea directa
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Expresión visual 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bankinter regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥*
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Bankinter bold ABCDEFGHIJKLMNÑOPQRSTUVWXZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥*
abc
Vista general Cinco elementos básicos forman conjuntamente la identidad visual, y un “look and feel”único.
Cuando ya no trabaje usted podrían hacerlo sus ahorros.
1. Logotipo 2. Tipografía 3. Color 4. Tono de voz 5. Estilo fotográfico
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Introducción
Gestores de marca 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.1.10
Bienvenido Sobre este manual Nuestra marca es más que un logo Idea de marca Valores de marca Personalidad de marca Arquitectura de marca, introducción Arquitectura de marca, detalles Expresión visual Gestores de marca
Si tienes preguntas o comentarios sobre esta guía, los artes finales o simplemente necesitas que alguién te eche una mano, por favor, contacta con los gestores de la marca Bankinter en el buzón: marca@bankinter.es
Elena Fraguas Gadea Directora de Gestión de Marca efraguas@bankinter.es
Yolanda Sanz Rey Ejecutiva Senior de Gestión de Marca ysanz@bankinter.es
Paseo de la Castellana, 29 28046 Madrid
Paseo de la Castellana, 29 28046 Madrid
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
1
.2
Logotipo
1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9
Introducción Logotipo corporativo Zona de protección Usos incorrectos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color
Contenidos
1.2.10 Cobranding 1.2.11 Uso de artes finales 1.2.12 Código de ficheros
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Introducción 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos incorrectos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
El logotipo forma parte de los elementos básicos de la identidad Bankinter y gana impacto utilizándolo junto con el resto de los elementos, creando así un mensaje coherente. El logotipo Bankinter refleja nuestro espíritu y carácter, ya que se ha creado especialmente para que represente nuestros valores y nuestra idea de marca. Es nuestra “firma” y el principal identificador de toda nuesta organización.
El logotipo de 1975
El logotipo nuevo
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Logotipo corporativo 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos incorrectos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
El logotipo Bankinter refleja nuestro espíritu y personalidad. Ha sido diseñado especialmente para que represente nuestros valores y nuestra idea de marca.
El logotipo se deberá reproducir siempre utilizando los artes finales originales y respetando las normas de aplicación que se describen en este manual de elementos básicos.
Las formas únicas de las letras aunan líneas suaves de modernidad y formas angulosas con carácter firme. El punto final expresa contundencia y rotundidad y contrasta con la “b”minúscula que le proporciona un carácter directo, claro y cercano. Este contraste le asegura un aspecto reconocible, muy singular y una excelente legibilidad en todos los tamaños.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Zona de protección 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos incorrectos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
Para que el logotipo conserve su efecto visual, siempre se debe respetar su zona de protección. Ésta equivale a la altura de la letra “b”del logotipo, alrededor del mismo. Este espacio no debe ser invadido por elementos adyacentes, ya sean texto, fotografías u otras marcas.
Tamaño mínimo: 15 mm 15 mm
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Usos incorrectos 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos incorrectos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
El uso incorrecto del logotipo Bankinter daña el impacto de nuestra comunicación, ya que de esta forma mandamos un mensaje incoherente a nuestras audiencias. Sólo es correcto lo que está explícitamente descrito en este manual. Cualquier variante de color, orientación, proporción o combinación es incorrecta y por tanto está prohibida.
No distorsionar el logotipo.
Aquí mostramos algunos ejemplos de cosas que no se deben hacer.
No intentar recrear el logotipo en otra tipografía.
No añadir otros elementos al logotipo.
hipoteca SIN
verde No modificar los elementos que componen el logoipo.
Contenidos
Salir
No cambiar el color, ni añades efectos de ningún tipo.
No girar el logotipo de ninguna forma.
Versión 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Versiones de color 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos incorrectos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
El logotipo Bankinter sólo existe en dos versiones cromáticas: naranja y negro. No existen más versiones de color, salvo el logotipo en negativo (en blanco), que se utiliza sobre un fondo de color o un fondo fotográfico. Ambas posibilidades se describen en las páginas siguientes.
Reproducción en color – positivo
Reproducción en blanco y negro – positivo
Reproducción en color – negativo
Reproducción en blanco y negro – negativo
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos bรกsicos
Logotipo
Logotipo sobre fondos 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducciรณn Logotipo corporativo Zona de protecciรณn Usos incorrectos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotogrรกficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Cรณdigo de ficheros
Se puede aplicar el logotipo sobre fondos. Distinguimos dos tipos de fondos: Fondos de color y fondos fotogrรกficos que se describen en la pรกgina siguiente.
Un fondo en naranja vital con el logotipo en negativo es una de las combinaciones preferibles dentro de las posibles opciones. Los tres colores secundarios tambiรฉn se pueden utilizar como fondo para el logotipo en color naranja vital, siempre que no se usen en demasiadas aplicaciones.
Reproducciรณn sobre el color primario
Reproducciรณn sobre un color secundario
Reproducciรณn sobre un color secundario
Reproducciรณn sobre un color secundario
Contenidos
Salir
Versiรณn 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Logotipo sobre fondos fotográficos 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos indebidos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
Para la aplicación del logotipo sobre fondos fotográficos no hay restricciones, simplemente hay que asegurar su buena reproducción y legibilidad sobre cualquier imagen. Hay que evitar imágenes con demasiado contraste o movimiento ya que pueden perjudicar la visibilidad del logotipo. Se puede utilizar en versión naranja vital u opcionalmente en blanco si es necesario.
Reproducción en color sobre fondo fotográfico
Reproducción en negativo sobre fondo fotográfico
Reproducción en color sobre fondo fotográfico
Reproducción en color sobre fondo fotográfico
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Submarcas 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos indebidos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
Las sociedades independientes de Bankinter se identifican con un logotipo-descriptor. En este caso el descriptor tipográfico forma parte del propio logotipo en una composición fija e inamovible. Las sociedades independientes que utilizan un logotipo descriptor se limitan a Bankinter Capital Riesgo (1), Bankinter Gestión de Activos (2) y Bankinter Seguros de Vida (3). Los Agentes Bankinter (3) utilizan esta composición sólo en elementos de señalización.
Este sistema no está previsto para ser utilizado por otras áreas del banco. Para las submarcas se aplican los mismos principios de diseño y reglas de utilización como para el logotipo corporativo. Por lo tanto sólo es correcto lo que está explícitamente descrito en este manual. Cualquier otra variante de color, orientación, proporción o combinación es incorrecta y por tanto está prohibida.
1.
Capital Riesgo
Nombre comercial...
2.
Gestión de Activos
Zona de protección
3.
Seguros de Vida
Nombre comercial de sociedad
4.
Virtual
Agente
Sólo las sociedades independientes pueden utilizar un logotipo-descriptor.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Submarcas, versiones de color 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos indebidos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
Las submarcas Bankinter sólo existen en dos versiones cromáticas: naranja y negro. No existen más versiones de color, salvo el logotipo-descriptor en blanco (logotipo-descriptor en negativo) sobre un fondo de color o un fondo fotográfico.
Para las submarcas se aplican los mismos principios de diseño y reglas de utilización como para el logotipo corporativo previamente descritas en este manual.
Reproducción en color – positivo
Reproducción en blanco y negro – positivo
Nombre comercial de sociedad
Reproducción en color – negativo
Nombre comercial de sociedad
Contenidos
Salir
Nombre comercial de sociedad
Reproducción en blanco y negro – negativo
Nombre comercial de sociedad
Versión 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Cobranding 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos indebidos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
Cuando el logotipo Bankinter tenga que aparecer en relación con la marca de un socio, podemos seguir los ejemplos aquí descritos los cuales cubren las situaciones más comunes. Si por cualquier causa hubiera que aplicar otro tipo de alineación, debemos utilizar el criterio profesional y el sentido común para lograr una opción que preserve la legibilidad y buena reproducción de nuestro logotipo.
Ejemplo (parte de una carta)
Alineación horizontal centrada
Todas las acciones de cobranding deberán ser consultadas previamente y aprobadas por la Dirección de Gestión de Marca Bankinter (véase página 1.1.10), ya que el peso visual de nuestro logotipo, en relación con aquel de nuestro socio, podrá variar en función de la relación de negocio que se haya establecido entre ambas compañías.
Alineación horizontal en línea
No invadir la zona de protección del logotipo.
Alineación vertical centrada
No permitir que nuestro logotipo forme parte de una composición conjunta con otra marca.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Uso de artes finales 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos indebidos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
Archivos para arte final y reproducción profesional
Archivos para uso de oficina y administración
Puedes disponer por separado de distintos archivos para Macintosh® y para PC/Windows®. Todos ellos se pueden abrir en los distintos sistemas operativos.
También te proporcionamos archivos para uso en procesadores de texto, hojas de cálculo y presentaciones:
Encontrarás todos los archivos guardados como EPS (Encapsulated Post Script®). Hemos incluido también archivos Adobe® Illustrator® guardados con color RGB para pantalla. Ademas encontrarás archivos vectorizados Adobe® Illustrator® adicionales para el entorno PC/Windows, por si los archivos EPS te dan algún problema. En el caso de que necesites el logotipo para uso profesional, sea para utilizarla tú o para entregarla a un tercero, asegúrate de usar siempre archivos EPS o AI, ya que es probable que, de no ser estos, la resolución, el tamaño o el color no sean los correctos para el uso concreto que se necesite.
Contenidos
Salir
WMF (Windows® Metafile) Es reducido en tamaño y su cambio de escala proporcional no afecta su calidad de salida, por lo que está especialmente indicado para documentación impresa dentro del ámbito de los procesadores de texto. Además su calidad de impresión en la mayoría de las impresoras es buena. No se recomienda el uso de estos archivos para aplicaciones en pantalla (ej: presentaciones). PNG (Portable Networks Graphic) Este formato se puede usar para pantalla y para documentación impresa. Los archivos tienen un fondo transparente para la aplicación sobre fondos apropiados. BMP (Windows® Bitmap) y TIF (Tagged Image File Format) Estos archivos son compatibles con versiones anteriores de los sistemas operativos MS-DOS® y Windows®. Se pueden usar en aplicaciones generales de oficina donde la claridad en pantalla es importante, exclusivamente sobre fondos blancos.
Versión 0.1
Bankinter identidad visual Elementos básicos
Logotipo
Código de ficheros 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12
Introducción Logotipo corporativo Zona de protección Usos indebidos Versiones de color Logotipo sobre fondos Logotipo sobre fondos fotográficos Submarcas Submarcas, versiones de color Cobranding Uso de artes finales Código de ficheros
Para identificar los diferentes artes finales se ha desarrollado un código que contiene información acerca de la versión de la marca, el sistema cromático y el formato del archivo. Es importante conocer este código y saber distinguirlo para poder identificar y trabajar con los artes finales correctos.
B1
_P
. EPS
Versión de la marca B1 Bankinter B2 Bankinter Capital Riesgo B3 Bankinter Gestión de Activos B4 Bankinter Seguros de Vida
Contenidos
Salir
Versión de color Imprenta P color directo Pantone® CMYK cuatricromía N Negro B Blanco Pantalla RGB RGB, color pantalla RN RGB negro RB RGB blanco
Formato de archivo Imprenta EPS Encapsulated Post Script® AI Adobe® Illustrator® Oficina WMF Windows® Metafile PNG Portable Network Graphic BMP Windows® Bitmap TIF Tagged Image File Format
Versión 0.1
Bankinter identidad visual Elementos básicos
1
.3
Tipografía
1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7
Introducción Tipografía Bankinter Tipografía primaria titulares Tipografía primaria cuerpo de texto Tipografía de sustitución Estilo tipográfico Reglas tipográficas
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tipografía
Introducción 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7
Introducción Tipografía Bankinter Tipografía primaria titulares Tipografía primaria cuerpo de texto Tipografía de sustitución Estilo tipográfico Reglas tipográficas
Bankinter es un banco diferente. La forma en la que hablamos y escribimos es tan importante como nuestra apariencia. Las palabras que empleamos y el estilo con el que las usamos revela nuestra forma de ser y pensar. Para Bankinter cada palabra cuenta. Por esto utilizamos nuestra propia tipografía Bankinter para presentar nuestros mensajes de una forma clara, directa y con carácter propio. La tipografía Bankinter ha sido creada especialmente para nosotros. Es única y exclusivamente nuestra y nos ayudará a crear nuestro propio estilo tipográfico y ser reconocidos a través de él.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tipografía
Tipografía Bankinter 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7
Introducción Tipografía Bankinter Tipografía primaria titulares Tipografía primaria cuerpo de texto Tipografía de sustitución Estilo tipográfico Reglas tipográficas
La tipografía Bankinter es el resultado de un desarrollo exclusivo para nosotros, basado en nuestra idea de marca y los valores definidos. Su diseño se inspira en formas del propio logotipo Bankinter y mezcla líneas contemporáneas con elementos de diseño clásicos, como las serifas. Este contraste le proporciona aspecto reconocible, muy propio y una excelente legibilidad en todos los tamaños, tanto en el caso de letras como en cifras.
abc compromiso innovación inversión hipoteca euríbor valor Contenidos
Salir
La Bankinter es una tipografía sofisticada y elegante. Transmite competencia y autoridad sin parecer distante. La Bankinter regular y bold se utilizan para titulares y destacados, mientras que la Bankinter Text es una versión optimizada para grandes bloques de texto y tamaños pequeños (ej. informe anual), ya que es más fina y el ancho está reducido.
Familia tipográfica Bankinter
Bankinter regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥* Bankinter bold ABCDEFGHIJKLMNÑOPQRSTUVWXZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥* Bankinter Text regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥* Bankinter Text bold ABCDEFGHIJKLMNÑOPQRSTUVWXZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥* Versión 0.1
Bankinter identidad visual Elementos básicos
Tipografía
Tipografía primaria titulares 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7
Introducción Tipografía Bankinter Tipografía primaria titulares Tipografía primaria cuerpo de texto Tipografía de sustitución Estilo tipográfico Reglas tipográficas
La Bankinter regular y bold se utilizan para titulares y destacados en todos los soportes de comunicación. Es uno de los elementos más reconocibles de nuestra nueva identidad. Aunque su función principal es el uso en titulares y textos destacados, tambien puede ser utilizado para cuerpo de texto, siempre que no sea mejor opción el uso de la Bankinter Text.
Bankinter regular
Ejemplo (tamaño reducido)
Pensar es también cuestión de escala. Hagámoslo a lo grande. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat vestibulum est. In felis velit, molestie sit amet, feugiat sit amet, hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere faucibus, felis mauris elementum sapien, ut varius velit dui nec tellus.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥* Bankinter bold
ABCDEFGHIJKLMNÑOPQRSTUVWXZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥* Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tipografía
Tipografía primaria cuerpo de texto 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7
Introducción Tipografía Bankinter Tipografía primaria titulares Tipografía primaria cuerpo de texto Tipografía de sustitución Estilo tipográfico Reglas tipográficas
La Bankinter Text es una versión optimizada para cuerpo de texto en grandes cantidades y tamaños pequeños (ej. informe anual), ya que es más fina y tiene un ancho reducido.
Bankinter Text regular
Ejemplo (tamaño reducido)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
Lorem ipsum dolor sit amet, consectetuer Integer condimentum ipsum pulvinar enim. Aliquam feugiat
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
faucibus, felis mauris elementum sapien, ut varius velit dui
faucibus, felis mauris elementum sapien, ut varius velit dui
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
sed, ultrices a, mauris.
sed, ultrices a, mauris.
Phasellus posuere, tellus sed posuere
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
faucibus, felis mauris elementum sapien, ut varius velit dui
Integer condimentum ipsum pulvinar enim. Aliquam feugiat
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
Integer condimentum ipsum pulvinar enim. Aliquam feugiat
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
faucibus, felis mauris elementum sapien, ut varius velit dui
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
faucibus, felis mauris elementum sapien, ut varius velit dui
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
faucibus, felis mauris elementum sapien, ut varius velit dui
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
faucibus, felis mauris elementum sapien, ut varius velit dui
Integer condimentum ipsum pulvinar enim. Aliquam feugiat
nec tellus.
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
Un 16% de la gente cambia de banco cada año. ¿Por qué sólo un 6% de nuestros clientes lo hacen?
valor Cuantificación del riesgo
Evolución morosidad por segmentos
(en %)
(en %)
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥* Bankinter Text bold
ABCDEFGHIJKLMNÑOPQRSTUVWXZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥*
Resto categorías de Personas Jurídicas 11 Empresas grandes 27
Pymes 2003
0,63
2004
0,44
Corporativa 0,32
2003 2004
0,24
Hipotecas vivienda 45 Consumo 3 Resto categorías 5 de Personas Físicas 5
Personas Físicas 0,22
2003 2004
0,16
Empresas pequeñas 2 Empresas medianas 7
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tipografía
Tipografía de sustitución 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7
Introducción Tipografía Bankinter Tipografía primaria titulares Tipografía primaria cuerpo de texto Tipografía de sustitución Estilo tipográfico Reglas tipográficas
Para medios electrónicos de uso interno, como aplicaciones de Microsoft® Office (ej. presentaciónes Powerpoint) y para páginas web, se puede utilizar las tipografías de sistema Verdana y Tahoma. Especialmente en casos en los que una aplicación tenga que ser vista y compartida por terceros que no tengan instalada nuestra tipografía Bankinter en sus ordenadores, será necesario utilizar las tipografías aquí especificadas.
Importante: Las tipografías de sustitución nunca se deberán utilizar para aplicaciones profesionales o soportes de comunicación impresos.
Verdana
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥* Tahoma
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥* Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tipografía
Estilo tipográfico 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7
Introducción Tipografía Bankinter Tipografía primaria titulares Tipografía primaria cuerpo de texto Tipografía de sustitución Estilo tipográfico Reglas tipográficas
Nuestra tipografía es un instrumento ideal para visualizar nuestra forma de ser y pensar. En combinación con el resto de los elementos básicos (color, tono de voz, fotografía) somos capaces de crear impacto con nuestra comunicación utilizando la tipografía de una manera creativa, atrevida e inteligente, siempre que tenga sentido y sea una interpretación sorprendente del mensaje a comunicar.
Ejemplo (tamaño reducido)
¿Por qué no pararse a pensar si haciéndolo se gana dinero? Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat vestibulum est. In felis velit, molestie sit amet, feugiat sit amet, hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere faucibus, felis mauris elementum sapien, ut varius velit dui nec tellus.
A través de composiciones tipográficas, tratando el texto casi como si fuera una imagen, podemos crear mensajes claros y directos que llaman la atención, u otros más elegantes y sofisticados que hacen pensar. Estos ejemplos son conceptuales para que sirvan como inspiración, no pretenden ser piezas de comunicación aprobada. Aunque están presentados en formato póster, su estilo se puede aplicar a cualquier otro soporte de comunicación.
123 567890 viendo como crece 4 su1 di 09876543
¿¥?
2 viendo como crece su dinero. 234567890 viendo como crece su dinero.
viendo como crece su dinero. viendo como crece su dinero. viendo como crece su dinero. viendo como crece su dinero.
Invierta en pensar. Genera intereses.
1 09876 4321 5 12345678 0 9 Hemos mirado sus números. Podría estar ganando más.
viendo como crece su dinero. viendo como crece su dinero. viendo como crece su dinero.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tipografía
Reglas tipográficas 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7
Introducción Tipografía Bankinter Tipografía primaria titulares Tipografía primaria cuerpo de texto Tipografía de sustitución Estilo tipográfico Reglas tipográficas
Los mensajes que aparecen como texto son parte de nuestra “voz escrita”. Asegurarse de que estos mensajes sean los apropiados para Bankinter es igual de importante que utilizar la tipografía correcta. La forma en la que se componen los textos es clave para mantener la coherencia tipográfica. Aquí mostramos las reglas tipográficas de Bankinter y algunos ejemplos de usos incorrectos que deben evitarse para que el texto fluya, se lea y entienda correctamente y no distraiga al lector. Usos correctos
Usos incorrectos
Asegúrate de que al escribir la palabra Bankinter siempre lo haces tal como aparece en esta frase.
NO COMPONGAS EL TEXTO CON MAYÚSCULAS NI Utilices Mayúsculas Para Cada Palabra Como Aquí.
Elige la justificación de texto adecuada para que funcione en relación al tamaño de la tipografía y el ancho de la zona de texto.
No utilices un espaciado entre caracteres que sea o m u y a n c h o o muy estrecho. No utilices alineación justificada para el texto.
Abrevia las palabras sólo si es necesario y evita puntuación innecesaria con siglas (ej. USA). Utiliza siempre las comillas individuales y dobles correctas (’,”), y no los apóstrofes (´). Empieza cada frase nueva con mayúscula dejando un solo espacio detrás del punto. No dos como aquí.
No subrayes las palabras, a no ser que sean vínculos de internet. No modifiques la tipografía ni ensanchándola ni condensándola. No utilices tipografías alternativas a la corporativa que no estén especificadas en este manual. No utilices símbolos para & o + dentro del texto, donde en su lugar deberías escribirlos (y, más). No separes las palabras de los textos alineados a la izquierda de forma incorrecta como en este ejemplo.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos b谩sicos
1
.4
Color
1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6
Introducci贸n Paleta de colores Color primario Colores secundarios Uso de color Combinaci贸n y peso de color
Contenidos
Salir
Versi贸n 0.1
Bankinter identidad visual Elementos básicos
Color
Introducción 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6
Introducción Paleta de colores Color primario Colores secundarios Uso de color Combinación y peso de color
El color es un elemento fundamental a la hora de comunicar la personalidad de la marca y diferenciarla de la competencia. El uso coherente del color es muy importante para la expresión de nuestra marca.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Color
Paleta de colores 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6
Introducción Paleta de colores Color primario Colores secundarios Uso de color Combinación y peso de color
La paleta de colores de nuestra identidad se compone de un color primario – el naranja – y una serie de tres colores secundarios. Además se utilizan el negro y el blanco como colores de apoyo. El uso de la paleta de colores en la proporción correcta es muy importante para mantener una imagen coherente, ya que no todos los colores se utilizan igual. En las páginas siguientes encontrarás más detalles acerca de cada color y las especificaciones que corresponden a los diferentes sistemas cromáticos.
Color primario
Esquema de percepción de color: el color naranja predomina sobre los demás.
Colores secundarios
Blanco y negro
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Color
Color primario 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6
Introducción Paleta de colores Color primario Colores secundarios Uso de color Combinación y peso de color
El color naranja es uno de los elementos que más nos identifica. Nuestra diferenciación está basada en el uso predominante del color naranja en combinación con el negro y el blanco. El naranja es un color alegre, vital, soleado y cálido. Se vincula a la felicidad, al vigor, a la determinación, al estímulo, al éxito, a la energía y a la vitalidad. Estimula la mente, es muy llamativo, destaca y se puede asociar a la riqueza, la inteligencia y la creatividad. naranja vital
blanco
negro
Sistemas cromáticos: Pantone®* Los colores Pantone® son la referencia principal para todas las aplicaciones impresas. Siempre que sea posible se utiliza el color directo Pantone. Para cualquier otro sistema que no esté mencionado aquí, la especificación Pantone es la referencia base. Cuatricromía (CMYK) Cyan, magenta, yellow, key-colour (negro) – modelo de color sustractivo utilizado en la impresión por cuatricromía y en impresoras de color. RGB Red, green, blue – colores utilizados en monitores y escáners.
Pantone Ejemplo (tamaño reducido)
Pensar es también cuestión de escala. Hagámoslo a lo grande. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat vestibulum est. In felis velit, molestie sit amet, feugiat sit amet, hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere faucibus, felis mauris elementum sapien, ut varius velit dui nec tellus.
HTML Hyer text markup language – codificación de una página web. Las referencias html normalmente corresponden a las especificaciones de color RGB. En el caso de Bankinter han sido modificados.
165 Cuatricromía (CMYK) c0 m75 y100 k0 Nota: la conversión a cuatricromía de este color ha sido optimizado respecto a los valores facilitados por Pantone. Siempre se deben utilizar los valores optimizados y no la conversión original de Pantone.
RGB r245 g102 b0
NCS** El sistema NCS se utiliza si las referencias de Pantone no pueden ser interpretados por diferencias de los sistemas cromáticos. Este puede ser el caso de pintura de uso industrial (lacados, pintura plástica, etc.).
HTML ff 7e 00 Nota: la conversión HTML de este color ha sido modificada respecto a los valores RGB.
NCS 0585-Y60R Contenidos
Salir
Los colores mostrados en esta página no sirven de referencia para valorar los colores Pantone, ya que están simulados por medio de la pantalla o del color de la impresora. Por favor consulta las publicaciones vigentes de Pantone para obtener las referencias actuales de color correspondientes. *Pantone es una marca registrada de Pantone, Inc. **NCS (Natural Colour System®) es una marca registrada de Scandinavian Colour Institute.
Versión 0.1
Bankinter identidad visual Elementos básicos
Color
Colores secundarios 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6
La paleta de colores secundarios ha sido desarrollada para dar apoyo al color naranja como color primario y hacerlo a resaltar. De forma intencionada se han combinado colores que huyen de las interpretaciones cromáticas convencionales y corporativas del sector bancario. La paleta secundaria no debe ser utilizada de forma que pueda llegar a reemplazar al naranja, pero sí para enfatizar, resaltar y estructurar contenido en todas las áreas de la identidad visual.
Introducción Paleta de colores Color primario Colores secundarios Uso de color Glosario
Ejemplo (tamaño reducido)
07 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
Lorem ipsum dolor sit amet, consectetuer Integer condimentum ipsum pulvinar enim. Aliquam feugiat
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
faucibus, felis mauris elementum sapien, ut varius velit dui
faucibus, felis mauris elementum sapien, ut varius velit dui
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
sed, ultrices a, mauris.
sed, ultrices a, mauris.
Phasellus posuere, tellus sed posuere
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
faucibus, felis mauris elementum sapien, ut varius velit dui
Integer condimentum ipsum pulvinar enim. Aliquam feugiat
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
Integer condimentum ipsum pulvinar enim. Aliquam feugiat
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
Integer condimentum ipsum pulvinar enim. Aliquam feugiat
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
faucibus, felis mauris elementum sapien, ut varius velit dui
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
faucibus, felis mauris elementum sapien, ut varius velit dui
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
faucibus, felis mauris elementum sapien, ut varius velit dui
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
faucibus, felis mauris elementum sapien, ut varius velit dui
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
faucibus, felis mauris elementum sapien, ut varius velit dui
Integer condimentum ipsum pulvinar enim. Aliquam feugiat
sed, ultrices a, mauris.
nec tellus.
vestibulum est. In felis velit, molestie sit amet, feugiat sit amet,
Un 16% de la gente cambia de banco cada año. ¿Por qué sólo un 6% de nuestros clientes lo hacen?
valor Cuantificación del riesgo
Evolución morosidad por segmentos
(en %)
(en %)
Los colores secundarios pueden ser utilizados como fondos lisos en soportes de comunicación o para el diseño de gráficos, tablas o elementos tipográficos, como por ejemplo destacados.
gris profundo
amarillo diferente
azul idea
Pantone
Pantone
Pantone
411
459
629
Cuatricromía (CMYK) c0 m30 y35 k80
Cuatricromía (CMYK) c0 m0 y55 k15
Cuatricromía (CMYK) c40 m0 y15 k0
Nota: la conversión a cuatricromía de este color ha sido optimizado respecto a los valores facilitados por Pantone.
Nota: la conversión a cuatricromía de este color ha sido optimizado respecto a los valores facilitados por Pantone.
Nota: la conversión a cuatricromía de este color ha sido optimizado respecto a los valores facilitados por Pantone.
RGB r99 g84 b74
RGB r224 g212 b120
RGB r181 g217 b222
HTML 33 33 33
HTML ff ff 99
HTML cc cc ff
Nota: la conversión HTML de este color ha sido modificada respecto a los valores RGB.
Nota: la conversión HTML de este color ha sido modificada respecto a los valores RGB.
Nota: la conversión HTML de este color ha sido modificada respecto a los valores RGB.
NCS 7010-Y70R
NCS 1040-G90Y
NCS 1020-B30G
Resto categorías de Personas Jurídicas 11 Empresas grandes 27
Pymes 2003
0,63
2004
Resultados
0,44
Corporativa 0,32
2003 2004
0,24
Hipotecas vivienda 45 Consumo 3 Resto categorías 5 de Personas Físicas 5 Empresas pequeñas 2 Empresas medianas 7
Personas Físicas 0,22
2003 2004
0,16
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Color
Uso de color 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6
Introducción Paleta de colores Color primario Colores secundarios Uso de color Combinación y peso de color
Para conseguir mayor variedad de color y recursos gráficos para el diseño de información y así poder estructurar ciertos contenidos, los colores pueden utilizarse en porcentajes definidos. Es una opción interesante en el caso de presupuestos limitados o si se trata de soportes de comunicación impresos en una o dos tintas.
100 % 80 %
60 %
40 %
Los porcentajes de color no deben utilizarse en exceso, si no sólo si es necesario y ayuda a estructurar y visualizar mejor la información, ya que es preferible que los colores se reproduzcan al 100 %. Los ejemplos a tamaño reducido de esta página demuestran el uso de color en gráficos.
30 % Evolución morosidad por segmentos (en %) Pymes 2003
0,63
2004
0,44
Corporativa 0,32
2003 2004
0,24
Personas Físicas 0,22
2003 2004
0,16
Cuantificación del riesgo (en %)
Empresas pequeñas 11 Empresas grandes 27
Consumo 3 Hipotecas vivienda 45 Resto categorías 5 de Personas Físicas 5 Empresas pequeñas 2 Empresas medianas 7
Cuantificación del riesgo
Cuantificación del riesgo
(en %)
(en %)
Resto categorías de Personas Jurídicas 11
Resto categorías de Personas Jurídicas 11
Empresas grandes 27
Empresas grandes 27
Hipotecas vivienda 45
Contenidos
Hipotecas vivienda 45
Consumo 3
Consumo 3
Resto categorías 5 de Personas Físicas 5
Resto categorías 5 de Personas Físicas 5
Empresas pequeñas 2
Empresas pequeñas 2
Empresas medianas 7
Empresas medianas 7
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Color
Combinación y peso de color 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6
Introducción Paleta de colores Color primario Colores secundarios Uso de color Combinación y peso de color
Los colores primarios y secundarios no sólo sirven para identificar Bankinter si no también para crear diferentes percepciones emocionales a través de la combinación y proporción de los diferentes colores. Dependiendo de la función o el fin de la pieza, se puede optar por utilizar proporciones de color diferentes, siempre teniendo en cuenta que el color naranja tiene un papel esencial. Los ejemplos esquemáticos de esta página visualizan algunas posibles combinaciones de color y la percepción emocional que pueden causar.
Peso de color (ejemplos esquemáticos, no representan diseño) Fuerte, dinámico, y llamativo
Exclusivo y elegante
Combinación de color
Cálido y harmónico
Tranquilo y abierto
no recomendable Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos bรกsicos
1
.5
Estilo fotogrรกfico
1.5.1 1.5.2 1.5.3 1.5.4 1.5.5
Introducciรณn Recursos fotogrรกficos Gente Bankinter Objetos y detalles Clientes y consumo
Contenidos
<
>
Salir
Versiรณn 0.1
Bankinter identidad visual Elementos básicos
Estilo fotográfico
Introducción 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5
Introducción Recursos fotográficos Gente Bankinter Objetos y detalles Clientes y consumo
La fotografía es un elemento muy importante en la comunicación de Bankinter. El uso de fotografía no es siempre necesario, pero representa una oportunidad única para conectar con nuestras audiencias. Utilizamos fotografías para representar situaciones de gente real e interesante, captada en un momento clave y relevante. Para esto la fotografía debe ser siempre una interpretación sorprendente o abstracta del mensaje a comunicar en el tono de voz, nunca una versión literal, obvia o plana. Las fotos tienen que tener un “guiño”, es decir, algo “especial” o sorprendente, inteligente, fuera de lo común. Reflejan una reacción o actitud ante algo sin mostrar necesariamente la causa de ello. Nos hacen pensar y nos permiten deducir lo que sugieren.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Estilo fotográfico
Recursos fotográficos 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5
Introducción Recursos fotográficos Gente Bankinter Objetos y detalles Clientes y consumo
Color El color es uno de los elementos básicos en la fotografía de Bankinter. Trabajamos con color porque queremos mostrar las cosas con autenticidad y en el contexto real. Sólo así se transmiten confianza y decisión. Puedes utilizar fotos que por naturaleza contengan un espectro de colores limitados (azul en una foto del cielo o verde en un zoom de césped) sin problema, siempre que se entienda el contexto y reflejen la realidad. No utilizamos fotos en blanco y negro o duotonos, salvo que sean parte de un concepto de comunicación especial que a su vez esté en línea con la idea, los valores y los objetivos de la marca Bankinter.
Perspectiva Para crear sensación de dinamismo, que no necesariamente de movimiento, trabajamos con perspectivas y puntos de vista muy marcados. Esto sa aplica especialmente en casos de vistas frontales, que pueden resultar estáticas, o donde la composición y el contenido así lo requieran. Encuadre El estilo de encuadre de nuestras imágenes recoge siempre lo importante de cada foto, sin mostrar necesariamente la causa de ello. Nos hacen pensar y nos permiten deducir lo que sugieren.
Composición Además del color, la perspectiva y el encuadre, para conseguir una composición dinámica y estética de las fotos, trabajamos con los siguientes recursos: 1. Profundidad de campo: dependiento de la categoría de la foto, la profundidad de campo es mayor o menor. Fotos descriptivas de exteriores, edificios y espacios requieren una mayor profundidad de campo que imágenes de detalles y objetos que viven del contraste entre el enfoque y el desenfoque. 2. Iluminación: utilizamos la luz natural como primer objetivo y la luz artificial siempre que ayude a mejorar la foto (ej: fotos nocturnas) o contribuya a la creación de volúmenes. Evitamos efectos de luz artificiales que se nota que lo son. No trabajamos con fotocomposiciones para combinar diferentes contenidos en una imagen.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos bรกsicos
Estilo fotogrรกfico
Gente Bankinter 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5
Introducciรณn Recursos fotogrรกficos Gente Bankinter Objetos y detalles Clientes y consumo
Contenidos
Salir
Versiรณn 0.1
Bankinter identidad visual Elementos bรกsicos
Estilo fotogrรกfico
Objetos y detalles 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5
Introducciรณn Recursos fotogrรกficos Gente Bankinter Objetos y detalles Clientes y consumo
Contenidos
Salir
Versiรณn 0.1
Bankinter identidad visual Elementos bรกsicos
Estilo fotogrรกfico
Clientes y consumo 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5
Introducciรณn Recursos fotogrรกficos Gente Bankinter Objetos y detalles Clientes y consumo
Contenidos
Salir
Versiรณn 0.1
Bankinter identidad visual Elementos b谩sicos
1
.6
Tono de voz
1.6.1 1.6.2 1.6.3
Introducci贸n Estilo Ejemplos
Contenidos
Salir
Versi贸n 0.1
Bankinter identidad visual Elementos básicos
Tono de voz
Introducción 1.6.1 1.6.2 1.6.3
Introducción Estilo Ejemplos
La forma en la que hablamos y escribimos es tan importante como nuestra apariencia. Las palabras que empleamos y el estilo con el que las usamos revela nuestra forma de ser y de pensar. Para Bankinter cada palabra cuenta. Queremos establecer un diálogo con nuestras audiencias diferente al de la banca convencional. La mejor forma de hacerlo es escogiendo cuidadosamente las palabras que utilizamos en cada uno de los mensajes que producimos. Cada palabra que usamos en cada carta, email, propuesta o memoria contribuye a la forma en que Bankinter se percibe. Las siguientes pautas ayudarán a encontrar las palabras más adecuadas para escribir mensajes corporativos, notas de prensa, cartas a clientes, mensajes publicitarios o información en la web. Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tono de voz
Estilo 1.6.1 1.6.2 1.6.3
Introducción Estilo Ejemplos
¿qué clase de banco es mi banco? ¿mi banco me escucha o me dice? ¿mi banco me da o me quita? ¿mi banco me cuida o me ignora? ¿mi banco me impulsa o me frena? ¿mi banco es mañana o ayer? ¿mi banco piensa o cree? ¿cómo es su banco?
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tono de voz
Ejemplo 1.6.1 1.6.2 1.6.3
Introducción Estilo Ejemplos
El tono de voz despierta interés, siempre con un guiño intelectual.
Pensar es también cuestión de escala. Hagámoslo a lo grande.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tono de voz
Ejemplo 1.6.1 1.6.2 1.6.3
Introducción Estilo Ejemplos
El tono de voz despierta el interés, evita el excesivo tono financiero y habla marcadamente diferente a todos los demás bancos.
Si piensa que todos los bancos son iguales, queremos conocerle.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tono de voz
Ejemplo 1.6.1 1.6.2 1.6.3
Introducción Estilo Ejemplos
El tono de voz llama a las cosas por su nombre, utilizando un lenguaje claro, sencillo y familiar.
Cinco modos de hacerse cliente. ¿Le da qué pensar?
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tono de voz
Ejemplo 1.6.1 1.6.2 1.6.3
Introducción Estilo Ejemplos
Utiliza el tono retórico en las preguntas, sugiriendo siempre una respuesta “invisible”.
¿Por qué no pararse a pensar si haciéndolo se gana dinero?
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tono de voz
Ejemplo 1.6.1 1.6.2 1.6.3
Introducción Estilo Ejemplos
El tono de voz evita la jerga comercial o el discurso común de venta.
Hemos mirado sus números. Podría estar ganando más.
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Tono de voz
Ejemplo 1.6.1 1.6.2 1.6.3
Introducción Estilo Ejemplos
El tono de voz siempre que puede introduce datos factuales que respaldan los mensajes.
Un 16% de la gente cambia de banco cada año. ¿Por qué sólo un 6% de nuestros clientes lo hacen?
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
1
.7
Principios de diseño
1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores Contenidos
<
>
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Introducción 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores
El diseño corporativo de Bankinter está basado en una serie de elementos básicos que aplicados conjuntamente crean nuestra identidad única. Los principios de diseño definen la forma como se combinan los diferentes elementos básicos y cuál es la función de cada uno de ellos. Esta sección sirve de introducción general a los principios de diseño y ayudan a entender el concepto global. Para aplicaciónes específicas (ej: papelería, publicaciones, medios de pago, etc.) existen normas detalladas que se describen en el manual de aplicaciones.
Contenidos
<
>
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Vista general 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Bankinter regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥*
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores
Bankinter bold ABCDEFGHIJKLMNÑOPQRSTUVWXZ abcdefghijklmnñopqrstuvwxyz 1234567890.,;:¡!¿?%&@€$£¥*
abc
Vista general Cinco elementos básicos forman conjuntamente la identidad visual, y un “look and feel”único.
Cuando ya no trabaje usted podrían hacerlo sus ahorros.
1. Logotipo 2. Tipografía 3. Color 4. Tono de voz 5. Estilo fotográfico
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Posicionamiento del logotipo 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores
El logotipo Bankinter se ubica en dos posiciones diferentes en las diversas aplicaciónes. Mientras en los elementos de papelería predomina la posición superior, en elementos de comunicación impresa el logotipo se ubica en la parte inferior de un formato, ya que siempre va acompañado por un mensaje. Las ubicaciones con orientación a la derecha sólo existen como excepción.
Los ejemplos de abajo son esquemáticos y explican el comportamiento general del logotipo. Aunque se presenta en un formato vertical, se puede aplicar en formato horizontal y en cualquier tipo de soporte de comunicación, sea impreso o digital.
Ejemplos
Lorem ipsum dolor
¿€? Lorem ipsum dolor sit amet, consectetuer adispiscin elit.
Lorem ipsum dolor sit amet, consectetuer adispiscin elit.
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adispiscin elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
www.bankinter.com 12345678910 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Distancia mínima La zona de protección define el espacio que necesita el logotipo para conservar su efecto visual. A la vez establece la distancia mínima que necesita mantener el logotipo para ser posicionado en cualquier formato. Dependiendo del tamaño y el tipo de aplicación, esta distancia puede ser mayor.
Opciones de ubicación general El logotipo puede colocarse en las cuatro esquinas de un formato, siempre que no vaya acompañado de ningún elemento tipográfico complementario. En este caso el logotipo se ubica a la izquierda. La posición centrada está prohibida. Ejemplo: elementos de papelería.
Contenidos
Salir
Posicionamiento opcional En el caso en el que el logotipo no forme parte de una composición tipográfica sobre un fondo de color o una imágen, éste será alineado a la izquierda con el texto y ubicado en la parte inferior de un formato. Ejemplo: poster o cartel.
Posicionamiento recomendado Cuando el logotipo “firma”un mensaje, y hay otros elementos de comunicación (teléfonos, direcciones web, etc.) que impiden la ubicación en la parte inferior del formato, el logotipo se puede ubicar como parte de la composición de acuerdo a las proporciones definidas, véase página 1.7.5. Ejemplo: poster, cartel, portada de publicación.
Posicionamiento con contenedor Cuando se utiliza un mensaje dentro de un contenedor, el logotipo forma parte de la composición gráfica y se ubica dentro del contenedor de acuerdo a las proporciones definidas, véase página 1.7.5. Ejemplo: poster, cartel, portada de publicación.
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Tamaño del logotipo 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores
Para conseguir máxima homogeneidad en el uso del logotipo y no trabajar con demasiados tamaños diferentes, se han definido 6 tamaños estándar para el logotipo en aplicaciones que no utilizan mensajes en contenedores.
15 mm Tamaño mínimo
Estos tamaños se orientan en la gama de formatos DIN y se deberán aplicar siempre que no haya otro criterio que influya en el tamaño del logotipo. Para aplicaciones específicas (ej: papelería, sistema de literatura, etc.) existen normas detalladas que se describen en el manual de aplicaciones.
Tamaños estándar recomendados: 30 mm DIN A5 (148,5 x 210 mm), DIN L vertical (105 x 210 mm) Tarjeta de visita, tarjetas de crédito y formatos similares 38 mm DIN A4 (210 x 297 mm), DIN L horizontal (210 x 205 mm)
55 mm DIN A3 (297 x 420 mm)
80 mm DIN A2 (420 x 594 mm)
130 mm DIN A1 190 mm (sín ejemplo) DIN A0
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Composición de mensajes 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores
1 2
3
Hipotecas
La mayoría de la gente quiere un banco que ofrezca algo diferente. La minoría también. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
Elementos La comunicación de Bankinter está basada en un sistema sencillo de elementos que, cuando se aplican conjuntamente, crean nuestro estilo de mensajes de comunicación. Estos elementos se pueden aplicar de la misma forma en todos los soportes de comunicación, sean impresos o digitales.
1
Descriptor (opcional) ¿Quién está mandando el mensaje y de qué trata? El descriptor puede ser el nombre de una división (ej: Banca Privada) o de un canal (ej: Bankinter Agente). Tambien puede describir un producto (ej: Tarjeta Clásica) o un grupo de productos (ej: Hipotecas).
2
Mensaje Comunicación en el tono de voz Bankinter.
3
Texto adicional (opcional) Una descripción breve que ofrece información adicional vinculada al mensaje principal.
4
Logotipo
5
Información adicional (opcional) Aquí pueden ir especificaciónes legales u otros datos relevantes, números de teléfono o direcciónes de página web.
Ejemplo (tamaño reducido) Hipotecas
La mayoría de la gente quiere un banco que ofrezca algo diferente. La minoría tambien.
4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 901 13 13 13 www.bankinter.com
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 901 13 13 13 www.bankinter.com
Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Reglas básicas El sistema de proporción establece pautas sencillas que definen la proporción del mensaje y del logotipo y la distancia entre ambos. El tamaño del texto puede variar dependiendo del estilo visual que se quiera dar al mensaje. Si se trata de soportes de comunicación de una misma serie, es preferible que se utilice un mismo estilo.
Proporción 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores
Para aplicaciones específicas (sistema de literatura, etc.) existen normas detalladas que se describen en el manual de aplicaciones.
x
La mayoría de la gente quiere un banco que ofrezca algo diferente. La minoría también. 75 % x L
Hemos mirado sus números. Podría estar ganando más.
Hemos mirado sus números. Podría estar ganando más.
L L LLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
Ejemplo (tamaño reducido)
La mayoría de la gente quiere un banco que ofrezca algo diferente. La minoría tambien.
25 % x
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
7 % hoy. 7 % mañana.
40 % x
Esquema de proporción
Contenidos
Hoy
Ejemplos Diferentes tamaños de texto.
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Contenedores 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores
Los contenedores con las esquinas redondeadas son uno de nuestros recursos gráficos. Éstos nos ayudan a destacar información y a jerarquizarla. Pueden contener color y texto y variar en tamaño, proporción y posición. Puedes utilizar contenedores cuadrados o rectangulares, tanto verticales como horizontales.
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adispiscin elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
Se pueden utilizar tanto en la portada como en el interior de publicaciones y para cualquier otro tipo de soporte de comunicación (ej: presentaciones Powerpoint). El radio de las esquinas deberá mantener una cierta sutileza, como aparece en el ejemplo esquemático.
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adispiscin elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adispiscin elit.
Esquinas demasiado redondeadas.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
Contenedor cuadrado Puede variar en tamaño y posición.
Contenidos
Salir
Contenedor rectangular Puede variar en tamaño, proporción y posición.
Contenedor demasiado grande No se debe utilizar un contenedor demasiado grande que impide entender la imagen del fondo, si esta forma parte del mensaje a comunicar.
Esquinas demasiado pequeñas.
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Contenedores en color 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores
Los contenedores pueden ser sólidos o transparentes, en color naranja, blanco o en los colores secundarios. El color naranja es el color predominante en los contenedores, sobre todo en soportes de comunicación cara al cliente. Para usos a nivel corporativo (ej: informe anual, publicaciones similares, etc.) también se puede utilizar contenedores tansparentes o blancos.
Contenedores en gris profundo (P411) pueden ser utilizados para comunicación de Banca Privada, a parte de los colores anteriormente mencionados. Los contenedores en colores secundarios se pueden utilizar también en portadas de comunicación interna (ej: iniciativas, véase página 1.7.10), pero sobre todo en el interior de publicaciones para enfatizar, resaltar y estructurar el contenido.
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adispiscin elit.
Lorem ipsum dolor sit amet, consectetuer adispiscin elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adispiscin elit.
Lorem ipsum dolor
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent purus. Fusce sodales sapien at mi tristique euismod. Nulla facilisi. Nam tempus.
Naranja Versión principal
Contenidos
Blanco
Salir
Transparente
Color secundario En este caso gris profundo (P411)
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Identificadores de iniciativas 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores
El único identificador de Bankinter es su logotipo. Siendo conscientes de esto, no queremos ni debemos crear logotipos adicionales para productos, proyectos o iniciativas internas, ya que compiten con la marca Bankinter, diluyen su percepción y restan valor a nuestra identidad.
Podemos identificar visualmente nuestras iniciativas por medio de nuestra tipografía Bankinter, mezclando los diferentes pesos con colores primarios o secundarios y creando así una coherencia visual. Este recurso gráfico no se debe utilizar en exceso, si no aplicar sólamente en aquellos casos que realmente requieren cierta identificación visual.
Ejemplos de posibles combinaciones
talento.
talento.
talento.
t@lento
t@lento
t@lento
talento*
talento*
talento*
talento:)
talento:)
talento:)
No combines las iniciativas con el logotipo.
t@lento No utilizes el logotipo corporativo como descriptor.
talento:) Una iniciativa
talento:)
Opcionalmente Bankinter puede respaldar la iniciativa por medio de un descriptor tipográfico que forme parte de una composición definida.
Una iniciativa Bankinter
No utilizes formas o contenedores con un carácter marcado porque pueden dar la impresión de ser un logotipo.
talento. Contenidos
Salir
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Aplicación de identificadores 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.7.10
Introducción Vista general Posicionamiento del logotipo Tamaño del logotipo Composición de mensajes, elementos Composición de mensajes, proporción Contenedores Contenedores en color Identificadores de iniciativas Aplicación de identificadores
La forma de presentación de las iniciativas depende de las características de cada programa y del grado de “independencia visual”que requieran. Tambien influye si la iniciativa lleva el respaldo explícito de Bankinter en su composición tipográfica.
Estos ejemplos son teóricos para que sirvan como inspiración. No pretenden ser piezas definitivas de comunicación. Aunque se presentan en formato poster, visualizan un estilo que se puede aplicar a cualquier otro soporte de comunicación.
Ejemplos
talento:)
Iniciativas Bankinter
Ideas audaces para pensar la banca más lejos.
talento:) Ideas audaces para pensar la banca más lejos.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat vestibulum est. In felis velit, molestie sit amet, feugiat sit amet, hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere faucibus, felis mauris elementum sapien, ut varius velit dui nec tellus.
La iniciativa como descriptor.
Contenidos
talento:) Ideas audaces para pensar la banca más lejos.
talento:) Una iniciativa Bankinter
Ideas audaces para pensar la banca más lejos.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat vestibulum est. In felis velit, molestie sit amet, feugiat sit amet, hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis sed, ultrices a, mauris. Phasellus posuere, tellus sed posuere faucibus, felis mauris elementum sapien, ut varius velit dui nec tellus.
Un descriptor general de iniciativas Bankinter y el identificador de la iniciativa incorporada en el mensaje.
Salir
Iniciativas Bankinter
El identificador de la iniciativa como mensaje principal en un contenedor con color secundario.
El identificador de la iniciativa como mensaje principal con el respaldo de Bankinter y sin el logotipo corporativo. En este caso se puede prescindir del logotipo para evitar que el nombre del banco aparezca demasiadas veces.
Versión 0.1
Bankinter identidad visual Elementos básicos
Principios de diseño
Recuerda, si tienes alguna duda sobre el contenido de este manual o sobre la aplicación del logotipo en casos no contemplados aquí, por favor, contacta con: marca@bankinter.es
Elena Fraguas Gadea Directora de Gestión de Marca efraguas@bankinter.es
Yolanda Sanz Rey Ejecutiva Senior de Gestión de Marca ysanz@bankinter.es
Paseo de la Castellana, 29 28046 Madrid
Paseo de la Castellana, 29 28046 Madrid
Contenidos
Salir
Versión 0.1