Está en la página 1de 73

Bankinter identidad visual

Ser y parecer.
Nuestra
identidad visual.
1. Elementos básicos
Versión 0.1 (preliminar)

Entrar >

a c ión ara
rm lp
Info idencia
.
conf nterno
i
uso
á
) ser
l i m inar ible
re on
.1, p n0 disp té
nte: (versió que es
orta l z
Imp manua una ve es.
o
Este plazad licacion
e m . A p
re rte 2
la pa
Bankinter identidad visual

1.1
1 Elementos básicos

Introducción
1.2 Logotipo
1.3 Tipografía
1.4 Color
1.5 Estilo fotográfico
1.6 Tono de voz
1.7 Principios de diseño

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos

1.1.1
1 Introducción

Bienvenido
.1
1.1.2 Sobre este manual
1.1.3 Nuestra marca es más que un logo
1.1.4 Idea de marca
1.1.5 Valores de marca
1.1.6 Personalidad de marca
1.1.7 Arquitectura de marca, introducción
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual
1.1.10 Gestores de marca

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Introducción

Bienvenido

1.1.1 Bienvenido
1.1.2 Sobre este manual
Este manual ha sido desarrollado para garantizar que los
1.1.3 Nuestra marca es más que un logo elementos visuales que conforman nuestra identidad
1.1.4 Idea de marca
1.1.5 Valores de marca – el logotipo, los colores, la tipografía, el estilo fotográfico
1.1.6 Personalidad de marca
1.1.7 Arquitectura de marca, introducción y el tono de voz – sean aplicados de forma correcta y
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual coherente en todos nuestros mensajes. En él se dan pautas
1.1.10 Gestores de marca
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 Bienvenido
1.1.2 Sobre este manual
¿Para quién son estas guías?
1.1.3 Nuestra marca es más que un logo Son para tí, como parte de Bankinter, como proveedor o socio
1.1.4 Idea de marca
1.1.5 Valores de marca de nuestra marca.
1.1.6 Personalidad de marca
1.1.7 Arquitectura de marca, introducción
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual ¿Para qué son estas guías?
1.1.10 Gestores de marca
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 Bienvenido Para muchas personas y sus compañías la palabra marca tiene
1.1.2 Sobre este manual exclusivamente connotaciones relacionadas con lo tangible
1.1.3 Nuestra marca es más que un logo y superficial. Para ellos una marca no deja de ser más que un
“logo en una camiseta”.
1.1.4 Idea de marca
1.1.5 Valores de marca En Bankinter pensamos diferente porque nuestra definición de
1.1.6 Personalidad de marca lo que es una marca va más allá de lo puramente visible.
1.1.7 Arquitectura de marca, introducción En Bankinter, lo que podríamos llamar el ADN de nuestra
1.1.8 Arquitectura de marca, detalles Para Bankinter la marca es: marca se define en tres elementos:
1.1.9 Expresión visual
1.1.10 Gestores de marca

La promesa Una idea


de una experiencia. Una experiencia basada en la que resume nuestra esencia, aquello que
calidad de lo que hacemos. verdaderamente nos hace diferentes frente a la
competencia.

La fuente Unos valores


de nuestra identidad, de lo que somos. La forma que proponen una forma de comportarnos y una
de encapsular nuestra esencia. 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
nuestas diferentes audiencias. carácter que dicta nuestro estilo y forma
de hablar.

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 Bienvenido La idea de marca es, en esencia, lo que hace que nuestra marca
1.1.2 Sobre este manual sea mucho más que un simple logo. La llena de contenido al
1.1.3 Nuestra marca es más que un logo definir la visión que debemos seguir para ser el mejor banco
del mundo.
Para nuestros clientes
1.1.4 Idea de marca pensar se traduce en una forma de hacer banca
1.1.5 Valores de marca La idea de marca es importante porque refleja lo que somos,
con la innovación relevante que se adapta a
1.1.6 Personalidad de marca nos ayuda a evolucionar, nos exige y nos desafía. Igualmente su vida y simplifica la forma de gestionar su dinero.
1.1.7 Arquitectura de marca, introducción va en contra de la complejidad, los procesos sistemáticos y
1.1.8 Arquitectura de marca, detalles el status quo de la banca convencional. Para nosotros
1.1.9 Expresión visual significa un esfuerzo común para construir una
1.1.10 Gestores de marca La idea de marca Bankinter gira en torno a la acción de Pensar,
ambición compartida. Un desafío para sacar lo mejor
un proceso vital para el banco y lo que nos ha llevado a
de cada uno.
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
Para la prensa financiera
significa ofrecerles siempre un informado, objetivo
La influencia de la idea de marca pagos con tarjeta. Debemos continuar siéndolo. e influyente punto de vista, decididamente a la
vanguardia del sector bancario.
producto entorno

Para nuestros accionistas


idea piensa El resultado de
saber pensar.
es una forma de generar valor a través de la
inteligencia y la originalidad.

comunicación comportamiento Para la comunidad


significa involucrarnos de manera inteligente con
La idea de marca influye en los Bankinter es un banco que piensa, para personas que piensan. la sociedad, promoviendo la innovación como
cuatro campos de manifestación Un banco especial donde mentes más inquietas que la media herramienta para el desarrollo.
de una marca. encuentran respuestas honestas a todas sus necesidades
financieras.
Para nuestros socios
Un banco con gente que realmente sabe lo que hace, para gente es desafiar con originalidad lo convencional
que sabe lo que quiere. Persuade al experto, pero también atrae y compartir la pasión por el buen pensar y la
al que no es experto, con soluciones pensadas y relevantes, innovación relevante.
ejecutadas de forma eficiente.

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Introducción

Valores de marca

1.1.1 Bienvenido
1.1.2 Sobre este manual
1.1.3
1.1.4
Nuestra marca es más que un logo
Idea de marca
Los valores de Bankinter están en la base de todo lo
1.1.5 Valores de marca que hacemos, de lo que decimos. Han de influenciar cada
1.1.6 Personalidad de marca
1.1.7 Arquitectura de marca, introducción uno de los productos que desarrollamos, las iniciativas
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual que proponemos y quedar plasmados en el resultado final
1.1.10 Gestores de marca
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 Bienvenido
1.1.2 Sobre este manual
1.1.3 Nuestra marca es más que un logo
1.1.4 Idea de marca
1.1.5 Valores de marca
1.1.6 Personalidad de marca

Inteligencia
1.1.7 Arquitectura de marca, introducción
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual
1.1.10 Gestores de marca

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 Bienvenido
1.1.2 Sobre este manual

Innovación
1.1.3 Nuestra marca es más que un logo
1.1.4 Idea de marca
1.1.5 Valores de marca
1.1.6 Personalidad de marca

relevante
1.1.7 Arquitectura de marca, introducción
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual
1.1.10 Gestores de marca

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 Bienvenido
1.1.2 Sobre este manual
1.1.3 Nuestra marca es más que un logo
1.1.4 Idea de marca
1.1.5 Valores de marca
1.1.6 Personalidad de marca

Integridad
1.1.7 Arquitectura de marca, introducción
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual
1.1.10 Gestores de marca

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 Bienvenido
1.1.2 Sobre este manual
1.1.3 Nuestra marca es más que un logo
1.1.4 Idea de marca
1.1.5 Valores de marca
1.1.6 Personalidad de marca

Agilidad
1.1.7 Arquitectura de marca, introducción
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual
1.1.10 Gestores de marca

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 Bienvenido
1.1.2 Sobre este manual

Originalidad y
1.1.3 Nuestra marca es más que un logo
1.1.4 Idea de marca
1.1.5 Valores de marca
1.1.6 Personalidad de marca

provocación
1.1.7 Arquitectura de marca, introducción
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual
1.1.10 Gestores de marca

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 Bienvenido
1.1.2 Sobre este manual
1.1.3
1.1.4
Nuestra marca es más que un logo
Idea de marca
La personalidad dicta el estilo de la marca, sugiere una
1.1.5 Valores de marca forma de hablar, un tono de voz especial y diferente y
1.1.6 Personalidad de marca
1.1.7 Arquitectura de marca, introducción una apariencia fácilmente reconocible y memorable,
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual coherente con la idea y los valores de la marca.
1.1.10 Gestores de 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 Bienvenido La arquitectura de marca define y refleja la forma en la que una De acuerdo con esto, todo el banco se presenta bajo una sola
1.1.2 Sobre este manual empresa u organización estructura sus marcas, productos y marca e identifica sus divisiones, canales y productos sólo con
1.1.3 Nuestra marca es más que un logo servicios. En Bankinter, con el objetivo primordial de reforzar y descriptores tipográficos.
potenciar al máximo el valor de la marca, que es única y global,
1.1.4 Idea de marca
hemos optado por una reorganización de forma monolítica.
1.1.5 Valores de marca
1.1.6 Personalidad de marca Esto significa que los productos, servicios o iniciativas no deben
1.1.7 Arquitectura de marca, introducción tener una identidad visual propia si no que deben identificarse
1.1.8 Arquitectura de marca, detalles a través de la identidad global de Bankinter.
1.1.9 Expresión visual
1.1.10 Gestores de marca

Arquitectura de marca monolítica (esquema)

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 Bienvenido Divisiones, canales e iniciativas


1.1.2 Sobre este manual El descriptor tipográfico no forma parte del logotipo, si no que
1.1.3 Nuestra marca es más que un logo se ubica en relación al logotipo en lugares definidos en la
comunicación.
1.1.4 Idea de marca
1.1.5 Valores de marca En este caso el descriptor tipográfico forma un bloque con el
1.1.6 Personalidad de marca logotipo en una composición definida y fija. Para más
1.1.7 Arquitectura de marca, introducción información por favor consulta la página 1.2.8 de este manual.
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual
1.1.10 Gestores de marca Único identificador visual del banco:

Identidad visual independiente

Divisiones, Sociedades Ideas Bankinter Joint ventures


canales e iniciativas independientes • Fundación para • Capital One
• Banca Privada • Gestión de Activos la innovación • Línea directa
• Finanzas Personales • Capital Riesgo
• Banca Corporativa • Seguros de Vida
• Pymes
• Agente
• Iniciativas

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Introducción

Expresión visual

1.1.1 Bienvenido Bankinter regular


1.1.2 Sobre este manual ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
1.1.3 Nuestra marca es más que un logo 1234567890.,;:¡!¿?%&@€$£¥*
1.1.4 Idea de marca
1.1.5 Valores de marca Bankinter bold
1.1.6 Personalidad de marca ABCDEFGHIJKLMNÑOPQRSTUVWXZ
1.1.7 Arquitectura de marca, introducción abcdefghijklmnñopqrstuvwxyz
1234567890.,;:¡!¿?%&@€$£¥*
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual

abc
1.1.10 Gestores de marca

Vista general
Cinco elementos básicos forman
conjuntamente la identidad visual, Cuando ya
y un “look and feel”único. no trabaje usted
1. Logotipo podrían hacerlo
2. Tipografía
3. Color sus ahorros.
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 Bienvenido
1.1.2 Sobre este manual
Si tienes preguntas o comentarios sobre esta guía,
1.1.3 Nuestra marca es más que un logo los artes finales o simplemente necesitas que
1.1.4 Idea de marca
1.1.5 Valores de marca alguién te eche una mano, por favor, contacta con
1.1.6 Personalidad de marca
1.1.7 Arquitectura de marca, introducción los gestores de la marca Bankinter en el buzón:
1.1.8 Arquitectura de marca, detalles
1.1.9 Expresión visual marca@bankinter.es
1.1.10 Gestores de marca

Elena Fraguas Gadea Yolanda Sanz Rey


Directora de Gestión de Marca Ejecutiva Senior de Gestión de Marca
efraguas@bankinter.es ysanz@bankinter.es

Paseo de la Castellana, 29 Paseo de la Castellana, 29


28046 Madrid 28046 Madrid

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos

1.2.1
1 Logotipo

Introducción
.2
1.2.10 Cobranding
1.2.2 Logotipo corporativo 1.2.11 Uso de artes finales
1.2.3 Zona de protección 1.2.12 Código de ficheros
1.2.4 Usos incorrectos
1.2.5 Versiones de color
1.2.6 Logotipo sobre fondos
1.2.7 Logotipo sobre fondos fotográficos
1.2.8 Submarcas
1.2.9 Submarcas, versiones de color

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Logotipo

Introducción

1.2.1 Introducción
1.2.2 Logotipo corporativo
El logotipo forma parte de los elementos básicos de la
1.2.3 Zona de protección identidad Bankinter y gana impacto utilizándolo junto
1.2.4 Usos incorrectos
1.2.5 Versiones de color con el resto de los elementos, creando así un mensaje
1.2.6 Logotipo sobre fondos
1.2.7 Logotipo sobre fondos fotográficos coherente.
1.2.8 Submarcas
1.2.9 Submarcas, versiones de color
1.2.10 Cobranding
1.2.11 Uso de artes finales
El logotipo Bankinter refleja nuestro espíritu y carácter,
1.2.12 Código de ficheros 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 Introducción El logotipo Bankinter refleja nuestro espíritu y personalidad. El logotipo se deberá reproducir siempre utilizando los artes
1.2.2 Logotipo corporativo Ha sido diseñado especialmente para que represente nuestros finales originales y respetando las normas de aplicación que
1.2.3 Zona de protección valores y nuestra idea de marca. se describen en este manual de elementos básicos.
1.2.4 Usos incorrectos
Las formas únicas de las letras aunan líneas suaves de
1.2.5 Versiones de color modernidad y formas angulosas con carácter firme. El punto
1.2.6 Logotipo sobre fondos final expresa contundencia y rotundidad y contrasta con
1.2.7 Logotipo sobre fondos fotográficos la “b”minúscula que le proporciona un carácter directo,
1.2.8 Submarcas claro y cercano. Este contraste le asegura un aspecto
1.2.9 Submarcas, versiones de color reconocible, muy singular y una excelente legibilidad en
1.2.10 Cobranding todos los tamaños.
1.2.11 Uso de artes finales
1.2.12 Código de ficheros

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Logotipo

Zona de protección

1.2.1 Introducción Para que el logotipo conserve su efecto visual, siempre se


1.2.2 Logotipo corporativo debe respetar su zona de protección. Ésta equivale a la
1.2.3 Zona de protección altura de la letra “b”del logotipo, alrededor del mismo.
1.2.4 Usos incorrectos
Este espacio no debe ser invadido por elementos adyacentes,
1.2.5 Versiones de color ya sean texto, fotografías u otras marcas.
1.2.6 Logotipo sobre fondos
1.2.7 Logotipo sobre fondos fotográficos
1.2.8 Submarcas
1.2.9 Submarcas, versiones de color
1.2.10 Cobranding
1.2.11 Uso de artes finales
1.2.12 Código de ficheros

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 Introducción El uso incorrecto del logotipo Bankinter daña el impacto de Aquí mostramos algunos ejemplos de cosas que no se
1.2.2 Logotipo corporativo nuestra comunicación, ya que de esta forma mandamos deben hacer.
1.2.3 Zona de protección un mensaje incoherente a nuestras audiencias. Sólo es
correcto lo que está explícitamente descrito en este manual.
1.2.4 Usos incorrectos
Cualquier variante de color, orientación, proporción o
1.2.5 Versiones de color combinación es incorrecta y por tanto está prohibida.
1.2.6 Logotipo sobre fondos
1.2.7 Logotipo sobre fondos fotográficos
1.2.8 Submarcas
1.2.9 Submarcas, versiones de color No distorsionar el logotipo. No intentar recrear el logotipo en No añadir otros elementos al
1.2.10 Cobranding otra tipografía. logotipo.
1.2.11 Uso de artes finales
1.2.12 Código de ficheros

hipoteca SIN

verde

No modificar los elementos No cambiar el color, ni añades No girar el logotipo de ninguna


que componen el logoipo. efectos de ningún tipo. forma.

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Logotipo

Versiones de color

1.2.1 Introducción El logotipo Bankinter sólo existe en dos versiones cromáticas:


1.2.2 Logotipo corporativo naranja y negro. No existen más versiones de color, salvo
1.2.3 Zona de protección el logotipo en negativo (en blanco), que se utiliza sobre un fondo de
color o un fondo fotográfico. Ambas posibilidades se describen
1.2.4 Usos incorrectos
en las páginas siguientes.
1.2.5 Versiones de color
1.2.6 Logotipo sobre fondos
1.2.7 Logotipo sobre fondos fotográficos
1.2.8 Submarcas
1.2.9 Submarcas, versiones de color Reproducción en color – positivo Reproducción en blanco y negro – positivo
1.2.10 Cobranding
1.2.11 Uso de artes finales
1.2.12 Código de ficheros

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


Se puede aplicar el logotipo sobre fondos. Distinguimos dos Un fondo en naranja vital con el logotipo en negativo es una
tipos de fondos: Fondos de color y fondos fotográficos que se de las combinaciones preferibles dentro de las posibles opciones.
1.2.1 Introducción
describen en la página siguiente. Los tres colores secundarios también se pueden utilizar como
1.2.2 Logotipo corporativo
fondo para el logotipo en color naranja vital, siempre que no
1.2.3 Zona de protección se usen en demasiadas aplicaciones.
1.2.4 Usos incorrectos
1.2.5 Versiones de color
1.2.6 Logotipo sobre fondos
1.2.7 Logotipo sobre fondos fotográficos
1.2.8 Submarcas
1.2.9 Submarcas, versiones de color Reproducción sobre el color primario Reproducción sobre un color secundario
1.2.10 Cobranding
1.2.11 Uso de artes finales
1.2.12 Código de ficheros

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 Introducción Para la aplicación del logotipo sobre fondos fotográficos no hay
1.2.2 Logotipo corporativo restricciones, simplemente hay que asegurar su buena
1.2.3 Zona de protección reproducción y legibilidad sobre cualquier imagen. Hay que
evitar imágenes con demasiado contraste o movimiento ya que
1.2.4 Usos indebidos
pueden perjudicar la visibilidad del logotipo. Se puede utilizar
1.2.5 Versiones de color en versión naranja vital u opcionalmente en blanco si es necesario.
1.2.6 Logotipo sobre fondos
1.2.7 Logotipo sobre fondos fotográficos
1.2.8 Submarcas
1.2.9 Submarcas, versiones de color Reproducción en color sobre fondo fotográfico Reproducción en negativo sobre fondo fotográfico
1.2.10 Cobranding
1.2.11 Uso de artes finales
1.2.12 Código de ficheros

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 Introducción Las sociedades independientes de Bankinter se identifican con Este sistema no está previsto para ser utilizado por otras
1.2.2 Logotipo corporativo un logotipo-descriptor. En este caso el descriptor tipográfico áreas del banco. Para las submarcas se aplican los mismos
1.2.3 Zona de protección forma parte del propio logotipo en una composición fija e principios de diseño y reglas de utilización como para el
inamovible. Las sociedades independientes que utilizan un logotipo corporativo. Por lo tanto sólo es correcto lo que está
1.2.4 Usos indebidos
logotipo descriptor se limitan a Bankinter Capital Riesgo (1), explícitamente descrito en este manual. Cualquier otra
1.2.5 Versiones de color Bankinter Gestión de Activos (2) y Bankinter Seguros de Vida (3). variante de color, orientación, proporción o combinación
1.2.6 Logotipo sobre fondos Los Agentes Bankinter (3) utilizan esta composición sólo en es incorrecta y por tanto está prohibida.
1.2.7 Logotipo sobre fondos fotográficos elementos de señalización.
1.2.8 Submarcas
1.2.9 Submarcas, versiones de color 1.
1.2.10 Cobranding
1.2.11 Uso de artes finales Capital Riesgo
1.2.12 Código de ficheros

Nombre comercial... 2.

Zona de protección Gestión de Activos

3.

Nombre comercial de sociedad Seguros de Vida

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 Introducción Las submarcas Bankinter sólo existen en dos versiones Para las submarcas se aplican los mismos principios de diseño
1.2.2 Logotipo corporativo cromáticas: naranja y negro. No existen más versiones de color, y reglas de utilización como para el logotipo corporativo
1.2.3 Zona de protección salvo el logotipo-descriptor en blanco (logotipo-descriptor en previamente descritas en este manual.
negativo) sobre un fondo de color o un fondo fotográfico.
1.2.4 Usos indebidos
1.2.5 Versiones de color
1.2.6 Logotipo sobre fondos
1.2.7 Logotipo sobre fondos fotográficos
1.2.8 Submarcas Reproducción en color – positivo Reproducción en blanco y negro – positivo
1.2.9 Submarcas, versiones de color
1.2.10 Cobranding
1.2.11 Uso de artes finales
1.2.12 Código de ficheros Nombre comercial de sociedad Nombre comercial de sociedad

Reproducción en color – negativo Reproducción en blanco y negro – negativo

Nombre comercial de sociedad Nombre comercial de sociedad

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Logotipo

Cobranding

1.2.1 Introducción Cuando el logotipo Bankinter tenga que aparecer en relación Todas las acciones de cobranding deberán ser consultadas
1.2.2 Logotipo corporativo con la marca de un socio, podemos seguir los ejemplos previamente y aprobadas por la Dirección de Gestión de
1.2.3 Zona de protección aquí descritos los cuales cubren las situaciones más comunes. Marca Bankinter (véase página 1.1.10), ya que el peso visual
Si por cualquier causa hubiera que aplicar otro tipo de de nuestro logotipo, en relación con aquel de nuestro socio,
1.2.4 Usos indebidos
alineación, debemos utilizar el criterio profesional y el sentido podrá variar en función de la relación de negocio que se
1.2.5 Versiones de color común para lograr una opción que preserve la legibilidad y haya establecido entre ambas compañías.
1.2.6 Logotipo sobre fondos buena reproducción de nuestro logotipo.
1.2.7 Logotipo sobre fondos fotográficos
1.2.8 Submarcas Alineación horizontal en línea
1.2.9 Submarcas, versiones de color
1.2.10 Cobranding
1.2.11 Uso de artes finales
1.2.12 Código de ficheros

Ejemplo (parte de una carta) Alineación horizontal centrada 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 Introducción Archivos para arte final y reproducción profesional Archivos para uso de oficina y administración
1.2.2 Logotipo corporativo
1.2.3 Zona de protección Puedes disponer por separado de distintos archivos para También te proporcionamos archivos para uso en procesadores
Macintosh® y para PC/Windows®. Todos ellos se pueden abrir de texto, hojas de cálculo y presentaciones:
1.2.4 Usos indebidos
en los distintos sistemas operativos.
1.2.5 Versiones de color WMF (Windows® Metafile)
1.2.6 Logotipo sobre fondos Encontrarás todos los archivos guardados como EPS Es reducido en tamaño y su cambio de escala proporcional
1.2.7 Logotipo sobre fondos fotográficos (Encapsulated Post Script®). no afecta su calidad de salida, por lo que está especialmente
1.2.8 Submarcas indicado para documentación impresa dentro del ámbito de los
1.2.9 Submarcas, versiones de color Hemos incluido también archivos Adobe® Illustrator® procesadores de texto. Además su calidad de impresión en la
1.2.10 Cobranding guardados con color RGB para pantalla. mayoría de las impresoras es buena. No se recomienda el uso
de estos archivos para aplicaciones en pantalla (ej: presentaciones).
1.2.11 Uso de artes finales
Ademas encontrarás archivos vectorizados Adobe® Illustrator®
1.2.12 Código de ficheros adicionales para el entorno PC/Windows, por si los archivos PNG (Portable Networks Graphic)
EPS te dan algún problema. Este formato se puede usar para pantalla y para documentación
impresa. Los archivos tienen un fondo transparente para la
En el caso de que necesites el logotipo para uso profesional, aplicación sobre fondos apropiados.
sea para utilizarla tú o para entregarla a un tercero, asegúrate
de usar siempre archivos EPS o AI, ya que es probable que, BMP (Windows® Bitmap) y TIF (Tagged Image File Format)
de no ser estos, la resolución, el tamaño o el color no sean los Estos archivos son compatibles con versiones anteriores de los
correctos para el uso concreto que se necesite. 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.

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Logotipo

Código de ficheros

1.2.1 Introducción Para identificar los diferentes artes finales se ha desarrollado un


1.2.2 Logotipo corporativo código que contiene información acerca de la versión de la marca,
1.2.3 Zona de protección el sistema cromático y el formato del archivo.
1.2.4 Usos indebidos
Es importante conocer este código y saber distinguirlo para poder
1.2.5 Versiones de color identificar y trabajar con los artes finales correctos.
1.2.6 Logotipo sobre fondos
1.2.7 Logotipo sobre fondos fotográficos
1.2.8 Submarcas
1.2.9 Submarcas, versiones de color
1.2.10 Cobranding
1.2.11 Uso de artes finales
B1 _P . EPS
1.2.12 Código de ficheros

Formato de archivo
Imprenta
EPS Encapsulated Post Script®
AI Adobe® Illustrator®
Versión de color Oficina
Imprenta WMF Windows® Metafile
P color directo Pantone® PNG Portable Network Graphic
CMYK cuatricromía BMP Windows® Bitmap
N Negro TIF Tagged Image File Format
Versión de la marca B Blanco
B1 Bankinter Pantalla
B2 Bankinter Capital Riesgo RGB RGB, color pantalla
B3 Bankinter Gestión de Activos RN RGB negro
B4 Bankinter Seguros de Vida RB RGB blanco

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos

1.3.1
1 Tipografía

Introducción
.3
1.3.2 Tipografía Bankinter
1.3.3 Tipografía primaria titulares
1.3.4 Tipografía primaria cuerpo de texto
1.3.5 Tipografía de sustitución
1.3.6 Estilo tipográfico
1.3.7 Reglas tipográficas

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Tipografía

Introducción

1.3.1 Introducción
1.3.2 Tipografía Bankinter
Bankinter es un banco diferente. La forma en la que hablamos
1.3.3 Tipografía primaria titulares y escribimos es tan importante como nuestra apariencia.
1.3.4 Tipografía primaria cuerpo de texto
1.3.5 Tipografía de sustitución Las palabras que empleamos y el estilo con el que las usamos
1.3.6 Estilo tipográfico
1.3.7 Reglas tipográficas 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 Introducción La tipografía Bankinter es el resultado de un desarrollo exclusivo La Bankinter es una tipografía sofisticada y elegante.
1.3.2 Tipografía Bankinter para nosotros, basado en nuestra idea de marca y los valores Transmite competencia y autoridad sin parecer distante.
1.3.3 Tipografía primaria titulares definidos. Su diseño se inspira en formas del propio logotipo La Bankinter regular y bold se utilizan para titulares y
Bankinter y mezcla líneas contemporáneas con elementos de destacados, mientras que la Bankinter Text es una versión
1.3.4 Tipografía primaria cuerpo de texto
diseño clásicos, como las serifas. Este contraste le proporciona optimizada para grandes bloques de texto y tamaños
1.3.5 Tipografía de sustitución aspecto reconocible, muy propio y una excelente legibilidad pequeños (ej. informe anual), ya que es más fina y el ancho
1.3.6 Estilo tipográfico en todos los tamaños, tanto en el caso de letras como en cifras. está reducido.
1.3.7 Reglas tipográficas

abc
Familia tipográfica Bankinter

Bankinter regular
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
1234567890.,;:¡!¿?%&@€$£¥*

Bankinter bold
ABCDEFGHIJKLMNÑOPQRSTUVWXZ
abcdefghijklmnñopqrstuvwxyz
compromiso 1234567890.,;:¡!¿?%&@€$£¥*

innovación Bankinter Text regular


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
inversión abcdefghijklmnñopqrstuvwxyz
1234567890.,;:¡!¿?%&@€$£¥*
hipoteca
euríbor Bankinter Text bold
ABCDEFGHIJKLMNÑOPQRSTUVWXZ
valor abcdefghijklmnñopqrstuvwxyz
1234567890.,;:¡!¿?%&@€$£¥*
Contenidos Salir Versión 0.1
Bankinter identidad visual
Elementos básicos Tipografía

Tipografía primaria titulares

1.3.1 Introducción La Bankinter regular y bold se utilizan para titulares y


1.3.2 Tipografía Bankinter destacados en todos los soportes de comunicación. Es uno de
1.3.3 Tipografía primaria titulares los elementos más reconocibles de nuestra nueva identidad.
1.3.4 Tipografía primaria cuerpo de texto
Aunque su función principal es el uso en titulares y textos
1.3.5 Tipografía de sustitución destacados, tambien puede ser utilizado para cuerpo de texto,
1.3.6 Estilo tipográfico siempre que no sea mejor opción el uso de la Bankinter Text.
1.3.7 Reglas tipográficas

Bankinter regular

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
Ejemplo (tamaño reducido) 1234567890.,;:¡!¿?%&@€$£¥*
Pensar Bankinter bold

es también
cuestión ABCDEFGHIJKLMNÑOPQRSTUVWXZ
de escala.
Hagámoslo abcdefghijklmnñopqrstuvwxyz
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
1234567890.,;:¡!¿?%&@€$£¥*
faucibus, felis mauris elementum sapien, ut varius velit dui nec tellus.

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Tipografía

Tipografía primaria cuerpo de texto

1.3.1 Introducción La Bankinter Text es una versión optimizada para cuerpo de texto
1.3.2 Tipografía Bankinter en grandes cantidades y tamaños pequeños (ej. informe anual),
1.3.3 Tipografía primaria titulares ya que es más fina y tiene un ancho reducido.
1.3.4 Tipografía primaria cuerpo de texto
1.3.5 Tipografía de sustitución
1.3.6 Estilo tipográfico
1.3.7 Reglas tipográficas

Bankinter Text regular

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
Ejemplo (tamaño reducido) 1234567890.,;:¡!¿?%&@€$£¥*
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
Lorem ipsum dolor sit amet, consectetuer
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
Bankinter Text bold
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

ABCDEFGHIJKLMNÑOPQRSTUVWXZ
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,

abcdefghijklmnñopqrstuvwxyz
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

1234567890.,;:¡!¿?%&@€$£¥*
nuestros clientes lo hacen?

valor
Cuantificación del riesgo Evolución morosidad por segmentos
(en %) (en %)

Resto categorías
de Personas Jurídicas 11

Empresas grandes 27 Pymes

2003 0,63
2004 0,44

Corporativa

2003 0,32
2004 0,24

Hipotecas vivienda 45
Personas Físicas
Consumo 3
2003 0,22
Resto categorías 5
de Personas Físicas 5 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 Introducción Para medios electrónicos de uso interno, como aplicaciones de Importante:
1.3.2 Tipografía Bankinter Microsoft® Office (ej. presentaciónes Powerpoint) y para páginas Las tipografías de sustitución nunca se deberán utilizar para
1.3.3 Tipografía primaria titulares web, se puede utilizar las tipografías de sistema Verdana aplicaciones profesionales o soportes de comunicación impresos.
y Tahoma. Especialmente en casos en los que una aplicación
1.3.4 Tipografía primaria cuerpo de texto
tenga que ser vista y compartida por terceros que no tengan
1.3.5 Tipografía de sustitución instalada nuestra tipografía Bankinter en sus ordenadores,
1.3.6 Estilo tipográfico será necesario utilizar las tipografías aquí especificadas.
1.3.7 Reglas tipográficas

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 Introducción Nuestra tipografía es un instrumento ideal para visualizar A través de composiciones tipográficas, tratando el texto casi
1.3.2 Tipografía Bankinter nuestra forma de ser y pensar. En combinación con el resto de como si fuera una imagen, podemos crear mensajes claros y
1.3.3 Tipografía primaria titulares los elementos básicos (color, tono de voz, fotografía) somos directos que llaman la atención, u otros más elegantes y
capaces de crear impacto con nuestra comunicación utilizando sofisticados que hacen pensar.
1.3.4 Tipografía primaria cuerpo de texto
la tipografía de una manera creativa, atrevida e inteligente,
1.3.5 Tipografía de sustitución siempre que tenga sentido y sea una interpretación Estos ejemplos son conceptuales para que sirvan como
1.3.6 Estilo tipográfico sorprendente del mensaje a comunicar. inspiración, no pretenden ser piezas de comunicación aprobada.
1.3.7 Reglas tipográficas Aunque están presentados en formato póster, su estilo se puede
aplicar a cualquier otro soporte de comunicación.

Ejemplo (tamaño reducido)

¿Por qué viendo como crece4 su1 di


123 567890

¿¥?
09876543
no pararse a
pensar si
viendo como crece su dinero. 2
234567890
haciéndolo viendo como crece su dinero. 1
09876 4321
se gana dinero? viendo como crece su dinero. 5
12345678 0
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
viendo como crece su dinero. 9
faucibus, felis mauris elementum sapien, ut varius velit dui nec tellus.
viendo como crece su dinero.
Invierta en pensar. Hemos mirado sus números.
viendo como crece su dinero. Genera intereses. 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 Introducción Los mensajes que aparecen como texto son parte de nuestra
1.3.2 Tipografía Bankinter “voz escrita”. Asegurarse de que estos mensajes sean los
1.3.3 Tipografía primaria titulares apropiados para Bankinter es igual de importante que utilizar
la tipografía correcta.
1.3.4 Tipografía primaria cuerpo de texto
1.3.5 Tipografía de sustitución La forma en la que se componen los textos es clave para
1.3.6 Estilo tipográfico mantener la coherencia tipográfica. Aquí mostramos las
1.3.7 Reglas tipográficas 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 NO COMPONGAS EL TEXTO CON MAYÚSCULAS NI
haces tal como aparece en esta frase. Utilices Mayúsculas Para Cada Palabra Como Aquí.

Elige la justificación de texto adecuada para que funcione No utilices un espaciado entre caracteres que sea o
en relación al tamaño de la tipografía y el ancho de la zona m u y a n c h o o muy estrecho.
de texto.
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). No subrayes las palabras, a no ser que sean vínculos
de internet.
Utiliza siempre las comillas individuales y dobles correctas
(’,”), y no los apóstrofes (´). No modifiques la tipografía ni ensanchándola
ni condensándola.
Empieza cada frase nueva con mayúscula dejando un solo
espacio detrás del punto. No dos como aquí. 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 alinead-


