Posicionamiento estratégico Strategic positioning

Transcripción

Posicionamiento estratégico
Strategic positioning
BBVA. Manual de marca. V1. 2011. Brand Guidelines. V1. 2011
0
1
0
2
Posicionamiento
0.1Introducción
0
0.1Introduction
0.2
Valores de la marca BBVA
0.2
BBVA brand values
0.3
La sencillez
como valor diferencial
0.3
Simplicity as a value that
sets us apart
Visión y misión del Grupo BBVA
BBVA Group vision and mission
0.4
0
0.4
Posicionamiento
estratégico
Contenidos
0.5
En resumen
0.5Summary
0.6
Crear de una forma única
0.6
Contents
Creating in a unique way
El posicionamiento
de marca
Brand strategic
position
La marca BBVA tiene la oportunidad de ocupar un nuevo espacio
de diferenciación sostenible no ocupado por sus competidores.
Un espacio que guíe las experiencias y la comunicación que
entregamos a nuestros grupos de interés en todos los puntos de
contacto, tanto físicos como virtuales.
The BBVA brand has the opportunity to take a niche that provides
sustainable differentiation, a niche that its competitors do not
currently occupy. This niche will guide the experiences and
communication that we offer our stakeholders at all of the points
of contact, both physical and virtual.
Este espacio es el posicionamiento de la
marca corporativa y consiste en cuatro valores:
customer centric, sencillez, confiabilidad y globalidad.
This niche is corporate brand positioning and consists of four
values: customer centric, simplicity, trust and globalization.
3
0.1
Posicionamiento
estratégico
Introducción
Introduction
Valores de la marca BBVA
BBVA brand values
Los valores de la marca son la esencia de BBVA.
The brand’s values represent the essence of BBVA.
Customer centric.
En BBVA queremos ser un banco customer centric, establecer
una nueva relación banco - cliente en la que el cliente pasa
a ser “lo primero”. Anteponemos su beneficio al nuestro y lo
convertimos en el eje de nuestra actividad. Es el valor que define
el objetivo de nuestras acciones y nos sitúa como el banco que
más beneficia a sus clientes.
Customer centric.
BBVA strives to be a customer centric bank, by setting up a new
bank-customer relationship in which the customer “comes first”.
We put their interest before ours and turn them into the focus of
our activity. This value defines the purpose behind our actions
and allows us to be the bank that benefits its customers the most.
Sencillez.
La sencillez es nuestra manera diferente de ser customer centric.
Queremos que piensen y sientan que BBVA es el banco que más
beneficia a sus clientes porque les hace la vida más sencilla.
La sencillez es un valor universal y relevante para los grupos de
interés de todas las unidades de negocio y países. Es el valor que
actúa como motor de la marca y del negocio, el vehículo que
conduce a BBVA hasta el cliente. La sencillez debe ser la guía de
nuestras actitudes y de cada uno de nuestros actos.
Confiabilidad.
BBVA es una marca confiable. La confiabilidad transmite al
cliente la seguridad y la tranquilidad de tener su dinero a buen
recaudo. La confiabilidad es un valor necesario y básico en el
sector financiero.
Globalidad.
En BBVA aspiramos a ser una marca global, de referencia en el
mundo. Nuestra presencia en más de 30 países es una prueba
de esta globalidad. Ser global permite entregar más valor y
confiabilidad a nuestros clientes y nos diferencia de una forma
que es difícil de replicar. Siendo globales el cliente percibe más.
La marca BBVA es global y al mismo tiempo responde a las
expectativas de sus clientes con soluciones adaptadas a cada
país en el que opera.
4
Simplicity.
Simplicity is our different way of being customer centric. We want
customers to feel that BBVA is the bank that most benefits its
customers by making their lives simpler.
Simplicity is a universal, important value for stakeholders in
every business unit and country. This value is the driving force
behind the brand and business, taking BBVA nearer to the
customer. Our attitudes and actions must be guided by simplicity.
Trust.
BBVA is a brand people can trust. Trust gives customers peace
of mind knowing that their money is in good hands. Trust is a
fundamental, essential value in the financial sector.
Globalization.
BBVA strives to be a global brand and a benchmark around the
world. Our presence in more than 30 countries is proof of this
globalization. Being global brings more value and inspires more
confidence in customers, setting us apart from the rest and
making it difficult to imitate us. By being global, the customer
sees more value. BBVA is global, yet at the same time it meets its
customers expectations by providing solutions adapted
to each country.
0.2
Posicionamiento
estratégico
Valores de la
marca BBVA
BBVA brand values
La sencillez como
valor diferencial
Simplicity as a value that
sets us apart
La sencillez es el valor que más nos diferencia. Actuar y
comunicar con sencillez significa:
Simplicity is the value that most sets us apart. Acting and
communicating simply means:
Lenguaje claro / Transparencia.
El lenguaje financiero es complejo para muchos clientes y con
frecuencia no se atreven a decir que no nos entienden. Hablar en
un lenguaje sencillo es clave para generar confianza y aumentar
la cercanía.
Clear Language / Transparency.
Financial jargon is complicated for many customers and they
often dare not say they do not understand us. Speaking in
easy-to-understand language is key for creating trust and
a close relationship.
Cercanía / No arrogancia.
El consumidor se siente “pequeño” ante el “gran banco”. Piensa
que el banco se aprovecha de su posición de fortaleza para sacar
beneficio propio en vez de beneficio para él. Uno de los aspectos
más relevantes para el cliente es sentir que el banco se pone en
su lugar para entenderle bien y ofrecerle productos acordes a
sus necesidades.
Proximity / Lack of Arrogance.
Consumers feel “small” in the face of the “big bank” They believe
the bank takes advantage of its strong position for its own
benefit rather than helping them. One of the most important
aspects for customers is to feel that the bank puts itself in their
position to understand them better and offer products to them
that meet their needs.
Agilidad / flexibilidad.
Significa pocos trámites y papeleos, pocos tiempos de espera,
capacidad de dar respuesta rápida a las necesidades específicas
de las personas y de las organizaciones.
Streamlined/flexible.
This means few processes and a small amount of paperwork,
short waiting times, the ability to provide a quick response to
people’s and organizations’ specific needs.
Accesibilidad / conveniencia.
Cada cliente prefiere relacionarse con el banco de un modo
distinto. Hacerle la vida sencilla supone facilitarle el modo de
relación que prefiera a través de todos los canales posibles. La
accesibilidad es además una palanca clave para la agilidad.
Accessibility / Convenience.
Every customer wants to deal with the bank in a different way.
Making customers’ lives simpler means providing the contact
method they prefer through every channel possible. Accessibility
is a key lever to effectiveness.
Relación valor - precio.
Una de las primeras demandas del consumidor ante un banco
que quiere hacerle la vida más sencilla es la relación calidadprecio. La clave es la percepción del valor.
Quality-price ratio.
When consumers are asked what a bank needs to do to make
their lives simpler, the most common answer is the quality-price
ratio. The key is seeing the value.
Accesibilidad a productos.
En muchos mercados un banco que hace la vida sencilla es el
que posibilita acceder al sistema financiero, o el que sí da un
crédito incluso en tiempos difíciles.
Product accessibility.
In many markets, a bank which makes life simpler is the one that
makes it possible to access the financial system, or grants a loan
even in difficult times.
5
0.3
Posicionamiento
estratégico
La sencillez como
valor diferencial
Simplicity as a value
that sets us apart
Visión y misión
del Grupo BBVA
BBVA Group vision
and mission
La visión de BBVA es: BBVA, trabajamos por un futuro mejor
para las personas. La visión nace en 2003. Hemos entendido
que lo que esperan los grupos de interés de un banco es que les
ayuden a construir un futuro mejor.
BBVA’s vision is: BBVA, we are working for a better future for
people. The vision came about in 2003. We realized that what
bank stakeholders expect is help in building a better future.
“adelante.” sintetiza esta visión. Es el único lema de la marca
corporativa y se utiliza hoy en todo el mundo como logo musical
y en todos los países de habla hispana como palabra. La visión de
trabajar por un futuro mejor será siempre relevante,
pero el significado que las personas dan al futuro
evoluciona a lo largo del tiempo.
El posicionamiento de la marca tiene que expresar,
en cada momento, el significado de futuro más relevante
para la sociedad y los clientes con el fin de construir
una marca al servicio del negocio.
¿Qué sabemos ahora? Que la sociedad va a exigir cada vez más
de los bancos el reconocimiento del poder del cliente
(customer centric). Que los clientes van a pedir menos
arrogancia (más sencillez), mayor integridad y transparencia
y mayor acceso a los servicios financieros. Que el tiempo se está
convirtiendo en un recurso muy escaso; y las personas
quieren acceder a los servicios financieros en cualquier lugar
y momento. Y que además los clientes solamente están
dispuestos a pagar por lo que realmente valoran.
Por tanto sabemos que la sencillez es un elemento clave
para el futuro mejor de nuestros clientes y por eso es
la esencia del posicionamiento de la marca y la manera de
activar hoy la visión.
La visión marca el camino a recorrer. La misión nos ayuda a
recorrerlo: Nos comprometemos a aportar mejores soluciones
a los clientes, crecimiento rentable a nuestros accionistas y
progreso para la sociedad.
6
0.4
Posicionamiento
estratégico
Visión y misión
del Grupo BBVA
“adelante.” sums up this vision. It is the only corporate brand
tagline and is used today around the world as a musical logo and
in Spanish-speaking countries as a word. The vision of working
for a better future will always be relevant, but the meaning
people give to the future changes over time.
Brand positioning has to include the most relevant meaning
of future for society and customers at all times so as to build a
brand that works for the business.
What do we know now? Society is going to increasingly demand
recognition of customer power (customer centric). Customers
are going to ask for less arrogance (more simplicity), greater
integrity and transparency, and better access to financial
services. Time is becoming a scant resource and people want
to access financial services at any location and time. Further,
customers are only willing to pay for what they really value.
Therefore, we know that simplicity is a key factor for a better
future for our customers and, in turn, is the essence of the brand
positioning and the way to activate our vision today.
Our vision sets out our path. Our mission guides us along it:
We commit to offering the best solutions to our customers,
profitable growth to stockholders and progress for society.
BBVA Group vision
and mission
En resumen
To finish
¿Qué hacemos?
What we do
¿Por qué lo hacemos?
Why we do it
¿Cómo lo hacemos?
How we do it
Nos comprometemos a aportar mejores
soluciones a los clientes, crecimiento
rentable a nuestros accionistas y progreso
para la sociedad.
Misión Grupo BBVA
We commit to offering the best solutions
to our customers, profitable growth to
stockholders and progress for society.
BBVA Group mision
Porque en BBVA, trabajamos por un futuro
mejor para las personas.
Que esto hoy se traduce en que BBVA es el
banco que más beneficia al cliente porque
es el que hace su vida más sencilla.
Visión Grupo BBVA
Posicionamiento de marca
Because at BBVA, we are working
towards a better future for people.
So that today BBVA is the bank that
most benefits its customers by making
their lives simpler.
BBVA Group Vision
Brand positioning
Con la actividad diaria de todas las
personas que integran el Grupo BBVA.
Hacer + Comunicar
Doing + Communicating
With the daily activity of all the people
who belong to the BBVA Group
7
0.5
Posicionamiento
estratégico
En resumen
The Summary
8
Crear de una
forma única:
Creating in a
unique way:
En este manual se muestran las singularidades
que caracterizan a la marca BBVA.
These guidelines describe the special features
of the BBVA brand.
En él encontraremos la forma correcta de aplicar
la marca para crear, de manera estándar, cualquier
pieza de comunicación del Grupo BBVA.
It shows the right way to apply the brand for the
standard process to create any communication element
in the BBVA Group.
0.6
Posicionamiento
estratégico
Crear de una
forma única
Creating in a
unique way
Marca
Brand
1
1
1
Marca
1.1Logotipo
1.1.0Introducción
1.1.1Logotipo
1.1.2 Versiones secundarias
1.1.3 Área de respeto
1.1.4 Usos incorrectos
1.1.5 Regla general de tamaño
1.1.6Tamaños
1.1.7 Posición del logotipo
1.1.8 Medidas del logotipo
en distintos formatos
1.6
Estilo fotográfico
1.6.0Introducción
1.6.1 Estilos y temas
1.6.2 Fotografía de personas
1.6.3 Fotografía de bodegones
1.6.4 Fotografía de negocios
1.6.5 Fotografía publicitaria
1.6.6 Fotografía publicitaria. Ejemplos
1.2Submarcas
1.2.0Introducción
1.2.1 Versiones principales
1.2.2 Versiones secundarias
1.2.3 Versiones verticales. Uso restringido
1.2.4 Versiones verticales secundarias
1.2.5 Área de respeto
1.2.6 Usos incorrectos
1.2.7Tamaños
1.2.8 Regla general de tamaño
1.2.9 Posición de la submarca
1.8Lema
1.8.0Introducción
1.8.1 Tamaño estándar y posición
1.9
Tono de voz
1.9.0Introducción
1.9.1Principios
1.2Sub-brands
1.2.0Introduction
1.2.1 Primary versions
1.2.2 Secondary versions
1.2.3 Sub-brand vertical versions
restricted use
1.2.4 Exception. Sub-brands
vertical version
1.2.5 Clear space
1.2.6Misuses
1.2.7Sizes
1.2.8 Size general rule
1.2.9 Sub-brand positioning
1.3Color
1.3.0Introducción
1.3.1 Colores primarios
1.3.2 Colores secundarios
1.3.3 El uso del blanco
1.4
1.3Color
1.3.0Introduction
1.3.1 Primary colors
1.3.2 Secondary colors
1.3.3 Color. The use of White
Recurso gráfico
1.4.0Introducción
1.4.1 Formas generales de los stripes
1.4.2 Uso de los stripes
1.4.3 Usos incorrectos de los stripes
1.4.4 Ejemplos de aplicación
1.4
Graphic device
1.4.0Introduction
1.4.1 General shapes of stripes
1.4.2 General stripes formats
1.4.3 Wrong uses of stripes
1.4.4 Application examples
1.5Tipografía
1.5.0Introducción
1.5.1 Tipografía corporativa
1.5.2 Composición de textos en Stag Sans
1.5.3 Composición de textos en Arial
10
1.1Logotype
1.1.0Introduction
1.1.1Logotype
1.1.2 Secondary versions
1.1.3 Clear space
1.1.4Misuses
1.1.5 Size - general rule
1.1.6Sizes
1.1.7 Logotype positioning
1.1.8 Logotipe size in different formats
1.7Ilustraciones
1.7.0Introducción
1
Brand
1.5Typography
1.5.0Introduction
1.5.1 Corporate typography
1.5.2 Typography use
1.5.3 Text composition in Arial
1.6
Photographic style
1.6.0Introduction
1.6.1 Style and subject
1.6.2 People photography
1.6.3 Still life photography
1.6.4 Business photography
1.6.5 Advertising pictures
1.6.6 Advertising pictures. Examples
1.7Illustrations
1.7.0Introduction
1.8Tagline
1.8.0Introduction
1.8.1 Tagline size and position
1.9
Tone of voice
1.9.0Introduction
1.9.1Principles
Marca
Contenidos
Brand
Contents
Logotipo
Logotype
11
1.1
Los principios
del logotipo
1.1.0
Logotipo BBVA
Introducción
El logotipo es uno de los elementos más
importantes de la identidad de marca. El logotipo
es un elemento visual que representa nuestra
marca en todos los medios visuales y se debe
tratar con el máximo cuidado.
En este capítulo se muestra cómo utilizar y aplicar el
logotipo BBVA de una forma correcta y consistente.
El logotipo BBVA no está compuesto con una
tipografía de catálogo. Es necesario para su
reproducción un arte final original.
The logotype
basics
The logotype is one of the most important
elements of the brand identity. The logotype is a
visual element that represents our brand across all
visual media and should be handled with
maximum care.
This chapter shows how to use and apply the
BBVA logotype correctly and consistently.
The BBVA logotype is not made from a
typeface catalogue. It is necessary to use the
original artwork for every reproduction.
12
BBVA logotype
Introduction
1.1.1
Versión en positivo
Positive version
Versión en negativo
Negative version
Logotipo BBVA
Logotipo
El logotipo BBVA se aplica,
siempre que sea posible, en
una de las dos versiones que
se muestran en esta página: en
positivo o negativo. La versión
en positivo del logotipo será
de uso preferente sobre la
versión en negativo.
El logotipo siempre se aplica
en el color Pantone 287,
exceptuando la versión en
negativo (blanco sobre
Pantone 287) o las versiones
en blanco y negro.
El fondo del logotipo debe
ser siempre un área grande y
evitaremos aplicarlo dentro de
un cuadro pequeño.
BBVA logotype
Logotype
Whenever it is possible, one
of the two BBVA logos shown
on this page should always be
used: positive or negative. The
positive version of the logo is
the preferred option.
The logo is always applied
using color Pantone 287,
except the negative version
(white on Pantone 287) or
using the black and white
versions.
PANTONE 287
13
PANTONE 287
The logo must always have
adequate background space
around it and never be applied
inside a small area or shape.
1.1.2
Positive version
Negative version
Logotipo BBVA
Versiones
secundarias
Las dos versiones que se
muestran en esta página son
exclusivamente para aplicar
en soportes o publicaciones
en las que no se pueda
reproducir el logotipo en color.
La versión en positivo del
logotipo será de uso
preferente sobre la versión
en negativo.
El fondo del logotipo debe
ser siempre un área grande y
evitaremos aplicarlo dentro de
un cuadro pequeño.
BBVA logotype
Secondary
versions
The two versions shown on
this page only apply to media
or publications that can not be
produced in color.
The positive version of the
logo is the preferred option.
14
1.1.3
Logotipo BBVA
Área de respeto
Para mantener la máxima
visibilidad del logotipo es
necesario respetar el área
que se muestra en esta página.
Ésta se construye utilizando
como medida base la letra B
del logotipo BBVA.
BBVA logotype
Clear space
To maintain maximum
visibility of the logotype it
is necessary to respect the
clear space area shown on this
page. The clear space area is
constructed using the height
of the letter B of the BBVA
logo.
15
1.1.4
Logotipo BBVA
Usos incorrectos
No cambiar el color
Do not change the colour
No cambiar el color del fondo
Do not change the background colour
visibilidad del logotipo es
necesario que nunca sea
alterado, tal y como se
muestra en esta página.
El logotipo BBVA no está
compuesto con una tipografía
de catálogo. Es necesario para
su reproducción un arte final
original.
No distorsionar
Do not distort
No aplicarlo dentro de elementos gráficos
Do not put inside graphic elements
BBVA logotype
Misuses
To maintain maximum
visibility the logo should never
be altered, as shown on this
page.
16
No colocar sobre una fotografía
Do not use photography as a background
No rellenarlo con elementos gráficos
Do not fill it with graphic elements
No cambiar la tipografía
Do not change the typeface
No añadir otros elementos gráficos
Do not add graphic elements
No usar degradados
Do not use gradients
No cambiar a minúsculas
Do not use lowercase
The BBVA logotype is not
made from a typeface
catalogue. It is necessary to
use the original artwork for
every reproduction.
1.1.5
Logotipo BBVA
Regla general
de tamaño
Como regla general para
obtener el tamaño del
logotipo, la altura de éste
será determinada de acuerdo
con la medida del lado más
largo del formato.
2,7%
El logotipo será 2,7% del 100%
del lado más largo, tal y como
se muestra en esta página.
BBVA logotype
Size - general rule
As a general rule, the size of
the logo is calculated using
the measurement of the
longest side of the application.
100%
The logo height is 2.7% of the
longest side.
100%
17
1.1.6
3 mm
Logotipo BBVA
Tamaños
Tamaño mínimo
Minimum size
5 mm
Las medidas de logotipo que
se muestran en esta página
son las utilizadas
normalmente para formatos
comunes.
8 mm
Hoja de papelería A4
A4 Letterhead
Sobres DL, C5 y C4
DL, C5 and C4 Envelopes
Saluda
Compliments Slip
En formatos A3 / 2,7% del lado más largo
In A3 formats / 2.7% of the longest side
Tarjeta de visita
Business Card
5,7 mm
Folleto DL
DL Leaflet
Para obtener la medida del
logotipo en otros formatos
ver el capítulo 2 (layouts
publicitarios) de este manual.
El logotipo a tamaño mínimo
sólo se utilizará para formatos
especiales que no permitan
su aplicación a un tamaño
normal.
BBVA logotype
Sizes
7,2 mm
9,7 mm
Anuncio de media página
(286 X 180mm)
2,7% del lado más largo
Half page ad (286 X 180mm)
2.7% of the longest side
Anuncio de página (360 X 268) 2,7% del lado más largo
Full page ad (360 X 268mm) 2.7% of the longest side
This page shows logo sizes
normally used for common
formats.
See chapter 2, (advertising
layouts) to obtain the size
of the logo in other formats.
The minimum size is only
to be used for special formats
where it can not be applied
at normal size.
27 mm
Anuncio de página (1000 X 700mm) 2,7% del lado más largo
Full page ad (1000 X 700mm) 2.7% of longest side
18
1.1.7
Logotipo BBVA
Posición del logotipo
Por norma general el logotipo
BBVA se posicionará en la
esquina superior izquierda
de la pieza a diseñar.
A
A
El logotipo se alinea utilizando
el área de respeto con la parte
superior del formato.
A
B
izquierda del formato.
BBVA logotype
Logotype positioning
B
B
As a general rule, the logotype
is always positioned in the
top left corner of the design
layout.
A
B
19
The logo is aligned to the top
edge of the format using the
clear space area rule.
The logo is aligned to the left
1.1.8
Logotipo BBVA
Medidas de logotipos
en distintos formatos
Formato
Format
Dimensiones
Dimensions
Altura del logotipo
Logo height
Formato
Format
Dimensiones
Dimensions
Altura del logotipo
Logo height
Diptico
99 mm x 210 mm
5,7 mm
2 x A0 vertical
1189 mm x 1682 mm
45,4 mm
5.7 mm
2 x A0 portrait
5,7 mm
4 x A0 horizontal
5.7 mm
4 x A0 landscape
8 mm
Portacarteles pequeño
8 mm
Small poster holder
11,3 mm
Cartel pequeño
11.3 mm
Small poster
16 mm
Portacarteles
16 mm
Poster holder
27 mm
22,7 mm
Otros tamaños
22.7 mm
Other sizes
2.7% of longest dimension
DL
A5
148 mm × 210 mm
A5
A4
210 mm × 297 mm
A4
A3
297 mm × 420 mm
A3
A2
420 mm × 594 mm
A2
A1
594 mm × 841 mm
A1
A0
841 mm × 1189 mm
A0
64,2 mm
64.2 mm
350 mm x 500 mm
13,5 mm
13.5 mm
500 mm x 350 mm
13,5 mm
13.5 mm
700 mm x 1000 mm
27 mm
32,1 mm
32.1 mm
Tamaño mínimo
Minimum size
Tamaño estándar
Standard size
Altura del logotipo = 2,7% del lado más largo
Logo height = 2.7% of longest page dimension
Ejemplo:
A4 vertical o A4 horizontal. El lado más largo de la
página es 297 mm. 297 x 2.7% = 8 mm altura del logo.
Example:
A4 portrait or A4 landscape. Longest dimension of
the page is 297 mm. 297 x 2.7% = 8 mm logo height.
20
45.4 mm
1682 mm x 2378 mm
En esta página se muestran
los diferentes tamaños del
logotipo que se deberán
aplicar.
Altura 3mm / 3mm high
BBVA Logotype
Logotype sizes in
different formats
This page shows the
different logo sizes that
should be applied.
Submarcas
Sub-brands
21
1.2
Una familia
grande y unida
1.2.0
Submarcas
Introducción
Dentro de la marca BBVA existe un grupo de
submarcas que visualmente siguen los mismos
principios gráficos de nuestro logotipo.
De igual manera que el logotipo, las submarcas son
elementos que se deben tratar con el máximo
cuidado y consistencia.
Las submarcas BBVA no están compuestas con una
tipografía de catálogo. Es necesario para su
reproducción un arte final original.
A big and
united family
The BBVA brand includes a group of
sub-brands which visually follow the same
design principles as our logo.
Just like the logo, the sub-brands
are elements that must be handled with the
utmost care and consistency.
The BBVA sub-brands are not made from
a typeface catalogue. It is necessary to use the
original artwork for every reproduction.
22
Sub-brands
Introduction
1.2.1
Positive version
Negative version
Submarcas
Versiones principales
Las submarcas BBVA se
aplican, siempre que sea
posible, en una de las dos
versiones que se muestran
en esta página: en positivo
o negativo. La versión en
positivo de la submarca será
de uso preferente sobre la
versión en negativo.
La submarca siempre se
aplica en el color Pantone 287,
exceptuando la versión
en negativo (blanco sobre
Pantone 287) o las versiones
en blanco y negro.
El fondo de la submarca debe
ser siempre un área grande
y evitaremos aplicarla dentro
de un cuadrado pequeño.
Sub-brands
Primary versions
Whenever it is possible,
one of the BBVA sub-brand
logos shown on this page
should always be used:
positive or negative. The
positive version of the logo
is the preferred option.
The logo is always applied
using color Pantone 287,
except the negative version
(white on Pantone 287) or
using the black and white
versions.
PANTONE 287
23
PANTONE 287
1.2.2
Positive version
Negative version
Submarcas
Versiones
secundarias
Las dos versiones
de submarcas que se
muestran en esta página
son exclusivamente
para aplicar en soportes
o publicaciones en las
que no se pueda reproducir
la submarca en color.
La versión en positivo
de la submarca será de uso
en negativo.
y evitaremos aplicarla dentro
Sub-brands
Secondary versions
The two versions of the
sub-brands shown on this
page only apply to media
or publications that can not be
produced in color.
logo is the preferred option.
24
1.2.3
Positive version
Negative version
Submarcas
Versiones verticales.
Uso restringido
Las dos versiones de
submarcas que se muestran
en esta página son
exclusivamente para aplicar
en banderolas, cajeros,
banners o superficies
estrechas que no permitan
visibilidad clara del logotipo
horizontal.
en negativo.
y no se aplicará nunca dentro
Sub-brands
Sub-brand vertical
versions.
Restricted use
The two sub-brand versions
shown on this page are
to be applied exclusively
on flags, ATMs, banners
or narrow surfaces that do
not enable clear visibility
of the horizontal logo.
sub-brand should be used
preferably instead of the
negative version.
PANTONE 287
25
PANTONE 287
The sub-brand background
must always be a large area
and should never be applied
inside a small square.
1.2.4
Positive version
Negative version
Submarcas
Versiones verticales
secundarias
En el caso de uso de las
submarcas en vertical y
en blanco y negro también
tendremos en cuenta que
su aplicación será en las
siguientes piezas: banderolas,
cajeros, banners o superficies
estrechas que no permitan el
uso del logotipo horizontal.
en negativo.
y no se aplicará nunca dentro
Sub-brands
Exception.
Sub-brands vertical
version
When using sub-brands
vertically and in black and
white, they should only be
applied on the following
pieces: flags, ATMs, banners
or narrow surfaces that do
not enable the use of the
horizontal logo.
sub-brand should be used
preferably instead of the
negative version.
The sub-brand background
must always be a large area
and should never be applied
inside a small square.
26
1.2.5
Submarcas
Área de respeto
visibilidad de la submarca es
necesario respetar el área
que se muestra en esta página.
Ésta se construye utilizando
como medida base la letra B
del logotipo BBVA.
La regla que se muestra en
esta página se aplicará para
todas las submarcas.
Sub-brands
Clear space
To maintain maximum
visibility of the sub-brand
logotype it is necessary to
respect the clear space area
shown on this page. The clear
space area is constructed
using the height of the letter
B of the BBVA logo.
The rule applies to all the
sub-brands.
27
1.2.6
Submarcas
Usos incorrectos
No cambiar el color
Do not change the colour
No cambiar el color del fondo
Do not change the background colour
visibilidad de la submarca
es necesario que nunca sea
alterada, tal y como se
muestra en esta página.
Las submarcas BBVA no están
compuestas con una tipografía
de catálogo. Es necesario para
su reproducción un arte final
original.
No distorsionar
Do not distort
No aplicarlo dentro de elementos gráficos
Do not put inside graphic elements
Sub-brands
Misuses
To maintain maximum
visibility the sub-brand should
never be altered, as shown on
this page.
28
No colocar sobre una fotografía
Do not use photography as a background
No rellenarlo con elementos gráficos
Do not fill it with graphic elements
No cambiar la tipografía
Do not change the typeface
No añadir otros elementos gráficos
Do not add graphic elements
No usar degradados
Do not use gradients
No cambiar a minúsculas
Do not use lowercase
The BBVA sub-brands are
not made from a typeface
catalogue. It is necessary to
use the original artwork for
every reproduction.
1.2.7
3 mm
Submarcas
Tamaños
Tamaño mínimo
Minimum size
5 mm
Las medidas de submarca
que se muestran en esta
página son las utilizadas
normalmente para formatos
comunes.
8 mm
Hoja de papelería A4
A4 Letterhead
Sobres DL, C5 y C4
DL, C5 and C4 Envelopes
Saluda
Complments Slip
En formatos A3 / 2,7% del lado más largo
On A3 formats / 2.7% of the longest side
Tarjeta de visita
Business Card
5,8 mm
Folleto DL
DL Leaflet
Para obtener la medida de la
submarca en otros formatos
ver el capítulo 2 (layouts
publicitarios) de este manual.
La submarca a tamaño mínimo
sólo se utilizará para formatos
especiales que no permitan
su aplicación a un tamaño
normal.
Sub-brands
Sizes
7,2 mm
9,7 mm
Anuncio de media página
(286 X 180mm)
Half page ad (286 X 180mm)
2.7% of the longest side
Anuncio de página (360 X 268) 2,7% del lado más largo
Full page ad (360 X 268mm) 2.7% of the longest side
This page shows sub-brand
sizes normally used for
common formats.
To obtain the size of the subbrand in other formats see the
advertising layouts (chapter 2)
of this manual.
The sub-brand minimum size
is only to be used for special
formats where it can not be
applied at normal size.
27 mm
Anuncio de página (1000 X 700mm) 2,7% del lado más largo
Full page ads (1000 X 700mm) 2.7% of longest side
29
1.2.8
Submarcas
Regla general
de tamaño
Como regla general para
obtener el tamaño de la
submarca, la altura de ésta
será determinada de acuerdo
con la medida del lado más
largo del formato.
2,7%
La submarca será 2,7% del
100% del lado más largo tal
y como se muestra en esta
página.
Sub-brands
Size general rule
As a general rule, the size of
the sub-brand is calculated
using the measurement of the
longest side of the application.
100%
The sub-brand height is 2.7%
of the longest side.
100%
30
1.2.9
A
Submarcas
Posición de la
submarca
Por norma general, la
submarca BBVA se posicionará
en la esquina superior
izquierda de la pieza a diseñar.
B
A
superior del formato.
B
izquierda del formato.
Sub-brands
Sub-brand
positioning
A
The BBVA sub-brands are
always positioned in the
top left corner of the design
layout.
A
B
B
31
The logo is aligned to the top
The logo is aligned to the left
Color
Color
32
1.3
Color.
Un concepto sencillo
Los colores son una parte muy importante del
lenguaje visual de la marca. Los colores
representan diferentes cosas dependiendo del
contexto y la cultura, como ideas y conceptos.
La paleta de colores ha sido cuidadosamente
seleccionada para que represente el concepto
de sencillez.
Color.
A simple concept
Our colors are a very important part of the visual
language of the brand. Like ideas and concepts,
the colors can mean different things depending
on context and culture.
The color palette has been carefully chosen to
communicate the concept of simplicity.
33
1.3.0
Color
Introducción
Color
Introduction
Azul BBVA
BBVA blue
Pantone
C 287
CMYK
100, 58, 00, 20
RGB
09, 79, 164
RAL
5010
1.3.1
Azul genciana
Gentian Blue
Color
Colores primarios
Blanco
White
Pantone
-
CMYK
00, 00, 00, 00
RGB
255, 255, 255
RAL
9003
Blanco señales
Signal white
Gama de azules BBVA
BBVA blue spectrum
Pantone
C 300
CMYK
100, 40, 00, 00
RGB
00, 110, 193
RAL
5017
Azul tráfico
Traffic blue
Pantone
C 2925
CMYK
93, 07, 00, 00
RGB
00, 158, 229
RAL
5015
los siete colores primarios.
Los dos colores principales
son Azul BBVA y blanco. Los
cinco azules restantes son la
gama de azules BBVA que
forman los stripes.
Es importante señalar que
los valores CMYK que se
muestran es esta página no
corresponden con los valores
CMYK de Pantone. Utiliza
siempre los valores CMYK que
te proporciona este manual.
Se recomienda la impresión
por cuatricomía de la gama
de azules BBVA. El Azul BBVA,
siempre que sea posible, se
imprimirá en su color directo
Pantone 287.
Azul celeste
Sky blue
Color
Primary colors
Pantone
C 2915
CMYK
65, 06, 00, 00
RGB
82, 188, 236
RAL
5012
Azul luminioso
Light blue
34
Pantone
C 291
CMYK
42, 02, 00, 00
RGB
137, 209, 243
RAL
Pantone
C 290
CMYK
23, 00, 00, 00
RGB
181, 229, 249
RAL
Pendiente de confirmación
To be confirmed
Pendiente de confirmación
To be confirmed
There are seven primary
colors. The two main colors
are BBVA blue and white. The
five remaining blues are the
shades of BBVA blues that
form the stripes.
It is important to note that the
CMYK values shown on this
page do not correspond with
Pantone CMYK values. Always
use CMYK values provided in
this manual.
Four-color printing is
recommended for BBVA blues.
Whenever possible the main
BBVA blue should be printed in
spot color Pantone 287.
65%
BBVA amarillo
BBVA yellow
55%
40%
30%
15%
Pantone 136
Color
CMYK
00, 28, 88, 00
CMYK
00, 17, 53, 00
CMYK
00, 14, 44, 00
CMYK
00, 10, 31, 00
CMYK
00, 07, 22, 00
CMYK
00, 04, 13, 00
RGB
253, 189, 44
RGB
255, 213, 137
RGB
255, 219, 155
RGB
255, 228, 183
RGB
255, 232, 202
RGB
255, 242, 221
BBVA naranja
BBVA orange
65%
55%
40%
30%
15%
CMYK
00, 50, 100, 00
CMYK
00, 30, 60, 00
CMYK
00, 25, 50, 00
CMYK
00, 18, 35, 00
CMYK
00, 13, 25, 00
CMYK
00, 08, 15, 00
RGB
246, 137, 30
RGB
252, 187, 118
RGB
253, 198, 137
RGB
254, 213, 169
RGB
254, 223, 191
RGB
255, 234, 213
BBVA magenta
BBVA magenta
65%
55%
40%
30%
15%
CMYK
00, 100, 13, 17
CMYK
00, 60, 08, 10
CMYK
00, 50, 07, 09
CMYK
00, 35, 05, 05
CMYK
00, 25, 03, 04
CMYK
00, 15, 02, 03
RGB
200, 23, 94
RGB
220, 122, 155
RGB
224, 141, 167
RGB
232, 172, 190
RGB
238, 194, 207
RGB
243, 215, 222
BBVA verde
BBVA green
65%
55%
40%
30%
15%
CMYK
55, 00, 100, 00
CMYK
33, 00, 60, 00
CMYK
28, 00, 50, 00
CMYK
19, 00, 35, 00
CMYK
14, 00, 25, 00
CMYK
08, 00, 15, 00
RGB
134, 200, 45
RGB
177, 215, 138
RGB
189, 220, 155
RGB
209, 230, 183
RGB
220, 236, 203
RGB
234, 243, 222
Pantone 144
Pantone 220
Pantone 376
K
100%
K
85%
K
70%
K
50%
K
30%
K
20%
Gris texto legal y bodycopy
Legal text gray and and long texts
in non-advertising applications
Pantone Cool Gray 11
CMYK: 15, 00, 00, 85
RGB: 54, 54, 54
35
1.3.2
Colores secundarios
los colores secundarios para
usos específicos como textos
destacados, gráficas, webs o
presentaciones multimedia.
Los colores secundarios se
pueden usar también como
degradados. Un tono de
degradado siempre debe
estar acompañado de su
tono maestro, o al 100%. Los
colores secundarios siempre se
imprimirán por cuatricomía.
Los porcentajes de negro que
se muestran son la equivalencia
de las franjas para aplicaciones
en blanco y negro. El texto legal
siempre se imprimirá en el
Pantone Cool Gray 11. También
se utilizará para textos largos en
aplicaciones no publicitarias.
Color
Secondary colors
This page shows the secondary
colors for specific applications
such as highlighting text,
web graphics or multimedia
presentations.
The secondary colors can also
be used as tints. If a tint is used,
a 100% tint of the master color
must be used on the same
layout too. The secondary colors
are always printed in four colors.
The percentages of black
shown are the percentages for
recreating the stripes for black
and white applications. The legal
text is always printed in Pantone
Cool Gray 11. It is also used for
long texts in non-advertising
applications.
1.3.3
Color
El uso del blanco
El peso del blanco es básico.
Todas las piezas tienen que
respirar sencillez, pureza,
transparencia y elegancia.
El blanco será nuestro
principal aliado para
conseguirlo. El blanco
no es ausencia, es información,
es contenido. Es personalidad.
La personalidad del banco.
Color
Color
The use of White
The white’s weight is basic.
All the pieces should exude
simplicity, purity, transparency
and elegance. White is not
absence, it is information,
content. It is personality.
The bank’s personality.
36
Recurso gráfico
Graphic device
37
1.4
Reconocimiento
de marca
Los stripes componen el recurso gráfico principal
de la marca. No se trata de un símbolo, sino que
supone un elemento propio muy visual que facilita
el reconocimiento de marca. Por ello deben cumplir
los objetivos de:
• Representar a nuestra marca.
Identificarla y asociarla con un
protagonismo discreto que no canse.
• Permitir un largo plazo y un recorrido.
• Conseguir que cada soporte potencie
su propio mensaje. Los stripes deben ser
un marco, pero no el cuadro.
Brand recognition
Stripes constitute the brand’s main graphic resource.
It is not a symbol, but rather a highly visual element
that facilitates brand recognition. It should therefore
achieve the following objectives:
• Represent our brand. Identify it and associate
it with a sober role which is not tiresome.
• Enable a long term and run.
• Make each medium reinforce its own message.
Stripes should be a frame, but not the picture.
38
1.4.0
Recurso gráfico
Introducción
Graphic device
Introduction
1.4.1
Recurso gráfico
Formas generales
de los stripes
El recurso gráfico es un
elemento creativo dinámico,
no un elemento estático
vinculado al logo.
las diferentes formas que
puede adoptar el recurso
gráfico o stripes.
Graphic device
General shapes
of stripes
The graphic resource is a
dynamic creative element,
not a static element linked
to the logo.
This page shows the different
shapes of the graphic resource
or stripes.
39
1.4.2
Recurso gráfico
Uso de los stripes
En esta página se muestran los
diferentes usos de los stripes y
sus posibles aplicaciones.
Graphic device
General stripes
formats
Stripes uso 1
Stripe usage 1
Stripes uso 2
Stripe usage 2
Stripes uso 3
Stripe usage 3
Stripes uso 4
Stripe usage 4
Stripes uso 5
Stripe usage 5
Stripes uso 6
Stripe usage 6
Stripes uso 7
Stripe usage 7
PLV
(inclusive en
ventanas)
POS
(including
windows)
PLV y anuncios
POS and ads
Sólamente
anuncios
horizontales
Only landscape
advertisements
Comunicaciones
internas y
corporativas
Corporate and
internal
communications
Interiores 3D
(uso limitado)
Limited usage
in interiors
Anuncios
Ads
Anuncios
Ads
POS
POS
Folletos
Brochures
Folletos
Brochures
Medios digitales
Digital media
Vallas deportivas
Sports hoardings
Plantillas rígidas
Templates
Traseras
Stands
Enaras
Roller
Portadas
Covers
Materiales
corporativos
Corporate material
Banners
Medios digitales
Digital media
On line
Invitaciones
Invitations
Merchandising
Materiales
corporativos
Corporate material
Promociones
Promotions
Materiales
corporativos
Corporate material
On line
Rótulos de oficinas
Office Signs
40
uses of the stripes and their
potential application for
different formats.
1.4.3
Recurso gráfico
Usos incorrectos de
los stripes
Para el correcto uso del
recurso gráfico es necesario
seguir las especificaciones
de uso y no combinarlas ni
alterarlas.
diferentes formas incorrectas
de utilización de los stripes.
Graphic device
Wrong uses of
stripes
In order to ensure proper use
of the graphic resource, the
usage specifications must be
followed, and not combined or
modified.
wrong shapes of the stripes.
41
1.4.4
Recurso gráfico
Ejemplos de
aplicación
Stag Sans
Light 65 pt.
/ 72 pt. = 2B
A4 Texto / body copy. Stag Sans Book
12pt. 15pt interlineado / leading. Pantone 287 C.
A4 Texto secundario / secondary body copy.
Stag Sans Light 12pt. 15pt interlineado / leading.
Pantone 287 C.
A4 Texto resaltado / Call to Action.
Stag Sans Book 12pt. 15pt interlineado / leading.
Pantone 2995 C.
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 Legal Body Copy. Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ligula
42
Los stripes son un recurso
gráfico versátil que permite
múltiples aplicaciones. En
esta página se ilustran las
diferentes formas que puede
adoptar el recurso gráfico
o stripes en diferentes
aplicaciones como entornos
3D, publicidad, materiales
corporativos o merchandising.
Graphic device
Application examples
The stripes are a flexible
graphic device that can be
applied in multiple ways. This
page illustrates the different
forms the graphic device or
stripes can take on different
applications such as 3D
environments, advertising,
corporate materials and
merchandising.
Tipografía
Typography
43
1.5
Sencillez
en la tipografía
La tipografía es un elemento muy importante de la
identidad de marca de BBVA. El uso correcto y
consistente de la tipografía refuerza el
reconocimiento de marca, reflejando su
personalidad y creando diferenciación.
Stag Sans es la tipografía corporativa que utiliza
la marca BBVA para comunicarse de una forma clara
y sencilla.
Simplicity
in typeface
Typography is an important element of BBVA’s brand
identity. The correct and consistent use of
typography reinforces brand recognition, reflects
our personality and creates differentiation.
BBVA uses Stag Sans as its corporate typeface to
communicate in a clear and simple way.
44
1.5.0
Tipografía
Introducción
Typography
Introduction
Tipografía principal
Corporate Typography
Stag Sans Light
Stag Sans Book
Stag Sans Medium
Stag Sans Semibold
Stag Sans Light Italic
Stag Sans Book Italic
Stag Sans Medium Italic
Tipografía alternativa para medios virtuales
Alternative typography for on-line media
Arial Regular
Arial Italic
Arial Bold
Arial Bold Italic
45
1.5.1
Tipografía
Tipografía
corporativa
La tipografía Stag Sans en sus
pesos Light, Book, Medium
y Semibold es la tipografía
corporativa de BBVA. Sólo
podrá ser sustituida por la
tipografía Arial en medios
virtuales como webs,
presentaciones powerpoint,
dispositivos móviles, etc.
La tipografía Stag Sans nunca
se podrá utilizar en negrita. Se
utilizarán los distintos pesos
en caso de que se necesite
destacar un texto.
Typography
Corporate
typography
Stag Sans in high, book and
Medium weights is BBVA´s
corporate typography. It can
only be substituted by Arial
typography in on-line media
such as webs, power point
presentation, mobiles etc…
The Stag Sans typography can
never be used in bold. Use the
different weights to highlight.
Titulares / Headlines Lorem ipsum dolor sit amet, consectetur
Stag Sans Light adipiscing elit. Nunc ligula massa, mollis a
Pantone 2925 ultrices ut, tincidunt ut lorem.
Texto resaltado / Call to Action Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Stag Sans Book. Pantone 2925 Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem.
Morbi sollicitudin feugiat enim, sagittis tempor enim.
Subtítulos / Sub-headings Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi sollicitudin feugiat enim, sagittis tempor enim lobortis vel.
Stag Sans Medium. Pantone 287 Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem.
Morbi sollicitudin feugiat enim, sagittis tempor enim lobortis
Texto resaltado / Call to action Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Stag Sans Book. Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem.
Color secundario / secundary color Morbi sollicitudin feugiat enim, sagittis tempor enim lobortis.
Bloque de texto / Body Copy
Stag Sans Book. Pantone 287
Bloque de texto en itálicas / Body Copy Italic
Stag Sans Book Italic. Pantone 287
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem.
Bloque de texto secundario /
Secondary Body Copy
Stag Sans Light. Pantone 287
Bloque de texto secundario en itálicas /
Secondary Body Copy
Stag Sans Light Italic. Pantone 287
Bloque de texto legal y textos largos en aplicaciones no publicitarias /
Legal Body Copy and long texts in non-advertising applications
Stag Sans Light. Pantone Cool Gray 11
46
Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem. Morbi
sollicitudin feugiat enim, sagittis tempor enim lobortis vel.
1.5.2
Tipografía
Composición de los
textos en Stag Sans
Esta página muestra los
estilos de Stag Sans que
deben utilizarse en todas
las aplicaciones.
En general, los párrafos
deberían ir siempre en
bandera izquierda, sin
justificar, intentando encontrar
el aspecto más natural posible;
los cuerpos mayores deberían
usarse con los gruesos
más finos y a la inversa y
el tracking de la tipografía
debería estar editado a -10 pt.
El tamaño de las fuentes viene
determinado por el diseño de
la aplicación. Sin embargo, para
el texto legal se recomienda un
tamaño de 7 a 9 puntos.
Typography
Typography use
This page shows the Stag Sans
styles that should be used in all
the applications.
In general, the paragraphs
should always be flush left,
unjustified, trying to find the
most natural aspect possible;
larger bodies should be used
with the finest weights and vice
versa, and typeface tracking
should be edited at 10 points.
The font size is determined
by the application’s design.
However, for legal text a size of
7 to 9 points is recommended.
Arial Regular adipiscing elit. Nunc ligula massa, mollis a
Subtítulos / Sub-heading Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Arial Regular Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem.
Pantone 287 Morbi sollicitudin feugiat enim, sagittis tempor enim.
Subtítulos / Sub-headingss Lorem ipsum dolor sit amet, consectetur adipiscing
Arial Bold elit. Nunc ligula massa, mollis a ultrices ut, tincidunt ut
Pantone 287 lorem. Morbi sollicitudin feugiat enim, sagittis tempor
Arial Regular
Pantone 287
Texto resaltado / Call to Action
Arial Regular
Pantone 2925
Arial Regular
Color secundario / Secundary Color
Arial Bold
Pantone 2925
Arial Bold
Color secundario / Secundary Color
47
1.5.3
Tipografía
Composición de
los textos en Arial
estilos de la fuente Arial
que deben utilizarse en
todas las aplicaciones para
medios virtuales como webs,
presentaciones PowerPoint,
dispositivos móviles, etc.
deberían ir siempre a bandera
izquierda, sin justificar,
intentando encontrar el
aspecto más natural posible.
Los cuerpos mayores deberían
usarse con los gruesos más
finos y a la inversa.
Morbi sollicitudin feugiat enim, sagittis tempor enim lobor-
Typography
This page shows the Arial font
styles that should be used in
all the applications for virtual
media such as websites,
PowerPoint presentations,
mobile devices, etc.
In general, the paragraphs
should always be flush left,
unjustified, trying to find the
most natural aspect possible;
larger bodies should be used
with the finest weights and
viceversa.
Nunc ligula massa, mollis a ultrices ut, tincidunt ut
lorem. Morbi sollicitudin feugiat enim, sagittis tempor
Text composition
in Arial
Estilo fotográfico
Photographic style
48
1.6
Las imágenes
tienen un mensaje
emotivo y directo
La fotografía juega un papel vital en la marca BBVA.
El hecho de usarla correctamente significa
reforzar el reconocimiento de marca,
refleja personalidad y crea diferenciación.
La realidad, el optimismo y la cercanía son los tres
pilares de nuestra imaginería. Una realidad empática
y optimista, protagonizada por personas, personas
de verdad como nuestros clientes. Situaremos
a nuestros protagonistas en su entorno real, en
actitudes relajadas pero naturales y vitales.
Para conseguir dicha naturalidad nuestras fotos
deben compartir diversos elementos estilísticos:
luminosidad, encuadre y distancia focal. En cuanto al
tono haremos énfasis en la cercanía, la trasparencia,
la confiabilidad y el optimismo.
The images have an
emotive and direct message
Photography plays a vital role in BBVA Brand. Using
it correctly means reinforcing brand recognition,
reflecting personality and creating differentiation.
Reality, optimism and closeness are the three pillars
of our imagery. An empathic and optimistic reality,
played by people, real people like our customers.
We will place our main characters in their real
environment, in relaxed but natural and vital attitudes.
To achieve this naturalness, our photographs should
share various stylistic elements: luminosity, setting
and focal length. As for the tone, we should emphasize
closeness, transparency, trustworthiness and optimism.
49
1.6.0
Estilo fotográfico
Introducción
Photographic style
Introduction
1.6.1
Estilo fotográfico
Estilos y temas
La tabla de navegación que
se muestra en esta página
explica cómo clasificar la
fotografía de la marca BBVA
según su estilo y tema.
Tema
Subject
Personas
People
A sangre
Full bleed
Bodegones
Still life
Negocios
Business
La segmentación de clientes
recoge gente joven y mayor,
profesionales, autónomos
y empresas.
Para crear una pieza de
comunicación de la marca
BBVA siempre se utilizarán
estos estilos y temas.
Photographic style
Style and subject
Estilo
Style
Silueteadas
Cut-out
The navigation table shown
on this page explains how
to classify BBVA brand
photography by style and
theme.
Customer segmentation
includes young people,
mature adults, professionals,
freelancers and companies.
These styles and themes
are always used when
creating a piece of BBVA
brand communication.
50
1.6.2
Tema
Subject
Personas
People
Estilo fotográfico
Fotografías de
personas
A sangre
Estilo moderno y fresco, alineado
con el concepto de sencillez. Personas
reales en situaciones naturales. Las
personas son las protagonistas de la
imagen. Espacios abiertos y fondos
limpios y sencillos. No contemplar
entornos bulliciosos.
La fotografía de personas
muestra la diversidad
cultural de nuestros clientes
y empleados. Estilo moderno
y fresco, alineado con el
concepto de sencillez.
Bleed
Modern, fresh style, aligned with
the concept of simplicity. Real people
in natural situations. People are the main
characters in the image. Open spaces
and clean, simple backgrounds.
Avoid bustling settings.
Estilo
Style
Silueteadas
Mostrar la personalidad de las personas
a través del lenguaje corporal y la
expresión facial. Queremos que nuestros
clientes se sientan identificados con las
personas de nuestras comunicaciones.
Outlined
Show people’s personality through body
language and facial expression. We want
our customers to feel identified with
the images in our communications.
51
Photographic style
People photography
People photography shows
the cultural diversity of our
customers and employees.
The style is modern and fresh,
in line with the concept of
simplicity.
1.6.3
A sangre
El objeto no tiene que estar completamente
dentro del cuadro. Relacionar los productos
con todos los consumidores de acuerdo
con la segmentación. Estilo moderno y
fresco alineado con el concepto de sencillez.
Elementos ocasionalmente en colores
azules para reforzar la imagen de marca.
No abusar del color azul y mostrar en la
imagen objetos con colores secundarios.
Bleed
The object should not be entirely inside
the picture. Relate the products to all
the consumers according to segmentation.
Modern, fresh style, aligned with the concept
of simplicity. Elements occasionally in
blue colors to reinforce the brand image.
Do not overuse blue and show objects
in secondary colors in the image.
Tema
Subject
Estilo fotográfico
Bodegones
Still life
Fotografías de
bodegones
Los objetos que se muestren
en las fotografías deben
ser actuales y vinculados
con la vida de las personas.
Los objetos aparecen en su
contexto natural y el punto de
vista no debe ser forzado, por
ejemplo, los objetos se ven
generalmente en ángulo,
no de frente. El objeto no tiene
que estar completamente
dentro del encuadre.
Relacionar los productos con
los consumidores de acuerdo
con la segmentación.
Photographic style
Still life photography
Estilo
Style
Silueteadas
Estilo moderno y fresco alineado con
el concepto de simplicidad. Imágenes
atractivas de objetos promocionales o
representativos de nuestros clientes.
Elementos ocasionalmente en colores
azules para reforzar la imagen de marca.
No abusar del color azul y mostrar en la
imagen objetos con colores secundarios.
Outlined
Modern, fresh style, aligned with the
concept of simplicity. Attractive images
of promotional objects or others
representative of our customers.
Elements occasionally in blue colors
to reinforce the brand image. Do not
overuse blue and show objects in
secondary colors in the image.
52
Objects that are displayed in
the photographs should be
current and linked with
people’s lives. Objects appear
in their natural context and
the point of view should not
be forced. For example,
objects are usually seen
at an angle, not straight on.
The object does not need
to be completely within the
frame. Relate products with
consumers according to
customer segmentation.
1.6.4
A sangre
Personas reales en situaciones naturales.
El fondo debe dar una idea de la clase
de trabajo que realiza la persona retratada.
Las personas son las protagonistas de la
imagen. Fondos y entornos profesionales.
No contemplar entornos bulliciosos.
Bleed
Real people in natural situations.
The background should give an idea
of the type of work that the photographed
person does. People are the main characters
in the image. Professional backgrounds
and settings. Avoid bustling settings.
Estilo
Style
Silueteadas
Generalmente mirando de frente;
la iluminación debe ser suave y de
estudio, evitando las sombras
contrastadas. Reflejar la actividad
profesional de las personas.
Outlined
Generally looking straight ahead;
lighting should be soft and studio-like,
avoiding high-contrast shadows.
Reflect the professional activity of the people.
53
Tema
Subject
Estilo fotográfico
Negocios
Business
Fotografías de
Negocios
La segmentación de clientes
recoge la diversidad de
profesionales, autónomos
y empresas. Muestra la
diversidad cultural de nuestros
clientes y empleados. Estilo
moderno y fresco, alineado
con el concepto de sencillez.
Photographic style
Business
photography
Customer segmentation
reflects the diversity of
professionals, self-employed
and businesses. It shows the
cultural diversity of our
customers and employees.
The style is modern and fresh,
in line with the concept of
simplicity.
Luminosidad
Luminosity
1.6.5
Estilo fotográfico
Fotografías
publicitarias
Encuadre
Setting
La realidad, el optimismo y la
cercanía son los tres pilares
de nuestra imaginería. Para
conseguirlo nuestras fotos
deben compartir diversos
elementos estilísticos:
luminosidad, encuadre y
distancia focal. A nivel de
tono haremos énfasis en los
siguientes cuatro aspectos:
cercanía, transparencia,
confiabilidad y optimismo.
Photographic style
Advertising
pictures
Distancia
focal
Focal length
54
Reality, optimism and
closeness are the three
pillars of our imagery. To
achieve this, our photographs
should share various stylistic
elements: luminosity, setting
and focal length. As for the
tone, we should emphasize
the following four aspects:
closeness, transparency,
trustworthiness and optimism.
1.6.6
Estilo fotográfico
Fotografía
publicitaria. Ejemplo
Utilizaremos el silueteado
de personas cuando queramos
que un cliente o empleado
sea el protagonista de la
comunicación.
Tus cuentas
nunca habían
estado tan
en forma.
Ficha por la Liga BBVA.
Trae tu nómina y llévate esta televisión
o 1 año gratis de Digital+.
Recomendamos el silueteado
de objetos cuando un
objeto sea el protagonista
del mensaje ya sea por una
promoción o por la misma
creatividad. Los objetos
tienen que ser actuales y estar
vinculados con la vida de las
personas.
Photographic style
Advertising
pictures. Examples
Y disfruta de muchas
ventajas exclusivas.
Infórmate aquí o entrando en bbva.es
Fichar por la mejor liga del mundo es tener domiciliada la nómina en BBVA.
Campaña válida hasta el 31/12/2010, para nuevas domiciliaciones de nóminas
iguales o superiores a 600€.
55
We should use people
outlining when we want
a customer or employee
to be the main character
of the communication.
We recommend object
outlining when an object is
the main character of the
message, either in the case
of a promotion or for
creativity’s sake. Objects
should be current and be
linked to people’s life.
Ilustraciones
Illustrations
56
1.7
Ilustración
Illustration
Se recomienda utilizar siempre fotografías, pero para
los casos donde se proceda al uso de una ilustración
como imagen para apoyar el mensaje, se deberán
seguir algunos consejos a la hora de utilizarlas.
Photographs should always be used, but
in those cases where an illustration is used as
an image to support the message,
some guidelines should be taken into account.
Las ilustraciones deben ser sintéticas, vitales,
optimistas y sencillas (en el sentido de fácil lectura).
No utilizaremos técnicas desdibujadas, oscuras y
complejas ni ilustraciones con trazos irregulares
y repetitivos. Evitaremos todo estilo oscuro, tétrico,
barroco... que no vaya acorde con las directrices de
vitalismo, positividad y cercanía.
The illustrations should be synthetic, vital,
optimistic and simple (meaning easy to read).
We should not use blurred, dark and complex
techniques, or illustrations with irregular and
repetitive strokes. Avoid dark, gloomy, baroque
styles which are not aligned with the guidelines
of vitality, positivity and closeness.
En cuanto al color podemos trabajar indistintamente
con los de la paleta básica y los secundarios. Se
recomienda especialmente el uso de secundarios
para conseguir un mensaje positivo y vital.
Evitaremos el uso del negro y sombreados oscuros.
As for the color, we can work with either
the basic palette or with secondary colors.
The use of secondary colors is especially
recommended to achieve a positive and vital
message. Avoid using black and dark shading.
In short, we need illustrations that support
communication, but which also build
on the bank’s values.
1.7.0
Ilustración
Introducción
Ilustration
En definitiva, necesitamos ilustraciones
que apoyen la comunicación pero que también
construyan sobre los valores de nuestro banco.
57
Introduction
Lema
Tagline
58
1.8
Una palabra
memorable
El lema “adelante.” de BBVA es una palabra
fácilmente reconocible que va siempre asociada a la
marca BBVA. El lema ayuda a recordar y reforzar el
mensaje de marca de BBVA.
Para reproducir correctamente el lema “adelante.”
Es necesario un arte final original.
One memorable word
BBVA’s tagline “adelante.” is a recognizable word that
is always associated with the BBVA brand. The tagline
helps to remind and reinforce BBVA’s brand message.
Fort he correct reproduction of the tagline
“adelante.”, a finished art original is needed.
59
1.8.0
Lema
Introducción
Tagline
Introduction
1.8.1
Tamaño estándar
Standard size
Lema
Pantone 287 C
“adelante.” = 50% de la altura del logotipo.
“adelante.” = 50% of the height of the logo
Posición
Position
“adelante.” va siempre en la base de la página
“adelante.” is always at the bottom of the page
Logotipo arriba / “adelante.” en la base alineado
a la izquierda debajo del logotipo
Logo top / “adelante.” bottom left underneath
Logotipo BBVA en la parte superior
de la caja de texto / “adelante.” en la base
alineado a la izquierda debajo del logotipo
BBVA logo on the top of the text box /”adelante.”
bottom left underneath
Tamaño estándar
y posición
En esta página se muestra el
tamaño estándar y posición
del lema “adelante.” de BBVA.
La altura del lema siempre
será del 50% de la altura
del logotipo BBVA. El lema
siempre se colocará en la
esquina inferior izquierda
de la pieza a diseñar, justo
por encima del texto legal
si lo hubiese.
Tagline
Tagline size
and position
This page shows the standard
size and position of the BBVA
tagline “adelante.”.
The height of the tagline
is always to be 50% of the
height of the BBVA logo.
The tagline is always placed
in the lower left corner
of the design layout, just
above the legal text, should
there be any.
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Legal Body Copy. Stag Sans Light. 7 / 9pt.
Pantone Cool Gray 11 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ligula massa, mollis a ultrices ut,
tincidunt ut lorem. Morbi sollicitudin feugiat enim, sagittis tempor enim lobortis vel.
60
Tono de voz
Tone of voice
61
1.9
Hablando con
las audiencias
El tono de voz es la manera de expresar quién es
BBVA y su razón de ser como compañía. Ser claro
y consistente en lo que dice y en cómo lo dice, le
permite diferenciarse de la competencia, ayuda a
las audiencias a conocernos mejor y a construir una
relación emocional más profunda con éstas.
Speaking to
our audience
The tone of voice is the best way to express who BBVA
is and why we exist as a company. Being clear and
consistent in what is said and how it is said, will set
the brand apart from the competition, help the
audience to know us better and build a deeper
emotional connection with them.
62
1.9.0
Tono de voz
Introducción
Tone of voice
Introduction
Humano
Human
Todo lo que hacemos, lo hacemos para hacer la vida más fácil a las personas.
Hacemos que se sientan bien y les demostramos que entendemos sus necesidades porque les escuchamos. Somos amables, cercanos y accesibles. Hablamos de una forma natural y personal, utilizando un lenguaje cotidiano, como
si mantuviéramos una conversación. Mostramos nuestro compromiso para
mejorar sus vidas, ahora y en el futuro, para mantener y construir relaciones
a largo plazo.
Everything we do is to make life easier for people. We make them feel welcome, and show that we genuinely understand their needs because we listen.
We are warm, friendly and ‘open door’. We speak in a natural, personal way to
people using everyday language – as if we are having a conversation. To keep
this flowing and to build lasting relationships, we show that we are committed
to bettering their lives, now and in the future.
Directo
Direct
“Sencillez” está en el centro de todo lo que hacemos y decimos. Queremos
hacer las cosas lo más fáciles posible en nuestra relación con las personas.
Para que confíen en nosotros, tienen que entender qué les estamos
ofreciendo. Esto significa, proporcionar la información correcta en el momento justo, de forma clara y concisa. Somos siempre responsables, sinceros y
realistas: nunca creamos falsas expectativas ni confundimos.
Simplicity is at the heart of everything we do and say. We want to make it as
easy as possible for people to deal with us. For people to trust us they have
to understand what we are offering them. That means giving them the right
information at the right time, keeping it clear and concise. We are always
responsible, truthful and realistic: we never over-promise or mislead.
“Insightful”
Insightful
Somos expertos en lo que hacemos y compartimos nuestro conocimiento de
forma que inspire y reafirme a la gente. La forma más efectiva de hacer esto
es centrándonos en sus necesidades, deseos y preocupaciones y en la
importancia y utilidad de nuestros productos y servicios. Conectando
nuestras soluciones con la vida de las personas, demostramos que
conocemos bien lo que realmente les importa. Destacamos nuestra
flexibilidad y cómo adaptamos lo que hacemos a las necesidades de cada
individuo, ya sea ayudándoles a ahorrar tiempo o dinero.
We are experts in what we do, and share our knowledge in a way that inspires
and reassures people. The most effective way to do this is by focusing on
human insights, and the relevance and usefulness of our products and
services. By connecting these to people’s lives, we show that we are in touch
with what really matters to them. We highlight our agility and how we tailor
what we do to the individual’s needs – whether it is saving them time or
saving them money.
Optimista
Optimistic
Inspiramos a las personas con nuestra visión positiva de la vida y con todas
las formas con las que podemos hacerla más fácil. Vemos el día a día de una
forma diferente, conectando con ellos desde una perspectiva fresca, con
nuevas formas de disfrutar más de su tiempo. Somos sensibles a sus
necesidades y situaciones, pero ofrecemos una visión de la vida más ligera
e inteligente, como forma de vivir nuestro concepto de sencillez.
We inspire people with our positive view on life and all the ways we can make
their journey through it easier. We are original in how we look at the everyday,
engaging them with a fresh perspective on ways to enhance their lives. We
are sensitive to their needs or situation, but present a lighter, brighter take on
life to convey the simplicity they can enjoy with us.
1.9.1
Tono de voz
Principios
Para construir una marca
global y unificada, es
necesario establecer unos
principios de tono de voz
que permitan:
• Transmitir la filosofía:
“centrados en el cliente”.
• Expresar el nuevo
posicionamiento: “sencillez”.
• Reforzar la diferenciación
frente a los competidores.
los cuatro principios que
reflejan la personalidad
de marca BBVA.
Tone of voice
Principles
To build a unified global brand,
it is necessary to establish
tone of voice principles that
will:
• Communicate the philosophy
of “customer-centric”.
• Express the new position of
“simplicity”.
• Strengthen differentiation
from competitors.
This page shows the four
principles that reflect the
personality of the BBVA brand.
63
Guía layouts publicitarios
Quick guide advertising application
2
2
2.0Introducción
2.1Posicionamiento
2.1.0Introducción
2
Layouts publicitarios
2.2Composición
2.2.0Introducción
2.2.1 Los elementos
2.2.2 Las distancias
2.2.3 El color
2.2.4 Composición de textos en Stag Sans 2.2.5 La tipografía. Tamaños de textos y legal
2.2.6 La tipografía. Tamaños de titular
2.3 Uso de los stripes
en layouts publicitarios
2.4
Layouts prensa
2.4.0Introducción
2.4.1 Prensa página
2.4.2 Prensa página. Ejemplos
2.4.3 Prensa 1/2 página
2.4.4 Prensa 1/2 página. Layouts alternativos
2.4.5 Prensa 1/2 página. Ejemplos
2.4.6 Prensa Faldón
2.4.7 Prensa Faldón. Ejemplos
2.4.8 Formatos sin visual
2.4.9 Prensa en B/N
2.4.10 Prensa en B/N. Ejemplos
65
Layouts audiovisuales
2.5.1 Cierres audiovisuales.
TV. Stripes horizontales
2.5.2 Cierres audiovisuales.
TV. Stripes verticales
2.5.3 Cierres audiovisuales. Radio
2.3.0Introducción
2.3.1Stripes uso en layouts publicitarios
2.3.2Stripes uso 1
2.3.3Stripes uso 1. Variaciones
2.3.4Stripes uso 2
2.3.5Stripes uso 2. Variaciones
2.3.6Stripes uso 3. Formatos I
2.3.7Stripes uso 3. Formatos II
2.3.8Stripes uso 3. Construcción I
2.3.9Stripes uso 4. Formatos
2.3.12Retícula
2.3.13 Retícula. Construcción
2.3.14 Retícula. Construcción
2.5
2.6
2.6.1
2.6.2
2.6.3
2.6.4
2.6.5
2.6.6
2.6.7
2.6.8
Layouts on line
3 tiempos horizontal.
Banners. Ejemplos
3 tiempos animados horizontal.
3 tiempos animados. Ejemplos.
3 tiempos vertical.
Banners. Ejemplos
3 tiempos animados vertical.
3 tiempos animados. Ejemplos.
2.7Recomendaciones
2.7.0Introducción
2.7.1Recomendaciones
2.7.2Recomendaciones
2.7.3Ejemplos
Contenidos
Advertising layouts
Contents
Encajando las piezas
En este capítulo se muestra, en una forma
estandarizada, los formatos, tamaños y posición de
las piezas necesarias para crear, de una forma única,
cualquier pieza publicitaria de la marca BBVA.
Consejos y ejemplos para la buena utilización del
layout, la marca y los stripes.
Using the
design elements
This chapter shows the unique way to create
any piece of BBVA brand communication
necessary using standardised elements,
formats, sizes and positions.
66
2.0
Introducción
Advertising layouts
Introduction
Posicionamiento
67
2.1
El nuevo
posicionamiento
BBVA no inicia una nueva etapa gráfica, de colores,
tipografías o layout. Inicia un nuevo plan que nos
debe llevar a ser en el 2015 un banco referente en
todo el mundo, y en todos los sentidos. Para ello, y
dentro de este plan, BBVA cuenta con un nuevo posicionamiento corporativo basado en dos principios:
Conseguir que en cada contacto con el cliente, éste
se beneficie de nosotros. Que sea el protagonista.
Y decírselo del modo más sencillo posible.
Con pocos recursos, pero un alto valor.
Fitting parts
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus lobortis ante nisl. Suspendisse potenti.
Integer volutpat fermentum aliquam. Curabitur
dolor lectus, ornare id lobortis vel, faucibus eu leo.
Nam vitae lorem id odio imperdiet tempus sed eu
lorem. Aliquam in tellus tellus, nec semper nibh.
68
2.1.0
Posicionamiento
Introducción
Introduction
Composición
Composition
69
2.2
El nuevo layout
publicitario
En este manual de identidad aplicamos
nuestra nueva identidad. Una identidad
única y global, de todo el Grupo BBVA.
En esta primera fase nos preocupa
una rápida asociación entre el recurso gráfico,
los stripes, y la marca BBVA.
Fitting parts
70
2.2.0
Composición de los
layouts publicitarios
Introducción
Advertising layouts
composition
Introduction
2.2.1
Composición de los
Los elementos
Logo. El logo siempre
encabeza la comunicación,
alineado en bandera a la
izquierda con el resto de la
información.
Posición
Position
Logotipo arriba / “adelante.” en la base alineado
a la izquierda debajo del logotipo
Logo top / “adelante.” bottom left underneath
“adelante.” va siempre en la base de la página
“adelante.” is always at the bottom of the page
la información legal cierra la página
legals always on the bottom
Claim. De igual manera, el
claim siempre se sitúa a la
izquierda y en la parte inferior.
Es el último texto dentro de la
comunicación. Cada mensaje
empieza con el logo y acaba
con el claim.
Call to action, web, teléfonos
y resto de información se
situarán siempre antes del
claim.
Disclaimer Legal. Incluiremos
siempre debajo del “adelante.”
y en tipografía light la
información legal de cada una
de las piezas.
Advertising layouts
composition
Typefaces.
Headline sizes
71
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Nulla dictum mattis sem, vitae
vehicula justo placerat et.
Pellentesque eu molestie mi.
Nunc sit amet ligula in eros
sagittis sollicitudin. Sed vitae
orci risus, pharetra vehicula
orci. Duis egestas vehicula
lectus, pretium interdum nibh
malesuada eget.
2.2.2
B= Igual a la altura del logotipo
B= Equal to height of logotype
Composición de los
Las distancias
Distancia entre elementos:
stripes, logotipo y textos
legales.
La medida de B (equivalente
a la altura del logotipo) nos
marcará todas las distancias
entre los elementos y entre
éstos y los márgenes de la
página, tanto en vertical como
en horizontal.
Distancias
Distances
Los textos legales se sitúan
siempre debajo de la palabra
“adelante.” respetando la
distancia de B.
Advertising layouts
composition
Typefaces.
Headline sizes
malesuada eget.
72
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Legal Body Copy. Stag Sans Light. 7 / 9pt. Pantone
Cool Gray 11 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ligula massa, mollis a ultrices ut, tincidunt ut
lorem.
Morbi
sollicitudin
feugiat
enim,
sagittis
tempor
enim
lobortis
vel.
Corporativos
2.2.3
Primarios
Pantone 287 C
Composición de los
C: 100 R: 09
M: 58 G: 79
Y: 00 B: 164
K: 20
El color
Pantone 300 C
Pantone 2925 C
C: 100 R: 00
M: 40 G: 110
Y: 00 B: 193
K: 00
C: 93
M: 07
Y: 00
K: 00
R: 00
G: 158
B: 229
Pantone 2915 C
Pantone 291 C
Pantone 290 C
C: 65 R: 82
M: 06 G: 188
Y: 00 B: 236
K: 00
C: 42 R: 137
M: 02 G: 209
Y: 00 B: 243
K: 00
C: 23 R: 181
M: 00 G: 229
Y: 00 B: 249
K: 00
Secundarios
Los colores secundarios no se
utilizarán nunca en los textos
sino como recurso de color
dentro de las fotografías (se
permite su uso dentro del
texto en el interior de folletos
y catálogos. Ver punto 3 del
manual).
Advertising layouts
composition
Tintes
Color
50%
White
malesuada eget.
25%
10%
Pantone 136
C: 00
M: 28
Y: 88
K: 00
R: 253
G: 189
B: 44
Pantone 144
Pantone 220
Pantone 376
C: 00 R: 246
M: 50 G: 137
Y: 100 B: 30
K: 00
C: 00 R: 200
M: 100 G: 23
B: 94
Y: 13
K: 17
C: 55 R: 134
M: 00 G: 200
Y: 100 B: 45
K: 00
Gris para textos legales
Gama de grises
K: 100
73
K: 85
K: 70
K: 50
K: 30
K: 20
Pantone Cool Gray 11
C: 15
R: 71
M: 00 G: 75
Y: 00 B: 80
K: 85
Stag Sans Light adipiscing elit. Nunc ligula massa, mollis a
Texto resaltado / Call to Action Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi sollicitudin feugiat enim, sagittis tempor enim.
Stag Sans Medium. Pantone 287 Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem.
Morbi sollicitudin feugiat enim, sagittis tempor enim lobortis
Texto resaltado / Call to action Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Stag Sans Book. Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem.
Color secundario / secundary color Morbi sollicitudin feugiat enim, sagittis tempor enim lobortis.
Stag Sans Book. Pantone 287
Bloque de texto en itálicas / Body Copy Italic
Stag Sans Book Italic. Pantone 287
Bloque de texto secundario /
Secondary Body Copy
Stag Sans Light. Pantone 287
Bloque de texto secundario en itálicas /
Secondary Body Copy
Stag Sans Light Italic. Pantone 287
Bloque de texto legal y textos largos en aplicaciones no publicitarias /
Legal Body Copy and long texts in non-advertising applications
Stag Sans Light. Pantone Cool Gray 11
74
2.2.4
Composición de los
Composición de los
textos en Stag Sans
Esta página muestra los estilos
de Stag Sans que se utilizan en
todos los layouts.
deberán ir siempre en bandera
izquierda, sin justificar,
intentando encontrar el
aspecto más natural posible;
los cuerpos mayores deberán
usarse con los gruesos
más finos y a la inversa y
el tracking de la tipografía
debería estar editado a -10 pt.
Advertising layouts
composition
Typography use
Phasellus lobortis ante nisl.
Suspendisse potenti. Integer
volutpat fermentum aliquam.
Curabitur dolor lectus, ornare
id lobortis vel, faucibus eu
leo. Nam vitae lorem id odio
imperdiet tempus sed eu
lorem. Aliquam in tellus tellus,
nec semper nibh.
2.2.5
Lorem ipsum dolor
El tamaño máximo es la mitad de la altura del logotipo
Maximum sizes is half the height of logo
Ejemplos de tamaños recomendados
Examples - recommended sizes
A4 Texto / body copy. Stag Sans Book 12pt. 15pt interlineado / leading.
A4 Texto secundario / secondary body copy. Stag Sans Light 12pt. 15pt interlineado / leading.
A4 Texto resaltado / Call to Action. Stag Sans Book 12pt. 15pt interlineado / leading.
A3 Texto / body copy. Stag Sans Book 16pt.19pt interlineado / leading.
A3 Texto secundario / Secondary body copy. Stag Sans Light 16pt. 19pt interlineado / leading.
A2 Texto / body copy. Stag Sans Book 32pt.38pt interlineado / leading.
A1 Texto / body copy. Stag Sans Book 44pt. 52pt interlineado / leading.
A0 Texto / body copy. Stag Sans Book 70pt. interlineado / leading.
Cartel pequeño / Small poster. Texto / body copy. Stag Sans Book 26pt. 31pt interlineado / leading.
Cartel pequeño / Small poster. Texto secundario / Secondary body copy. Stag Sans Light 26pt. 31pt interlineado / leading.
Cartel pequeño / Small poster. Texto resaltado / Call to Action. Stag Sans Book 26pt. 31pt interlineado / leading.
Portacarteles / Poster holder. Texto / body copy. Stag Sans Book 54pt. 65pt interlineado / leading.
Portacarteles / Poster holder. Texto secundario / Secondary body copy. Stag Sans Light 54pt. 65pt interlineado / leading.
Portacarteles / Poster holder. Texto resaltado / Call to Action. Stag Sans Book 54pt. 65pt interlineado / leading.
Texto legal / Legal copy
Stag Sans Light 7pt con 9pt interlineado. Stag Sans Light 7pt on 9pt leading. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac justo.
75
Composición de los
La tipografía.
Tamaños de bloque
de texto y legal
El tamaño de las fuentes viene
determinado por el diseño de
la aplicación. En esta página
se muestran los tamaños
recomendados para bloques
de texto y texto legal. Los
textos nunca serán mayores
que la mitad de la altura del
logotipo. El texto legal será
siempre Stag Sans Light de 7
puntos de tamaño y a 9 puntos
de interlineado y se colocará
de modo que sea legible.
Advertising layouts
composition
Typefaces.
Body copy & legal
sizes
Recommended sizes for body
copy and legal text. Body copy
will never be greater than half
the height of the logo. Legal
text is always Stag Sans Light
sized between 7pt to 9pt and
placed so that it is legible.
Opción 1: 3 veces la altura del logotipo
Option 1: 3 x height of logo
Lorem sit
ipsum amet
Lorem sit
amet loren
ipsum sit
Financiado sin intereses
15€/mes
En 18 cuotas T.A.E 0%
P.V.P Total: 499€
Infórmate en
BBVA o en Línea
BBVA 902 22 44 66
Más en
www.bbva.es
Lorem sit ipsum sit
amet lorem sit
ipsum sit
Lorem sit ipsum
amet lorem sit
Lorem sit ipsum sit amet
15€/mes
En 18 cuotas T.A.E 0%
P.V.P Total: 499€
Infórmate en
BBVA o en Línea
BBVA 902 22 44 66
Más en
www.bbva.es
76
Opción 2: 2.5 veces la altura del logotipo
Option 2: 2.5 x height of logo
Lorem sit
ipsum amet
Opción 3: 2 veces la altura del logotipo
Option 3: 2 x height of logo
Lorem sit
ipsum amet
Opción 4: 1,5 veces la altura del logotipo
Option 4: 1.5 x height of logo
Lorem sit
ipsum amet
2.2.6
Composición de los
La tipografía.
Tamaños de titular
titulares en proporción a
la altura del logotipo. Hay
cuatro tamaños para elegir
dependiendo de la disposición
y la longitud del mismo.
Advertising layouts
composition
Typefaces.
Headline sizes
This page shows headlines in
proportion to the height of the
logo. There are four sizes to
choose from depending on the
layout and length of the text.
Uso de los stripes en layouts publicitarios
Stripes guide on layouts
77
2.3
Stripes en layouts
Los stripes son nuestro recurso gráfico, un elemento
visual cuya finalidad, como venimos plasmando
en este manual, es una clara asociación con la
marca. Los stripes se utilizan para todas las piezas
publicitarias que vayamos a desarrollar siempre
teniendo en cuenta la finalidad de cada pieza. Por lo
tanto tendrán usos diferentes si se trata de layouts
publicitarios o de resto de comunicaciones.
Fitting parts
78
2.3.0
Los stripes en los
Introducción
Stripes on layouts
Introduction
2.3.1
Stripes uso en
formatos posibles de uso
de los stripes en los layouts
publicitarios.
Stripes on layouts
Stripe usage.
Formats
Stripes uso 1
Stripe usage 1
Stripes uso 2
Stripe usage 2
Stripes uso 3
Stripe usage 3
Stripes uso 4
Stripe usage 4
Stripes uso 5
Stripe usage 5
Comunicaciones
internas y
corporativas
Corporate and
internal
communications
Anuncios
Ads
Anuncios
Ads
Anuncios
Ads
Folletos
Brochures
Sólamente
anuncios
horizontales
Only landscape
advertisements
POS
POS
Folletos
Brochures
Medios digitales
Digital media
Anuncios
Ads
Folletos
Brochures
Medios digitales
Digital media
Folletos
Brochures
Promociones
Promotions
Anuncios
Ads
Folletos
Brochures
Medios digitales
Digital media
79
Medios digitales
Digital media
malesuada eget.
2.3.2
X Igual a la altura del logotipo
Equal to height of logotype
Stripes uso 1
X
formatos posibles para las
stripes de uso 1.
X
X
X
Stripes on layouts
X
Stripe usage 1
X
malesuada eget.
X
X
1/2X
1/2X
X
X
Bloque de texto legal Stag Sans
Light. 7 / 9pt. Pantone Cool
Gray 11 - Legal Body Copy. Stag
X
80
2.3.3
Sin fotografía, tipográfico
Tab left top
Stripes uso 1.
Variaciones
Esta página muestra los pasos
a seguir para construir una
pieza de comunicación con las
stripes de uso 1.
Stripes on layouts
Stripe usage 1
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11
Legal Body Copy. Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ligula massa,
mollis a ultrices ut, tincidunt ut lorem. Morbi sollicitudin feugiat enim, sagittis
tempor enim lobortis vel.
Con fotografía silueteada
Tab left top cut out righ
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Legal Body Copy. Stag Sans Light. 7 /
9pt. Pantone Cool Gray 11 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ligula massa,
mollis a ultrices ut, tincidunt ut lorem. Morbi sollicitudin feugiat enim, sagittis tempor enim lobortis vel.
81
malesuada eget.
2.3.4
Stripes uso 2
stripes de uso 2.
Stripes on layouts
Stripe usage 2
X
malesuada eget.
X
X
X
X
X
X
X
1/2X
1/2X
X
X
X
82
2.3.5
Stripes uso 2.
Variaciones
Formatos apaisados
Landscape formats
Formatos verticales
Vertical formats
Caja contenedora a 1/2 página
Content box half page height
Content box third height
pieza de comunicación con las
stripes de uso 2.
Content box quarter hieight
Stripes on layouts
Caja contenedora a 1/2 página. 2/3 de ancho
Content box half page height / two thirds width
Caja contenedora cuadrada
a 1/2 página
Content square box
half page height
malesuada eget.
a 1/3 de la altura de página
Content square box
third page height
al ancho total
Content square box
Full width
al alto total
Content square box
Full height
83
Stripe usage 2.
Construction
2.3.6
Formatos
Formats
Apaisado
Landscape
X + 1/2 de X
x es igual a 1/4 de la
1/6
25% = X
X + 1/2 de X
altura del cuadrado
x is equal to a 1/4 of
the squares height
1/6
El margen es igual a x más un medio de x
The margin is equal to x plus one half of x
X
El logotipo se centra en el cuadrado
The logotype is centred to square
1/6
Stripes uso 3.
Formatos I
piezas publicitarias que usan
los stripes de uso 3.
1/6
Stripes on layouts
1/6
X + 1/2 de X
1/6
Faldón
Landscape format
malesuada eget.
X
x es igual a 1/3 de la
altura del cuadrado
1/6
x is equal to a 1/3 of
1/6
the square height
1/3 = X
X
1/6
X
1/6
1/6
1/6
X
Apaisado extremo
Extreme Landscape
1/6
1/6
1/6
1/6
1/6
1/6
1/2 X
x es igual a la
altura del cuadrado
x is equal to
the square height
1/2 X El margen es igual a 1/2 de x
The margin is equal to 1/2 x
X
X
1/2 X
84
Stripe usage 3.
Formats I
2.3.7
Stripes uso 3.
Formatos II
Formatos apaisados con fotografía
Landscape formats with photography
Con fotografía
With photography
Fotografía silueteada
Cut-out Photography
Stripes on layouts
Stripe usage 3.
Formats II
malesuada eget.
85
2.3.8
Stripes uso 3.
Construcción I
X
pieza publicitaria con los
stripes de uso 3.
X
X
X
Stripes on layouts
Stripe usage 3.
Construction I
1/4 página
malesuada eget.
1/2X
1/2X
X
X
X
86
2.3.9
Stripes uso 4.
Formatos
Los stripes a mitad de la altura de página
Stripes equal to half of height
Los stripes a 1/3 de la altura de página
Stripes equal to 1/3 of height
Esta página muestra los formatos posibles para las piezas
publicitarias que usan los
stripes de uso 4.
Stripes on layouts
Stripe usage 4.
Formats
malesuada eget.
Bloque de texto legal Stag Sans Light. 7 / 9pt.
Pantone Cool Gray 11 - Legal Body Copy. Stag
Sans Light. 7 / 9pt. Pantone Cool Gray 11 -
87
Bloque de texto legal
Stag Sans Light. 7 /
9pt. Pantone Cool
Gray 11
Legal Body Copy. Stag
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Legal Body Copy. Stag Sans Light. 7
/ 9pt. Pantone Cool Gray 11 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ligula massa,
2.3.10
Formatos verticales
Vertical formats
Stripes uso 5.
Formatos
€
Los gráficos no deben ser más
grandes que 2/3 de la página.
Mantener el equilibrio gráfico
con el espacio en blanco.
Graphic no bigger than 2/3 of page.
Balance with white space must
be maintained.
Stripes on layouts
Stripe usage 5.
Formats
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Legal Body Copy. Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem. Morbi sollicitudin feugiat enim, sagittis tempor enim lobortis vel.
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Legal Body Copy. Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem. Morbi sollicitudin feugiat enim, sagittis tempor enim lobortis vel.
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Legal Body Copy. Stag Sans Light. 7 /
9pt. Pantone Cool Gray 11 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ligula massa,
Formatos apaisados
Landscape formats
€
€
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Legal Body Copy.
Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem. Morbi
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Legal Body Copy.
Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11 - Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nunc ligula massa, mollis a ultrices ut, tincidunt ut lorem. Morbi
El número o símbolo debe ser
igual a la altura de los stripes.
Fuente: Stag Sans Semibold.
Stripes equal to full height of
number or symbol.
Typeface Stag Sans Semibold.
88
Sólo utilice números, y caracteres numéricos
financieros. No utilice letras y palabras.
Only numbers, and numerical / financial
related characters are allowed.
Do not use letters and words.
malesuada eget.
2.3.11
Stripes uso 5.
Formatos
Los stripes a mitad de la altura de página
Stripes equal to half of height
€
Stripes on layouts
Stripe usage 5.
Formats
€
€
Stag Sans Light
48 pt. / 52 pt. = 1,5B
A4 Texto / body copy. Stag Sans Book 12pt. 15pt
interlineado / leading. Pantone 287 C.
A4 Texto secundario / secondary body copy.
Stag Sans Light 12pt. 15pt interlineado / leading. Pantone 287 C.
89
Bloque de texto legal Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11
Legal Body Copy. Stag Sans Light. 7 / 9pt. Pantone Cool Gray 11
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ligula massa,
mollis a ultrices ut, tincidunt ut lorem. Morbi sollicitudin feugiat enim, sagittis
tempor enim lobortis vel.
malesuada eget.
2.3.12
Todos los usos de stripes utilizan la
misma cuadrícula a excepción del uso 2
(cajas contenedoras) y 4 (stripes a sangre).
All stripe usages work on the same
grid except for 2 (squares) & 4
(full bleed stripes)
Retícula
Esta página muestra las
retículas para maquetar los
stripes en sus diferentes usos.
Stripes on layouts
Grid
This page shows the grids
used to create layouts with the
different stripe usages.
90
2.3.13
Retícula.
Construcción
Formato A4
A4 format
Esta página muestra las
retículas para maquetar
formatos A4 e irregulares.
Retícula adaptada a formato irregular
Custom grid irregular size
2 columnas / separación igual al margen
2 Columns / Gutter equal to margin
Advertising layouts
8% del lado más largo
8% of longest dimension
Grid. Construction
Grids for A4 and irregular
formats.
1/4 de página
1/4 page
Media página
Half page line
1/3 de página
1/3 page
Media página
Half page line
2/3 de página
2/3 page
1/4 de página
1/4 page
91
1/3 de página
1/3 page
2/3 de página
2/3 page
Media página
Half page line
2.3.14
Retícula.
Construcción
Folleto DL
DL Brochure
Esta página muestra la
retícula para maquetar un
folleto DL.
Advertising layouts
Grid. Construction
Grid for a DL leaflet.
92
Layouts prensa
Advertising layouts
93
2.4
Tipos de layouts
En los siguientes apartados mostramos layouts
publicitarios según el contenido y tamaño de cada
pieza. Dichos layouts se han definido teniendo
en cuenta los elementos a utilizar; de este modo
contemplamos layouts específicos a usar con
visual (cuando la imagen es muy relevante) y otros
tipográficos que se utilizarán siempre que no sea
posible el uso de imágenes.
Fitting parts
94
2.4.0
Tipos de layouts
Introducción
Advertising layouts
Introduction
2.4.1
Layouts prensa
Gráfica Offline
prensa página
Imagen
Campaña
Stripes
Logo
Lorem
ipsum
sit amet
Imagen
Campaña
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in
Textos
Específicos
Campaña
titular+Bodycopies
Advertising layouts
Typefaces.
Headline sizes
Lorem ipsum sit amet. consectetur adipisicing
elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua.
Logo
Textos
Específicos
Campaña
titular+Bodycopies
Call to action
+ Claim
Legal
95
Lorem
ipsum
sit amet
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla
pariatur.
Stripes
Lorem ipsum sit amet. consectetur adipisicing elit, sed do eiusmod tempor incididunt
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur.
Call to Action
+Claim
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur.
Para las páginas de prensa
hemos optado por la
utilización de los layouts
donde la imagen y el
contenido de la campaña sean
más evidentes. En la primera
opción la caja podrá ser
adaptada a las necesidades
del contenido de texto u/o
imagen. La segunda opción
la utilizaremos cuando no
dispongamos de material
gráfico óptimo o queramos
destacar un objeto o persona.
Legal
malesuada eget.
2.4.2
Layouts prensa
Gráfica Offline
prensa página.
Ejemplos
Advertising layouts
Typefaces.
Headline sizes
Trae tu nómina
a BBVA y llévate
la mejor música
Y disfruta de muchas ventajas
exclusivas.
Queremos hacer
tu vida más sencilla
Infórmate en tu oficina o entrando en bbva.es
Créditos consumo, créditos vehículo
y tarjetas de crédito.
Llámanos al 654 678 765 o infórmate en bbva.es
adelante.
Fichar por la mejor liga del mundo es tener domiciliada
la nómina en BBVA. Campaña válida hasta el
31/12/2010, para nuevas domiciliaciones de nóminas
96
Fichar por la mejor liga del mundo es tener domiciliada la nómina en BBVA. Campaña válida hasta el 31/12/2010, para nuevas domiciliaciones de
nóminas iguales o superiores a 600€.
2.4.3
Layouts prensa
Imagen
Campaña
Stripes
Para las medias páginas los
stripes pasan a ocupar toda
la altura de la pieza para
aprovechar las características
del formato. Utilizaremos
la version tag (etiqueta) de
stripes cuando el formato
sufra mucho con los stripes
ocupando todo el alto de la
pieza.
Logo
Lorem
ipsum
sit amet
Textos
Específicos
Campaña
titular+Bodycopies
Advertising layouts
Call to action
+ Claim
Imagen
Campaña
Stripes
Logo
Lorem
ipsum
sit amet
Call to action
+ Claim
Legal
97
Typefaces.
Headline sizes
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur.
Legal
Textos
Específicos
Campaña
titular
+Bodycopies
Gráfica Offline
prensa 1/2 página
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
malesuada eget.
2.4.4
Stripes
Imagen
Campaña
Lorem ipsum
sit amet
Call to action
+ Claim
Legal
Advertising layouts
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Typefaces.
Headline sizes
Logo
Textos
Específicos
Campaña
titular+Bodycopies
Lorem
ipsum
sit amet
€
Call to action
+Claim
Legal
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
Stripe numérico
98
Gráfica Offline
prensa 1/2 página.
Layouts alternativos
Las medias páginas también
soportan la versión imagen/
campaña cuando se trata de
campañas de imagen, donde la
fotografía tiene una presencia
notable.
Utilizaremos la opción de
ventaja cuantitativa cuando
haya un valor numérico a
destacar.
Logo
Textos Específicos
Campaña titular
+Bodycopies
Layouts prensa
malesuada eget.
2.4.5
Layouts prensa
Gráfica Offline
prensa 1/2 página.
Ejemplos
Alcanza
mucho
más!
Con créditos Negocios
y Pymes.
Advertising layouts
Con tu Nómina
en BBVA,
ficha por la mejor
Liga del mundo
Un Crédito en unas condiciones
que si puedes cumplir.
Infórmate en tu oficina
o entrando en bbva.es
Fichar por la mejor liga del mundo es tener domiciliada la nómina en
BBVA. Campaña válida hasta el 31/12/2010, para nuevas
domiciliaciones de nóminas iguales o superiores a 600€.
Fichar por la mejor liga del mundo es tener domiciliada la nómina en
BBVA. Campaña válida hasta el 31/12/2010, para nuevas
domiciliaciones de nóminas iguales o superiores a 600€.
Con tu nómina en BBVA,
ficha por la mejor Liga
del mundo
Y disfruta de muchas ventajas exclusivas.
Con tu Nómina
en BBVA,
no pagarás
comisiones
Infórmate en tu oficina
o entrando en bbva.es
Fichar por la mejor liga del mundo es tener domiciliada la nómina en BBVA. Campaña válida
hasta el 31/12/2010, para nuevas domiciliaciones de nóminas iguales o superiores a 600€.
99
Typefaces.
Headline sizes
€
2.4.6
Layouts prensa
Stripes
Imagen Campaña
Logo
Textos Campaña
titular+Bodycopies
Los formatos “faldón”
permiten varias utilizaciones.
Siempre deberemos reducir
la presencia de bodycopies
o extensión de cuerpos de
textos cuando trabajamos
estos formatos de espacio
reducido. Aquí vemos 3
opciones.
Lorem ipsum sit amet
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
Call to action
+ Claim
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Legal
Stripes
Gráfica Offline
prensa faldón
Imagen Campaña
Advertising layouts
Typefaces.
Headline sizes
Logo
Textos Campaña
titular+Bodycopies
Call to action
+ Claim
Legal
Lorem ipsum
sit amet
Lorem ipsum sit amet. consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Stripe numérico
Logo
Textos Campaña
titular+Bodycopies
Call to action
+ Claim
Legal
100
Lorem ipsum sit amet. consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
€
malesuada eget.
2.4.7
Layouts prensa
Gráfica Offline
prensa faldón.
Ejemplos
El primer buscador de
descuentos en tu celular
Advertising layouts
Typefaces.
Headline sizes
FrancésGo
Fichar por la mejor liga del mundo es tener domiciliada la nómina en BBVA. Campaña válida hasta el
31/12/2010, para nuevas domiciliaciones de nóminas iguales o superiores a 600€.
¿Nadie quiere ir
al banco por ti?
Mejor usa el nuevo Provinet
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Con tu Nómina en BBVA,
no pagarás comisiones
101
€
2.4.8
Layouts prensa
Gráfica Offline.
Formatos sin visual
Contaremos con una versión
tipográfica para cada formato
siempre que no sea posible el
uso de imagen.
Stripes
Logo
Titular
+Bodycopies
Campaña
Lorem
ipsum
dolor
sit amet
Stripes
Advertising layouts
Logo
Lorem ipsum
dolor sit amet
eiusmod. Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod.
Textos
Específicos
Campaña
titular+Bodycopies
Call to action
+Claim
Legal
consectetur adipisicing elit,
sed do eiusmod.
sed do eiusmod.
Call to action
+Claim
Legal
102
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur.
Logo
Lorem ipsum dolor sit amet
Textos Campaña
titular+Bodycopies
Call to action
+Claim
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Legal
Typefaces.
Headline sizes
malesuada eget.
2.4.9
Layouts prensa
Gráfica Offline
Prensa en B/N.
Utilizaremos los colores
de la gama blanco y negro
propuesta. Evitar el uso de
layouts donde los stripes
manchen demasiado la página.
Stripes
Imagen
Campaña
Stripes
Logo
Lorem
ipsum
sit amet
Imagen
Campaña
Textos
Específicos
Campaña
titular+
Bodycopies
Call to action
+Claim
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in
Logo
Textos
Específicos
Campaña
titular+
Bodycopies
Call to action
+ Claim
Legal
103
Lorem
ipsum
sit amet
pariatur.
Stripe numérico
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
Legal
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
€
Logo
Textos Campaña
titular+Bodycopies
Call to action
Legal
Advertising layouts
Typefaces.
Headline sizes
malesuada eget.
2.4.10
Layouts prensa
Gráfica Offline
Prensa en B/N.
Ejemplos
Utilizaremos los colores
de la gama blanco y negro
propuesta. Evitar el uso de
layouts donde los stripes
manchen demasiado la página.
Tan parte de tu vida
que sigues
haciendo tu vida.
Advertising layouts
Typefaces.
Headline sizes
Nuevo Bancomer Movil
malesuada eget.
Con B-movil puedes:
• Comprar tiempo aire
• Recibir Alertas Bancomer
• Transferir dnero
• Consultar tu saldo
Actívalo en Linea Bancomer al 5226 2663
Más información en www.bancomer.com
Nunca fuí al gimnasio
pero ahorré en provida.
Un gran futuro te está esperando.
• Lorem ipsum dolor sit amet.
• Consectetur adipisicing elit.
• Sed do eiusmod tempor incididunt ut labore.
• Ut enim ad minim veniam.
• Quis nostrud exercitation.
Con tu Nómina en BBVA,
no pagarás comisiones.
104
€
Layouts
105
2.5
2.5.1
Cierres audiovisuales.
TV. Stripes
horizontales
Ver adjunto.
Advertising layouts
Typefaces.
Headline sizes
malesuada eget.
106
2.5.2
TV. Stripes verticales
Ver adjunto.
Advertising layouts
Typefaces.
Headline sizes
malesuada eget.
107
2.5.3
Radio
BBVA
+
adelante.
+
logotipo musical
(4 notas musicales).
Ver archivo adjunto.
108
En el caso de cierre para
el medio radio se propone
una locución del tipo (ver
desarrollo en la parte
izquierda).
Advertising layouts
Typefaces.
Headline sizes
malesuada eget.
Layouts on line
On line layouts
109
2.6
2.6.1
Layouts on line
Gráfica Online.
3 tiempos horizontal.
Stripes
Para la gráfica online no sólo
trabajamos con el espacio
sino con el tiempo, así que
podemos repartir el layout
por la duración del banner.
Dadas las características del
medio intentaremos que los
mensajes de campaña ocupen
un frame por si solos y que
los stripes de nuestra marca
siempre estén presentes.
Stripes
En BBVA Lorem
ipsum sit amet
Paso1
Texto
Campaña
Lorem
ipsum
sit amet
Paso1
Texto
Campaña
Online layouts
Typefaces.
Headline sizes
Lorem ipsum dolor
sit amet.
adelante.
Paso2
Call to Action
Paso3
Logo/Claim
Lorem ipsum dolor
sit amet.
Paso2
Call to Action
adelante.
Paso3
Logo/Claim
Imagen Campaña
110
malesuada eget.
2.6.2
Layouts on line
Online Banners.
Ejemplos
Online layouts
Typefaces.
Headline sizes
Con tu Nómina en BBVA, ficha
por la mejor Liga del mundo
Con tu Nómina
en BBVA, ficha por
la mejor Liga
del mundo
adelante.
111
adelante.
malesuada eget.
2.6.3
Layouts on line
Gráfica Online.
3 tiempos animados
horizontal.
Stripes
Stripes
En BBVA Lorem
ipsum sit amet
Lorem ipsum dolor
sit amet.
Lorem ipsum dolor
sit amet.
adelante.
Paso1
Texto
Campaña
En los casos donde sea
posible utilizaremos la versión
animada de los banners.
Lorem
ipsum
sit amet
Paso1
Texto
Campaña
Lorem ipsum dolor
sit amet.
Paso2
Call to Action
Paso2
Call to Action
Lorem ipsum dolor
sit amet.
Paso3
Anim
Paso4
Logo/Claim
Paso3
Animación
adelante.
Paso4
Logo/Claim
Imagen Campaña
112
Online layouts
Typefaces.
Headline sizes
malesuada eget.
2.6.4
Layouts on line
Gráfica Online.
3 tiempos animados.
Ejemplos.
Con tu Nómina en BBVA, ficha
por la mejor Liga del mundo
Lorem ipsum dolor
sit amet.
adelante.
113
Con tu Nómina
en BBVA, ficha por
la mejor Liga
del mundo
adelante.
Online layouts
Typefaces.
Headline sizes
malesuada eget.
2.6.5
Imagen Campaña
Stripes
Layouts on line
Gráfica Online.
3 tiempos vertical.
En BBVA
Lorem
ipsum
sit amet
Stripes
En BBVA
Lorem
ipsum
sit amet
Lorem ipsum
dolor sit amet.
PASO1
Texto
Campaña
adelante.
Online layouts
Contenidos
Texto
Typefaces.
Headline sizes
Lorem ipsum
dolor sit amet.
PASO2
Call to
Action
Imagen
Campaña
adelante.
PASO1
Textos
Campaña
114
Para la gráfica online no sólo
trabajamos con el espacio
sino con el tiempo, así que
podemos repartir el layout
por la duración del banner.
Dadas las características del
medio intentaremos que los
mensajes de campaña ocupen
un frame por si solos y que
los stripes de nuestra marca
siempre estén presentes.
PASO2
Call to Action
PASO3
Logo/Claim
PASO1
Logo
/Claim
malesuada eget.
2.6.6
Layouts on line
Online Banners.
Ejemplos
Con tu
Nómina
en BBVA,
ficha por
la mejor
Liga del
mundo
Y disfruta
de muchas
ventajas
exclusivas.
Con tu
Nómina
en BBVA,
ficha por
la mejor
Liga del
mundo
adelante.
Y disfruta
de muchas
ventajas
exclusivas.
adelante.
115
Online layouts
Typefaces.
Headline sizes
2.6.7
Imagen Campaña
Stripes
Layouts prensa
Gráfica Online.
3 tiempos animados
vertical.
En BBVA
Lorem
ipsum
sit amet
Stripes
En BBVA
Lorem
ipsum
sit amet
Lorem ipsum
dolor sit amet.
Lorem ipsum
dolor sit amet.
PASO1
Texto
Campaña
Typefaces.
Headline sizes
adelante.
Contenidos
Texto
Lorem ipsum
dolor sit amet.
PASO2
Call to
Action
Imagen
Campaña
PASO1
Textos
Campaña
PASO2
Call to Action
PASO3
Transición
PASO3
Trans
PASO4
Logo/Claim
adelante.
PASO4
Logo
/Claim
116
Online layouts
malesuada eget.
2.6.8
Con tu
Nómina
en BBVA,
ficha por
la mejor
Liga del
mundo
Con tu
Nómina
en BBVA,
ficha por
la mejor
Liga del
mundo
Y disfruta
de muchas
ventajas
exclusivas.
Y disfruta
Lorem
ipsum
de muchas
ventajas
dolor
sit amet.
exclusivas.
Gráfica Online.
3 tiempos animados.
Ejemplos.
Online layouts
adelante.
Y disfruta
de muchas
ventajas
exclusivas.
adelante.
117
Layouts prensa
Typefaces.
Headline sizes
malesuada eget.
Recomendaciones
Recommendations
118
2.7
Recomendaciones
A continuación mostramos las recomendaciones
para un correcto uso de los layouts publicitarios
incluyendo ejemplos de los mismo para conseguir
transmitir un total entendimiento.
2.7.0
Recomendaciones de uso
de los layouts publicitarios
Introducción
Recommendations
Recommendations
119
Introduction
2.7.1
Recomendaciones.
Recomendaciones generales
de aplicación:
1) No recomendamos el uso
del layout con los stripes en
horizontal ocupando toda la
parte superior de la pieza.
Lorem ipsum
dolor sitamet
€
Lorem
ipsum
sit amet
pariatur.
120
sed do eiusmod.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
2) Todos los elementos
de la página están alineados
en bandera a la izquierda
incluyendo logos y cierres.
Recommendations
Typefaces.
Headline sizes
malesuada eget.
2.7.2
Recomendaciones.
Recomendaciones generales
de aplicación:
3) Evitaremos el uso de los
stripes a sangre llenando todo
el formato. Recordemos que
también somos blancos.
Lorem
ipsum
sit amet.
Lorem
ipsum
sit amet.
magna aliqua. Ut enim ad veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in
4) Para esta primera fase de
implantación de la nueva
identidad no recomendamos
el uso de los stripes en la
parte inferior de la pieza,
sino en el centro de la misma.
Potenciamos así la visibilidad
separando claramente entre
titular y call to action.
Recommendations
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
121
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut
enim ad veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in
Typefaces.
Headline sizes
malesuada eget.
2.7.3
Ejemplos
Adaptación del layout a
comunicación ya existente.
Recommendations
Typefaces.
Headline sizes
malesuada eget.
Hipoteca Blue protegida
con seguro de desempleo gratis.
Para tu tranquilidad
Hipoteca Blue protegida
con seguro de desempleo gratis.
Para tu tranquilidad
Este es el compromiso
social de BBVA.
Este es el compromiso
social de BBVA.
Aprovecha que eres Blue.
Aprovecha que eres Blue.
122
2.7.3
Ejemplos
Recommendations
Typefaces.
Headline sizes
Si tienes 59+
ahora viene
lo bueno
123
malesuada eget.
2.7.3
Ejemplos
Recommendations
Typefaces.
Headline sizes
malesuada eget.
El auto que querés,
como nunca lo soñaste
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tur.
124
2.7.3
Ejemplos
Recommendations
Typefaces.
Headline sizes
malesuada eget.
¡Salí de compras y disfrutá
dándote todos los gustos!
Loresm ipsum dolor sit amet
125

Posicionamiento estratégico Strategic positioning

Transcripción

Documentos relacionados

Descargá nuestro brochure

catálogo - GoMovil

Restaurantes de la Villa de Ingenio Gran Canaria Restaurantes de