Documentos de Académico
Documentos de Profesional
Documentos de Cultura
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
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
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.
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:
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
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
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.
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
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
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
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
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
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
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
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.
Arquitectura de marca
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
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
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
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.
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
Zona de protección
Tamaño mínimo: 15 mm
15 mm
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
Versiones de color
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
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.
3.
4.
Virtual Agente
Sólo las sociedades independientes
pueden utilizar un logotipo-descriptor.
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
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.
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.
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
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
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.
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.,;:¡!¿?%&@€$£¥*
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.
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
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,
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
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
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.,;:¡!¿?%&@€$£¥*
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.
¿¥?
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.
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.
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.
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
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.
Paleta de colores
Blanco y negro
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
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.
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
Resto categorías
de Personas Jurídicas 11
2003 0,63
Corporativa
Resultados
2003 0,32
2004 0,24
Hipotecas vivienda 45
Personas Físicas
Consumo 3
Empresas pequeñas 2
Empresas medianas 7
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
Combinación de color
Cálido y
harmónico
Tranquilo
y abierto
no recomendable
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
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.
Recursos fotográficos
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:
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
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
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
1.6.1
1 Tono de voz
Introducción
.6
1.6.2 Estilo
1.6.3 Ejemplos
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.
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?
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.
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.
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?
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”.
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.
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.
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
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.
Vista general
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
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.
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
Composición de mensajes
4 Logotipo
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.
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.
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 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.
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
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:)
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
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.