os a la izquierda de forma incorrecta como en
este ejemplo.
Contenidos Salir Versión 0.1
Bankinter identidad visual
Elementos básicos

1.4.1
1 Color

Introducción
.4
1.4.2 Paleta de colores
1.4.3 Color primario
1.4.4 Colores secundarios
1.4.5 Uso de color
1.4.6 Combinación y peso de color

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Color

Introducción

1.4.1 Introducción
1.4.2 Paleta de colores
El color es un elemento fundamental a la hora de comunicar
1.4.3 Color primario la personalidad de la marca y diferenciarla de la competencia.
1.4.4 Colores secundarios
1.4.5 Uso de color
1.4.6 Combinación y peso de color
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 Introducción La paleta de colores de nuestra identidad se compone de un


1.4.2 Paleta de colores color primario – el naranja – y una serie de tres colores
1.4.3 Color primario secundarios. Además se utilizan el negro y el blanco como
colores de apoyo.
1.4.4 Colores secundarios
1.4.5 Uso de color El uso de la paleta de colores en la proporción correcta es muy
1.4.6 Combinación y peso de color 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 Introducción El color naranja es uno de los elementos que más nos identifica. Sistemas cromáticos:
1.4.2 Paleta de colores Nuestra diferenciación está basada en el uso predominante del
1.4.3 Color primario color naranja en combinación con el negro y el blanco. Pantone®*
El naranja es un color alegre, vital, soleado y cálido. Se vincula Los colores Pantone® son la referencia principal para todas
1.4.4 Colores secundarios
a la felicidad, al vigor, a la determinación, al estímulo, al éxito, las aplicaciones impresas. Siempre que sea posible se utiliza
1.4.5 Uso de color a la energía y a la vitalidad. Estimula la mente, es muy llamativo, el color directo Pantone. Para cualquier otro sistema que no
1.4.6 Combinación y peso de color destaca y se puede asociar a la riqueza, la inteligencia y la esté mencionado aquí, la especificación Pantone es la
creatividad. referencia base.

Cuatricromía (CMYK)
naranja vital blanco
Cyan, magenta, yellow, key-colour (negro) – modelo de color
sustractivo utilizado en la impresión por cuatricromía y en
impresoras de color.

RGB
negro Red, green, blue – colores utilizados en monitores y escáners.
Pantone
HTML

Ejemplo (tamaño reducido)


165 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
Cuatricromía (CMYK)
modificados.
Pensar c0 m75 y100 k0
Nota: la conversión a cuatricromía de este color ha sido optimizado
es también respecto a los valores facilitados por Pantone. Siempre se deben
utilizar los valores optimizados y no la conversión original de Pantone.
NCS**
El sistema NCS se utiliza si las referencias de Pantone no pueden
cuestión RGB
ser interpretados por diferencias de los sistemas cromáticos.

de escala. r245 g102 b0


Este puede ser el caso de pintura de uso industrial (lacados,
pintura plástica, etc.).
Hagámoslo HTML
a lo grande. ff 7e 00
Nota: la conversión HTML de este
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
color ha sido modificada respecto a los
faucibus, felis mauris elementum sapien, ut varius velit dui nec tellus.
valores RGB. 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.
NCS Por favor consulta las publicaciones vigentes de Pantone para obtener las referencias
actuales de color correspondientes.
0585-Y60R *Pantone es una marca registrada de Pantone, Inc.
**NCS (Natural Colour System®) es una marca registrada de Scandinavian Colour Institute.

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Color

Colores secundarios

1.4.1 Introducción La paleta de colores secundarios ha sido desarrollada para dar Los colores secundarios pueden ser utilizados como fondos
1.4.2 Paleta de colores apoyo al color naranja como color primario y hacerlo a resaltar. lisos en soportes de comunicación o para el diseño de gráficos,
1.4.3 Color primario De forma intencionada se han combinado colores que huyen de tablas o elementos tipográficos, como por ejemplo destacados.
las interpretaciones cromáticas convencionales y corporativas
1.4.4 Colores secundarios
del sector bancario. La paleta secundaria no debe ser utilizada
1.4.5 Uso de color de forma que pueda llegar a reemplazar al naranja, pero sí para
1.4.6 Glosario enfatizar, resaltar y estructurar contenido en todas las áreas de
la identidad visual.

gris profundo amarillo diferente azul idea

Pantone Pantone Pantone

Ejemplo (tamaño reducido)


411 459 629
Cuatricromía (CMYK) Cuatricromía (CMYK) Cuatricromía (CMYK)

07
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
Lorem ipsum dolor sit amet, consectetuer
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
c0 m30 y35 k80 c0 m0 y55 k15 c40 m0 y15 k0
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
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Integer condimentum ipsum pulvinar enim. Aliquam feugiat
Nota: la conversión a cuatricromía de este Nota: la conversión a cuatricromía de este Nota: la conversión a cuatricromía de este
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
sed, ultrices a, mauris.
hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
sed, ultrices a, mauris. color ha sido optimizado respecto a los color ha sido optimizado respecto a los color ha sido optimizado respecto a los
Phasellus posuere, tellus sed posuere
faucibus, felis mauris elementum sapien, ut varius velit dui
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,
valores facilitados por Pantone. valores facilitados por Pantone. valores facilitados por Pantone.
nec tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer condimentum ipsum pulvinar enim. Aliquam feugiat hendrerit vitae, arcu. Proin est justo, tincidunt vel, venenatis
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 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

RGB RGB RGB


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

r99 g84 b74 r224 g212 b120 r181 g217 b222


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?
HTML HTML HTML
33 33 33 ff ff 99 cc cc ff
Nota: la conversión HTML de este Nota: la conversión HTML de este Nota: la conversión HTML de este
valor color ha sido modificada respecto a los
valores RGB.
color ha sido modificada respecto a los
valores RGB.
color ha sido modificada respecto a los
valores RGB.
Cuantificación del riesgo Evolución morosidad por segmentos
(en %) (en %)

Resto categorías
de Personas Jurídicas 11

Empresas grandes 27 Pymes

2003 0,63

NCS NCS NCS


2004 0,44

Corporativa

Resultados
2003 0,32
2004 0,24

Hipotecas vivienda 45
Personas Físicas
Consumo 3

7010-Y70R 1040-G90Y 1020-B30G


2003 0,22
Resto categorías 5
de Personas Físicas 5 2004 0,16

Empresas pequeñas 2
Empresas medianas 7

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Color

Uso de color

1.4.1 Introducción Para conseguir mayor variedad de color y recursos gráficos Los porcentajes de color no deben utilizarse en exceso,
1.4.2 Paleta de colores para el diseño de información y así poder estructurar ciertos si no sólo si es necesario y ayuda a estructurar y visualizar
1.4.3 Color primario contenidos, los colores pueden utilizarse en porcentajes mejor la información, ya que es preferible que los colores se
definidos. Es una opción interesante en el caso de presupuestos reproduzcan al 100 %. Los ejemplos a tamaño reducido de esta
1.4.4 Colores secundarios
limitados o si se trata de soportes de comunicación impresos página demuestran el uso de color en gráficos.
1.4.5 Uso de color en una o dos tintas.
1.4.6 Combinación y peso de color

100 % 80 % 60 % 40 % 30 %
Evolución morosidad por segmentos
(en %)

Pymes

2003 0,63
2004 0,44

Corporativa

2003 0,32
2004 0,24

Personas Físicas

2003 0,22
2004 0,16

Cuantificación del riesgo


(en %)

Empresas pequeñas 11 Consumo 3


Empresas grandes 27 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 Resto categorías


de Personas Jurídicas 11 de Personas Jurídicas 11
Empresas grandes 27 Empresas grandes 27

Hipotecas vivienda 45 Hipotecas vivienda 45


Consumo 3 Consumo 3
Resto categorías 5 Resto categorías 5
de Personas Físicas 5 de Personas Físicas 5
Empresas pequeñas 2 Empresas pequeñas 2
Empresas medianas 7 Empresas medianas 7

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Color

Combinación y peso de color Peso de color


(ejemplos esquemáticos, no representan diseño)

Los colores primarios y secundarios no sólo sirven para Fuerte,


1.4.1 Introducción dinámico,
1.4.2 Paleta de colores identificar Bankinter si no también para crear diferentes y llamativo

1.4.3 Color primario percepciones emocionales a través de la combinación y


proporción de los diferentes colores.
1.4.4 Colores secundarios
1.4.5 Uso de color Dependiendo de la función o el fin de la pieza, se puede optar
1.4.6 Combinación y peso de color 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 Exclusivo
y elegante
que pueden causar.

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.1
1 Estilo fotográfico

Introducción
.5
1.5.2 Recursos fotográficos
1.5.3 Gente Bankinter
1.5.4 Objetos y detalles
1.5.5 Clientes y consumo

Contenidos < > Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Estilo fotográfico

Introducción

1.5.1 Introducción
1.5.2 Recursos fotográficos
La fotografía es un elemento muy importante en la
1.5.3 Gente Bankinter comunicación de Bankinter. El uso de fotografía no es siempre
1.5.4 Objetos y detalles
1.5.5 Clientes y consumo 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 Introducción Color Perspectiva


1.5.2 Recursos fotográficos El color es uno de los elementos básicos en la fotografía de Para crear sensación de dinamismo, que no necesariamente
1.5.3 Gente Bankinter Bankinter. Trabajamos con color porque queremos mostrar las de movimiento, trabajamos con perspectivas y puntos de
cosas con autenticidad y en el contexto real. Sólo así se vista muy marcados. Esto sa aplica especialmente en casos
1.5.4 Objetos y detalles
transmiten confianza y decisión. de vistas frontales, que pueden resultar estáticas, o donde la
1.5.5 Clientes y consumo composición y el contenido así lo requieran.
Puedes utilizar fotos que por naturaleza contengan un espectro
de colores limitados (azul en una foto del cielo o verde en un Encuadre
zoom de césped) sin problema, siempre que se entienda el El estilo de encuadre de nuestras imágenes recoge siempre
contexto y reflejen la realidad. lo importante de cada foto, sin mostrar necesariamente la
causa de ello. Nos hacen pensar y nos permiten deducir lo que
No utilizamos fotos en blanco y negro o duotonos, salvo que sugieren.
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.

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 Introducción
1.5.2 Recursos fotográficos
1.5.3 Gente Bankinter
1.5.4 Objetos y detalles
1.5.5 Clientes y consumo

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Estilo fotográfico

Objetos y detalles

1.5.1 Introducción
1.5.2 Recursos fotográficos
1.5.3 Gente Bankinter
1.5.4 Objetos y detalles
1.5.5 Clientes y consumo

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Estilo fotográfico

Clientes y consumo

1.5.1 Introducción
1.5.2 Recursos fotográficos
1.5.3 Gente Bankinter
1.5.4 Objetos y detalles
1.5.5 Clientes y consumo

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos

1.6.1
1 Tono de voz

Introducción
.6
1.6.2 Estilo
1.6.3 Ejemplos

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Tono de voz

Introducción

1.6.1 Introducción
1.6.2 Estilo
La forma en la que hablamos y escribimos es tan importante
1.6.3 Ejemplos 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 Introducción
1.6.2 Estilo
1.6.3 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 Introducción
1.6.2 Estilo
1.6.3 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 Introducción
1.6.2 Estilo
1.6.3 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 Introducción
1.6.2 Estilo
1.6.3 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 Introducción
1.6.2 Estilo
1.6.3 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 Introducción
1.6.2 Estilo
1.6.3 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 Introducción
1.6.2 Estilo
1.6.3 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.1
1 .7
Principios de diseño

Introducción
1.7.2 Vista general
1.7.3 Posicionamiento del logotipo
1.7.4 Tamaño del logotipo
1.7.5 Composición de mensajes, elementos
1.7.6 Composición de mensajes, proporción
1.7.7 Contenedores
1.7.8 Contenedores en color
1.7.9 Identificadores de iniciativas
1.7.10 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 Introducción
1.7.2 Vista general
El diseño corporativo de Bankinter está basado en una
1.7.3 Posicionamiento del logotipo serie de elementos básicos que aplicados conjuntamente
1.7.4 Tamaño del logotipo
1.7.5 Composición de mensajes, elementos crean nuestra identidad única.
1.7.6 Composición de mensajes, proporción
1.7.7 Contenedores
1.7.8 Contenedores en color
1.7.9 Identificadores de iniciativas Los principios de diseño definen la forma como se
1.7.10 Aplicación de identificadores
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 Introducción Bankinter regular


1.7.2 Vista general ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
1.7.3 Posicionamiento del logotipo 1234567890.,;:¡!¿?%&@€$£¥*
1.7.4 Tamaño del logotipo
1.7.5 Composición de mensajes, elementos Bankinter bold
1.7.6 Composición de mensajes, proporción ABCDEFGHIJKLMNÑOPQRSTUVWXZ
1.7.7 Contenedores abcdefghijklmnñopqrstuvwxyz
1234567890.,;:¡!¿?%&@€$£¥*
1.7.8 Contenedores en color
1.7.9 Identificadores de iniciativas

abc
1.7.10 Aplicación de identificadores

Vista general
Cinco elementos básicos forman
conjuntamente la identidad visual, Cuando ya
y un “look and feel”único. no trabaje usted
1. Logotipo podrían hacerlo
2. Tipografía
3. Color sus ahorros.
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 Introducción El logotipo Bankinter se ubica en dos posiciones diferentes en las Los ejemplos de abajo son esquemáticos y explican el
1.7.2 Vista general diversas aplicaciónes. Mientras en los elementos de papelería comportamiento general del logotipo. Aunque se presenta en
1.7.3 Posicionamiento del logotipo predomina la posición superior, en elementos de comunicación un formato vertical, se puede aplicar en formato horizontal y
impresa el logotipo se ubica en la parte inferior de un formato, en cualquier tipo de soporte de comunicación, sea impreso o
1.7.4 Tamaño del logotipo
ya que siempre va acompañado por un mensaje. Las ubicaciones digital.
1.7.5 Composición de mensajes, elementos con orientación a la derecha sólo existen como excepción.
1.7.6 Composición de mensajes, proporción
1.7.7 Contenedores
1.7.8 Contenedores en color Ejemplos
1.7.9 Identificadores de iniciativas
1.7.10 Aplicación de identificadores
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum

¿€?
Lorem ipsum dolor sit amet,
dolor sit amet, consectetuer
adispiscin elit.
consectetuer Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Praesent purus. Fusce sodales sapien
at mi tristique euismod. Nulla facilisi. Nam tempus.

adispiscin elit.
Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Praesent purus. Fusce sodales sapien at mi tristique euismod.
consectetuer adispiscin elit. Nulla facilisi. Nam tempus.

www.bankinter.com
12345678910
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Distancia mínima Opciones de ubicación general Posicionamiento opcional Posicionamiento recomendado Posicionamiento con contenedor
La zona de protección define el espacio que El logotipo puede colocarse en las En el caso en el que el logotipo no forme Cuando el logotipo “firma”un mensaje, Cuando se utiliza un mensaje dentro de
necesita el logotipo para conservar su efecto cuatro esquinas de un formato, parte de una composición tipográfica y hay otros elementos de comunicación un contenedor, el logotipo forma parte de
visual. A la vez establece la distancia mínima siempre que no vaya acompañado de sobre un fondo de color o una imágen, (teléfonos, direcciones web, etc.) que la composición gráfica y se ubica dentro
que necesita mantener el logotipo para ser ningún elemento tipográfico éste será alineado a la izquierda con impiden la ubicación en la parte inferior del contenedor de acuerdo a las
posicionado en cualquier formato. complementario. En este caso el el texto y ubicado en la parte inferior de del formato, el logotipo se puede proporciones definidas, véase página 1.7.5.
Dependiendo del tamaño y el tipo de aplicación, logotipo se ubica a la izquierda. un formato. ubicar como parte de la composición Ejemplo: poster, cartel, portada de
esta distancia puede ser mayor. La posición centrada está prohibida. Ejemplo: poster o cartel. de acuerdo a las proporciones definidas, publicación.
Ejemplo: elementos de papelería. véase página 1.7.5.
Ejemplo: poster, cartel, portada de
publicación.

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Principios de diseño

Tamaño del logotipo

1.7.1 Introducción Para conseguir máxima homogeneidad en el uso del logotipo Estos tamaños se orientan en la gama de formatos DIN y se
1.7.2 Vista general y no trabajar con demasiados tamaños diferentes, se han deberán aplicar siempre que no haya otro criterio que influya
1.7.3 Posicionamiento del logotipo definido 6 tamaños estándar para el logotipo en aplicaciones en el tamaño del logotipo. Para aplicaciones específicas
que no utilizan mensajes en contenedores. (ej: papelería, sistema de literatura, etc.) existen normas
1.7.4 Tamaño del logotipo
detalladas que se describen en el manual de aplicaciones.
1.7.5 Composición de mensajes, elementos
1.7.6 Composición de mensajes, proporción
1.7.7 Contenedores
1.7.8 Contenedores en color 15 mm Tamaños estándar recomendados:
Tamaño mínimo
1.7.9 Identificadores de iniciativas
1.7.10 Aplicación de identificadores 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 Introducción Elementos


1.7.2 Vista general La comunicación de Bankinter está basada en un sistema
1 Hipotecas sencillo de elementos que, cuando se aplican conjuntamente,
1.7.3 Posicionamiento del logotipo
crean nuestro estilo de mensajes de comunicación.
1.7.4 Tamaño del logotipo 2
La mayoría de la gente
1.7.5 Composición de mensajes, elementos Estos elementos se pueden aplicar de la misma forma en
1.7.6 Composición de mensajes, proporción quiere un banco que todos los soportes de comunicación, sean impresos o digitales.
1.7.7 Contenedores
1.7.8 Contenedores en color
ofrezca algo diferente.
1.7.9 Identificadores de iniciativas La minoría también.
1.7.10 Aplicación de identificadores
3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 1 Descriptor (opcional)
Praesent purus. Fusce sodales sapien at mi tristique euismod.
Nulla facilisi. Nam tempus. ¿Quién está mandando el mensaje y de qué trata?
Ejemplo (tamaño reducido) 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)
Hipotecas
o un grupo de productos (ej: Hipotecas).
La mayoría de la gente
quiere un banco que 2 Mensaje
ofrezca algo diferente.
Comunicación en el tono de voz Bankinter.
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.
3 Texto adicional (opcional)
Una descripción breve que ofrece información adicional
vinculada al mensaje principal.

4 Logotipo

5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


5 Información adicional (opcional)
901 13 13 13 Aquí pueden ir especificaciónes legales u otros datos
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. www.bankinter.com
901 13 13 13
www.bankinter.com
relevantes, números de teléfono o direcciónes de página
web.

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 Para aplicaciones específicas (sistema de literatura, etc.) existen


normas detalladas que se describen en el manual de aplicaciones.

1.7.1 Introducción
1.7.2 Vista general
1.7.3 Posicionamiento del logotipo x

1.7.4 Tamaño del logotipo La mayoría de la gente Hemos mirado Hemos mirado sus números.
Podría estar ganando más.
1.7.5 Composición de mensajes, elementos
1.7.6 Composición de mensajes, proporción quiere un banco que sus números.
1.7.7 Contenedores
ofrezca algo diferente. Podría estar
1.7.8 Contenedores en color
1.7.9 Identificadores de iniciativas La minoría también. 75 % x ganando más.
1.7.10 Aplicación de identificadores L
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. 25 % x
La minoría tambien.

Hoy
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Praesent purus. Fusce sodales sapien at mi tristique euismod.

7 % hoy.
Nulla facilisi. Nam tempus.

40 % x

7 % mañana.

Esquema de proporción Ejemplos


Diferentes tamaños de texto.

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Principios de diseño

Contenedores

1.7.1 Introducción Los contenedores con las esquinas redondeadas son uno de Se pueden utilizar tanto en la portada como en el interior de
1.7.2 Vista general nuestros recursos gráficos. Éstos nos ayudan a destacar publicaciones y para cualquier otro tipo de soporte de
1.7.3 Posicionamiento del logotipo información y a jerarquizarla. Pueden contener color y texto y comunicación (ej: presentaciones Powerpoint).
variar en tamaño, proporción y posición. Puedes utilizar
1.7.4 Tamaño del logotipo
contenedores cuadrados o rectangulares, tanto verticales El radio de las esquinas deberá mantener una cierta sutileza,
1.7.5 Composición de mensajes, elementos como horizontales. como aparece en el ejemplo esquemático.
1.7.6 Composición de mensajes, proporción
1.7.7 Contenedores
1.7.8 Contenedores en color
1.7.9 Identificadores de iniciativas
1.7.10 Aplicación de identificadores
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
sit amet, consectetuer Lorem ipsum
adispiscin elit. dolor sit amet,
consectetuer
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Praesent purus. Fusce sodales sapien
at mi tristique euismod. Nulla facilisi. Nam tempus.

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, Esquinas demasiado
consectetuer redondeadas.
adispiscin elit.
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Praesent purus. Fusce sodales sapien
at mi tristique euismod. Nulla facilisi. Nam tempus.

Contenedor cuadrado Contenedor rectangular Contenedor demasiado grande Esquinas demasiado


Puede variar en tamaño y posición. Puede variar en tamaño, proporción No se debe utilizar un contenedor pequeñas.
y posición. demasiado grande que impide entender
la imagen del fondo, si esta forma parte
del mensaje a comunicar.

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Principios de diseño

Contenedores en color

1.7.1 Introducción Los contenedores pueden ser sólidos o transparentes, en color Contenedores en gris profundo (P411) pueden ser utilizados
1.7.2 Vista general naranja, blanco o en los colores secundarios. El color naranja para comunicación de Banca Privada, a parte de los colores
1.7.3 Posicionamiento del logotipo es el color predominante en los contenedores, sobre todo en anteriormente mencionados. Los contenedores en colores
soportes de comunicación cara al cliente. Para usos a nivel secundarios se pueden utilizar también en portadas de
1.7.4 Tamaño del logotipo
corporativo (ej: informe anual, publicaciones similares, etc.) comunicación interna (ej: iniciativas, véase página 1.7.10),
1.7.5 Composición de mensajes, elementos también se puede utilizar contenedores tansparentes pero sobre todo en el interior de publicaciones para enfatizar,
1.7.6 Composición de mensajes, proporción o blancos. resaltar y estructurar el contenido.
1.7.7 Contenedores
1.7.8 Contenedores en color
1.7.9 Identificadores de iniciativas
1.7.10 Aplicación de identificadores Lorem ipsum dolor Lorem ipsum dolor

Lorem ipsum dolor Lorem ipsum


sit amet, consectetuer dolor sit amet,
adispiscin elit. consectetuer
Lorem ipsum dolor sit amet, consectetuer
adispiscin elit.
adipiscing elit. Praesent purus. Fusce sodales sapien
Lorem ipsum dolor sit amet, consectetuer
at mi tristique euismod. Nulla facilisi. Nam tempus.
adipiscing elit. Praesent purus. Fusce sodales sapien
at mi tristique euismod. Nulla facilisi. Nam tempus.

Lorem ipsum dolor

Lorem ipsum Lorem ipsum dolor


dolor sit amet, Lorem ipsum
consectetuer dolor sit amet.
adispiscin elit.
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Praesent purus. Fusce sodales sapien
at mi tristique euismod. Nulla facilisi. Nam tempus.

Naranja Blanco Transparente Color secundario


Versión principal En este caso gris profundo (P411)

Contenidos Salir Versión 0.1


Bankinter identidad visual
Elementos básicos Principios de diseño

Identificadores de iniciativas

1.7.1 Introducción El único identificador de Bankinter es su logotipo. Siendo Podemos identificar visualmente nuestras iniciativas por medio
1.7.2 Vista general conscientes de esto, no queremos ni debemos crear logotipos de nuestra tipografía Bankinter, mezclando los diferentes pesos
1.7.3 Posicionamiento del logotipo adicionales para productos, proyectos o iniciativas internas, con colores primarios o secundarios y creando así una coherencia
ya que compiten con la marca Bankinter, diluyen su visual. Este recurso gráfico no se debe utilizar en exceso, si no
1.7.4 Tamaño del logotipo
percepción y restan valor a nuestra identidad. aplicar sólamente en aquellos casos que realmente requieren
1.7.5 Composición de mensajes, elementos cierta identificación visual.
1.7.6 Composición de mensajes, proporción
1.7.7 Contenedores
1.7.8 Contenedores en color Ejemplos de posibles combinaciones
1.7.9 Identificadores de iniciativas No combines las iniciativas con
el logotipo.
1.7.10 Aplicación de identificadores
talento. talento. talento.
t@lento t@lento t@lento t@lento
talento* talento* talento* No utilizes el logotipo corporativo
como descriptor.

talento:) talento:) talento:) talento:)


Una iniciativa

talento:)
Una iniciativa Bankinter
Opcionalmente Bankinter puede
respaldar la iniciativa por medio de un
No utilizes formas o contenedores
con un carácter marcado porque
descriptor tipográfico que forme pueden dar la impresión de
parte de una composición definida. 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 Introducción La forma de presentación de las iniciativas depende de las Estos ejemplos son teóricos para que sirvan como inspiración.
1.7.2 Vista general características de cada programa y del grado de “independencia No pretenden ser piezas definitivas de comunicación.
1.7.3 Posicionamiento del logotipo visual”que requieran. Tambien influye si la iniciativa lleva el Aunque se presentan en formato poster, visualizan un estilo
respaldo explícito de Bankinter en su composición tipográfica. que se puede aplicar a cualquier otro soporte de comunicación.
1.7.4 Tamaño del logotipo
1.7.5 Composición de mensajes, elementos
1.7.6 Composición de mensajes, proporción
1.7.7 Contenedores
1.7.8 Contenedores en color Ejemplos
1.7.9 Identificadores de iniciativas
1.7.10 Aplicación de identificadores
talento:) Iniciativas Bankinter Iniciativas Bankinter

Ideas audaces talento:) talento:)


Ideas audaces para pensar

para pensar Ideas audaces


talento:)
la banca más lejos.

la banca para pensar Una iniciativa Bankinter


más lejos. la banca
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,
más lejos. Ideas audaces
para pensar la
ultrices a, mauris. Phasellus posuere, tellus sed posuere faucibus, felis mauris
elementum sapien, ut varius velit dui nec tellus.
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.
banca
más lejos.

La iniciativa como descriptor. Un descriptor general de iniciativas El identificador de la iniciativa como El identificador de la iniciativa como
Bankinter y el identificador de la mensaje principal en un contenedor mensaje principal con el respaldo de
iniciativa incorporada en el mensaje. con color secundario. Bankinter y sin el logotipo corporativo.
En este caso se puede prescindir del
logotipo para evitar que el nombre del
banco aparezca demasiadas veces.

Contenidos Salir 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 Yolanda Sanz Rey


Directora de Gestión de Marca Ejecutiva Senior de Gestión de Marca
efraguas@bankinter.es ysanz@bankinter.es

Paseo de la Castellana, 29 Paseo de la Castellana, 29


28046 Madrid 28046 Madrid

Contenidos Salir Versión 0.1

También podría gustarte