BID - Brand Guidelines - Brand Book

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 57

home

1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales


marca BID corporativos visuales y Digital

MANUAL DE MARCA
Banco Interamericano de Desarollo
Agosto 2022
1 | MANUAL DE MARCA BID
home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

ÍNDICE DE CONTENIDOS

1 NUESTRA MARCA 5 RECURSOS VISUALES


1.1 Nuestra identidad de marca 5.1 Curva
5.2 Fotografía
5.3 Video
2 LOGO
2.1 Logo principal
2.2 Convivencia con otras marcas 6 PUBLICACIONES
2.3 Medidas del logo 6.1 Introducción
2.4 Logo con eslogan Mejorando vidas 6.2 Tipografías
6.3 Portada libre
6.4 Contraportada libre
3 COLORES CORPORATIVOS
3.1 Paleta primaria
3.2 Paleta secundaria
3.3 Gradientes de color
3.4 Aplicaciones de color


4 TIPOGRAFÍAS
4.1 Tipografía principal
4.2 Tipografías secundaria: sitios web y publicaciones
4.3 Otras tipografías
4.4 Recomendaciones

2 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

1 NUESTRA MARCA
Nuestra marca BID es mucho más que
un logo. Es un activo compuesto de
identidad (diferenciacion y consistencia)
y reputacion (promesa y desempeño).

Entre todos nosotros, empleados,


clientes, socios y beneficiarios,
construimos una marca unica
e irrepetible. Para fortalecer la
marca, es clave que hablemos y nos
presentemos de una misma manera,
que comuniquemos mensajes claros
y consistentes, y que diaramente
generemos experiencias de valor para
nuestros stakeholders.

En la siguiente página mostraremos los


componentes de nuestra Identidad de
Marca BID. Estos componentes incluyen
la parte verbal y visual. Representan
quienes somos; cómo hablamos y nos
comportamos; y cómo nos presentamos
ante nuestros stakeholders.

3 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

1.1 NUESTRA IDENTIDAD DE MARCA


Estos componentes claves de nuestra marca sirven como base fundamental para representar al BID, verbal, y visualmente. Nos brindan la hoja de ruta para
relacionarnos con nuestros stakeholders de manera única, clara y coherente.

1 NUESTRO
PROPÓSITO 4 NUESTROS
ATRIBUTOS 5 NUESTRA PERSONALIDAD
DE MARCA

Contribuir a la aceleración del proceso de Conocimiento Garantía Somos expertos Somos abiertos
desarrollo económico de la región. Buscamos Creamos y compartimos Somos un socio financiero Con nuestro conocimiento Estamos formados,
inspirar, promover y desarrollar bienestar en conocimiento. Sabemos lo sólido con una calificación de la región y más de familiarizados y abiertos a
América Latina y el Caribe. que funciona. crediticia AAA. 60 años de experiencia, la diversidad de culturas,
El propósito es nuestra razón de ser. podemos ofrecer soluciones experiencias y perspectivas de
relevantes. la región. Sabemos conectar

2
Innovación Responsabilidad con el resto del mundo.
NUESTRO ESLOGAN Descubrimos, diseñamos, Somos transparentes y
implementamos y medimos responsables, nuestros Somos cercanos Somos confiables
diferentes soluciones. proyectos cuentan con
Mejorando vidas un proceso de evaluación LAC es nuestra región. Tomamos la iniciativa y
ambiental, de impacto social y Somos empáticos y fáciles entregamos un trabajo de alta
El eslogan, proveniente de nuestro propósito, captura de entender. Estamos calidad. Somos responsables,
el elemento emocional que une a empleados, socios y de gobernanza.
siempre dispuestos a crear financieramente sólidos y
beneficiarios.
conversaciones con todas transparentes.
Calidad de Vida Cercanía

3
las audiencias.
NUESTRA PROPUESTA Nuestra razón de ser es Estamos presentes en los
DE VALOR mejorar la calidad de vida países de la región. Somos Los rasgos de personalidad nos permiten humanizar la marca BID, y demostrar
de las personas de nuestra LAC. que somos relevantes para nuestras audiencias y que los escuchamos.
región.
Somos el Banco Interamericano de Desarrollo

6
(BID), y nos enfocamos en mejorar vidas a través
del desarrollo económico, social e institucional NUESTRO
Enfoque en nuestros stakeholders
de América Latina y el Caribe. Diseñamos,
(miembros y socios) LOGO
implementamos y apoyamos la ejecución de
soluciones innovadoras y sostenibles a través Respondemos y nos anticipamos a las necesidades de la
de conocimiento, cooperación técnica y región, adaptándonos a su entorno en constante cambio. Es el identificador visual mediante el cual nuestros stakeholders
financiamiento para promover el crecimiento y el nos reconocen. Nuestro logo debe utilizarse de forma consistente,
bienestar de la región. tanto interna como externamente, siguiendo las pautas del Manual
de Marca.
La propuesta de valor declara y argumenta el beneficio Los atributos permiten que nuestra audiencia puede entender el
que prometemos a nuestros stakeholders. significado de nuestra marca, nos diferencian de otras entidades similares y
demuestran nuestra ventaja competitiva.

4 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2 LOGO
2.1 Logo principal
2.2 Convivencia con otras marcas
2.3 Medidas del logo
2.4 Logo con eslogan Mejorando vidas

LOGO BID
5 | MANUAL DE MARCA BID
home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.1 LOGO PRINCIPAL

El logo BID es el activo visual de marca más


importante de nuestra organización.

La información que compartimos y los proyectos


donde apoyamos, son avalados por el BID, por lo
cual su logo será siempre el principal identificador
en los materiales visuales de comunicación. Solo
en situaciones excepcionales se puede desarrollar
un logo para iniciativas donde la relevancia,
impacto y alcance lo justifique, y solo por
decisión de KIC/DCC en base a los lineamientos
de arquitectura de marca.

Composición
A través de líneas curvas, el globo, o también
llamado isotipo, es la síntesis de la región de
Latinoamérica y el Caribe integrados al mundo.
Nuestro isotipo refleja apertura, fluidez y
transparencia.

El acrónimo BID (Banco Interamericano


de Desarrollo), también llamado logotipo, está
basado en la tipografía Gotham.

No debemos separar el globo y el acrónimo en


ningún caso.

Idioma
El logo es el mismo en tres de los cuatro idiomas
oficiales del Banco: español, francés y portugués.

Sólo en el caso del idioma inglés se


convierte en IDB, que son las iniciales de
Inter-American Development Bank.

6 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.1 LOGO PRINCIPAL Mínimo de área visual


de protección: 3x

Zonas visuales,
x

tamaños y color
3x x 3x
Área de protección Mínimo de
Mínimo de área visual de
El logo debe tener un área de protección libre de área visual de protección: 3x
protección: 3x
otros elementos gráficos. Esta área debe tener un
ancho mínimo equivalente al ancho de 3 bastones
del carácter “I” del logo. 3x

Cuando nuestro logo se presenta junto a otros


logos, existe una medida específica de protección Mínimo de área visual
entre ellos que se detallará más adelante en este de protección: 3x
mismo capítulo.
Reducción mínima impresa Reducción mínima digital
Tamaño mínimo
El parámetro de tamaño para aplicaciones
1 cm 60 px
mínimas es el alto del isotipo (globo). Este debe
tener un mínimo de 1 cm en medios impresos y
60 píxeles en medios digitales.

Color
El logo oficial utiliza dos de los tres colores
primarios de la marca. Esta versión a color Pantone CMYK RGB Web
siempre debe ser nuestra primera opción de uso. 3025 C C: 100 R: 0 # 004e70
M: 60 G: 80
Y: 35 B: 115
K: 25
Se pueden descargar todas las versiones del logo
BID de nuestro Sitio de Identidad.

Pantone CMYK RGB Web


Black 7C C: 0 R: 60 # 3c3b3b
M: 0 G: 60
Y: 0 B: 60
K: 90

7 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.1 LOGO PRINCIPAL

Logo con placa


blanca curva
La placa blanca curva tiene la función de asegurar la
correcta visibilidad del logo, sobre todo cuando se
aplica sobre fondos con diversos colores y/o fondos
con fotografía.

Composición
La forma de la placa blanca curva proviene de
la letra I del logo del BID, rotada 90 grados
en el sentido opuesto a las agujas del reloj. En
consecuencia, el vértice curvo es el superior
izquierdo. (1)

Área de protección
Las medidas del área de protección del logo con
placa blanca curva cambian con respecto a las (1)
indicadas en la página anterior. Además del margen
interno de la placa, se debe considerar un margen
externo. (2)

No diseñar esta versión de logo con placa blanca


curva. Descargar la versión ya creada del Sitio de
Identidad, en PNG y vectores.

El uso del logo con placa blanca curva es


(2) 4x
mandatorio para las piezas de redes sociales.
3x x

4x 3x 3x

3x

4x
8 | MANUAL DE MARCA BID
home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.1 LOGO PRINCIPAL

Aplicación del logo


(1)
Para una óptima visibilidad de la marca es importante
asegurar un buen contraste entre el logo y el fondo.
De igual manera, es importante la legibilidad del logo
a través de la correcta posición y tamaño del mismo
dentro de la pieza gráfica.

Fondo blanco
El fondo ideal para el uso del logo corporativo es
fondo blanco, donde aplicaremos nuestro logo en (2)
versión a color. (1)

Fondos oscuros
Si el fondo tiene un valor de negro igual o superior al
40%, usaremos el logo en blanco. (2)

Fondos claros
Si el fondo tiene un valor de negro inferior al 40%,
usaremos el logo a color, o el logo en el color gris (3)
oscuro de la paleta corporativa. (3)

Posición y tamaño
El logo siempre irá en la esquina inferior derecha del
visual. (4) Ver detalle de medidas en la sección 2.3
del presente capítulo. Esto aplica para todo excepto
material impreso para eventos. Para piezas físicas
revisar la siguiente página.
(4)

9 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.1 LOGO PRINCIPAL

Aplicación del logo (1)

Para stands (1) y banners físicos (2), o para


fondos digitales detrás de personas en un
escenario físico, es clave asegurar la máxima
visibilidad de nuestro logo.

En este tipo de piezas, el logo debe ubicarse en


la mitad superior del diseño. Nuestro logo no
debe estar ubicado al nivel del piso, o en algún
lugar donde corra el riesgo de ser bloqueado
por personas en el escenario.

Cuando coloquemos más de una entidad del


Grupo BID en un banner físico, sus logos deben
aparecer en el siguiente orden, de arriba hacia
abajo: BID, BID Invest y BID Lab. Debemos
mantener una distancia vertical entre logos (2) (3)
equivalente a un isotipo BID. (3)

10 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.1 LOGO PRINCIPAL


1 2 3

Usos incorrectos
Los siguientes ejemplos muestran alteraciones del
logo que no están permitidas:

1. No alterar la proporción entre isotipo y logotipo

2. No separar el isotipo y el logotipo


4 5 5
3. No alterar los colores del logo
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Fusce viverra tincidunt
4. No utilizar el logo como reemplazo de la
ligula, tempor elementum neque aliquam
denominación BID quis. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices
5. No utilizar el logo, sin la placa blanca curva, posuere cubilia Curae; Curabitur quis
sobre fotografías complejas sodales turpis. Nulla facilisi. Mauris sed
felis sed diam consectetur fringilla.
6. No rotar el logo
6 7 8
7. No aumentar el tamaño del logo dentro de la
placa blanca curva

8. No modificar la forma de la placa blanca curva

9. No ubicar el logo con placa blanca curva en


una posición que no sea la inferior derecha

10. No usar el efecto de contorno sin relleno

11. No utilizar el logo como recurso gráfico para 9 10 11


representar otro elemento

11 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.2 CONVIVENCIA CON


OTRAS MARCAS
x (1)
Posición y distancias
Cuando aparecemos junto a otros socios estratégicos
en el cierre de videos, cierre de presentaciones, portada Logo 1 Logo 2
o contra portada de publicaciones, nuestro logo irá al
final derecho para cerrar con fuerza la comunicación.
Además, la distancia entre logos debe ser el ancho de un
x x x
isotipo (globo) BID. (1) Área de protección Área de protección Área de protección
Fondo
Lo ideal es usar fondos claros para que nuestro logo
pueda ir en su versión a color y para asegurar un buen (2)
contraste de los logos con el fondo del visual.
Si el color de fondo requiere el uso de nuestro logo en
color blanco o en gris oscuro, asegurar que los logos de
los otros socios vayan en la misma versión.
Proporción
El tamaño de los logos debe ser proporcionado, sin que
destaque ninguno en particular. Para ello, se sugiere
(3)
trazar una línea imaginaria que se establece a partir del
isotipo BID. Algunos logos no podrán cumplir con este
requisito pero queda a criterio del que diseñe la pieza
visual, resguardar la proporción. (2)
Logos del Grupo BID x x x
Cuando aparece más de una entidad del Grupo BID, sus
logos deben aparecer en el siguiente orden: BID, BID
Invest y BID Lab. La distancia entre logos debe ser el (4)
ancho de un isotipo (globo) BID. (3) Estos lineamientos
aplican también cuando aparecen las entidades del
Grupo BID junto a socios externos. (4)
x x

12 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.3 MEDIDAS DEL LOGO


Piezas digitales
(1)

Es importante respetar el área de


protección de nuestro logo cuando lo
utilizamos en la versión con placa blanca
curva. (1)
De igual manera, es importante que
esta versión de logo mantenga medidas
proporcionales al tamaño de la pieza
gráfica. En el lado derecho de esta
página mostramos la ubicación y
medidas para aplicar el logo con placa
blanca curva, según distintos formatos
de piezas digitales.
Para formatos no contemplados en la
presente página, por favor seguir las
proporciones del formato más cercano.
No está permitido diseñar la versión
de logo con placa. Debemos usar la
versión que se encuentra lista para
descarga en el Sitio de Identidad (PNG
y vectores).

13 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.3 MEDIDAS DEL LOGO


Piezas digitales (1)

Convivencia con otras marcas


Cuando aparecemos junto a otros socios,
ubicaremos los logos sobre una franja blanca
inferior y nosotros iremos al final derecho para
cerrar con fuerza la comunicación.
Debemos respetar la distancia de 3x desde
nuestro acrónimo hasta los bordes de la franja
blanca (1). De esa manera aseguramos que
nuestro logo no esté pegado a los bordes, o
demasiado pequeño.
La altura de nuestro isotipo guiará la proporción
de tamaño del resto de logos. Además, la
distancia entre logos debe ser el ancho de un
isotipo (globo) BID. Ver más detalle en sección
2.2 Convivencia con otras marcas.
Los logos deberán ir en el centro de la
franja. Si por alguna razón, deben ir pegados
a la derecha, la separación del borde de la
composición y el último logo será el ancho de un
isotipo (globo) BID.
En el lado derecho de esta página mostramos
la medida de la altura de la franja blanca, según
distintos formatos digitales. Para formatos no
contemplados en la presente página, por favor
seguir las proporciones del formato más cercano.

14 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.3 MEDIDAS DEL LOGO

Publicaciones
También es importante cuidar la consistencia
en la ubicación y medidas del logo en
nuestras publicaciones.
En esta página mostramos las medidas
de nuestro logo para las portadas de las
publicaciones en base a tres de los formatos
más usados. Para formatos no contemplados
en la presente página, por favor seguir las
medidas del formato más cercano.

El fondo ideal para el uso del logo BID es


fondo blanco, donde aplicamos nuestro logo
en versión a color. Si el fondo tiene un valor
de negro igual o superior al 40%, usar el logo
en blanco. Y si el fondo tiene un valor de
negro inferior al 40%, usar el logo a color, o el
logo en el color gris oscuro. Ver ejemplos en
sección 2.1 del presente capítulo.

Ver ejemplos y más lineamientos para


publicaciones en el capítulo 6.

15 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.3 MEDIDAS DEL LOGO


Publicaciones
(1)

Cuando el fondo de la portada contiene


fotografía o muchos colores, usamos
la versión de logo con placa blanca
curva. Es importante respetar el área de
protección de nuestro logo cuando lo
utilizamos en esta versión. (1)
De igual manera, es importante que
esta versión de logo tenga medidas
proporcionales al tamaño de la pieza
gráfica. En el lado derecho de esta página
mostramos la ubicación y medidas para
aplicar el logo con placa blanca curva,
para tres de los formatos más usados.
Para formatos no contemplados en la
presente página, por favor seguir las
proporciones del formato más cercano.
No está permitido diseñar la versión de
logo con placa. Debemos usar la versión
que se encuentra lista para descarga en
el Sitio de Identidad (PNG y vectores).
Ver ejemplos y más lineamientos para
publicaciones en el capítulo 6.

16 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.3 MEDIDAS DEL LOGO


Publicaciones (1)

Convivencia con otras marcas


Cuando aparecemos junto a otros socios,
ubicaremos los logos sobre una franja blanca
inferior y nosotros iremos al final derecho para
cerrar con fuerza la comunicación.
Debemos respetar la distancia de 3x desde
nuestro acrónimo hasta los bordes de la franja
blanca (1). De esa manera aseguramos que
nuestro logo no esté pegado a los bordes, o
demasiado pequeño.
La altura de nuestro isotipo guiará la proporción
de tamaño del resto de logos. Además, la
distancia entre logos debe ser el ancho de un
isotipo (globo) BID. Ver más detalle en sección
2.2 Convivencia con otras marcas.
Los logos deberán ir en el centro de la
franja. Si por alguna razón, deben ir pegados
a la derecha, la separación del borde de la
composición y el último logo será el ancho de un
isotipo (globo) BID.
En el lado derecho de esta página mostramos
la medida de la altura de la franja blanca, según
distintos formatos digitales. Para formatos no
contemplados en la presente página, por favor
seguir las proporciones del formato más cercano.

17 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.4 LOGO CON ESLOGAN


MEJORANDO VIDAS

Mejorando vidas
Un eslogan es una invitación al
movimiento y a la participación activa
de un suceso.

Nuestro eslogan, Mejorando vidas,


es un lema inspirador que captura
el elemento emocional que une a
empleados, socios y beneficiarios, El trabajo que realizamos cada día
y nos alienta a trabajar juntos para contribuye a mejorar las vidas de las
conseguir el bien de nuestra región. personas de nuestra región.

18 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.4 LOGO CON ESLOGAN


MEJORANDO VIDAS

El logo con eslogan “Mejorando vidas”


se utiliza cuando deseamos darle fuerza y
protagonismo a nuestra esencia de marca.
Existen casos específicos para aplicar este
logo, los cuales mostraremos en este capítulo.

19 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.4 LOGO CON ESLOGAN


MEJORANDO VIDAS
Mínimo de área visual
x
Zonas visuales, de protección: 3x

tamaños y color
x
Área de protección
El logo debe tener un área de protección Mínimo de Mínimo de
área visual de
libre de otros elementos gráficos. Esta protección: 3x
área visual de
área tendrá un ancho mínimo equivalente protección: 5x
x
al ancho de 3 bastones del carácter “I” del
logo en la parte superior e izquierda, de 5
bastones a la derecha y de 2 bastones en
la parte inferior, debajo del eslogan.
Mínimo de área visual
de protección: 2x
Tamaño mínimo
El parámetro de tamaño para aplicaciones
mínimas del logo es el alto del isotipo Reducción mínima impresa Reducción mínima digital
(círculo). Éste deberá tener un mínimo de
1 cm en medios impresos y 60 píxeles en
1 cm 60 px
medios digitales.

Color
El logo con eslogan utiliza dos de los
tres colores primarios de la marca. Esta
versión a color debe ser nuestra primera
opción de uso. Pantone CMYK RGB Web
3025 C C: 100 R: 0 # 004e70
M: 60 G: 80
Y: 35 B: 115
K: 25

Pantone CMYK RGB Web


Black 7C C: 0 R: 60 # 3c3b3b
M: 0 G: 60
Y: 0 B: 60
K: 90

20 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.4 LOGO CON ESLOGAN


MEJORANDO VIDAS
Aplicación del logo
con eslogan
Para una óptima visibilidad del logo con eslogan es
importante asegurar un buen contraste con el fondo. De
igual manera, es importante asegurar la legibilidad del logo a
través de la correcta posición y tamaño del mismo dentro de (2)
la pieza gráfica. (1)

Ubicación
El logo con eslogan se aplicará cuando estemos solos (sin
socios al lado), ubicándonos el centro del visual.

Fondo blanco
El fondo ideal para el uso del logo corporativo es fondo
blanco, donde podremos aplicar nuestro logo en versión
a color. (1) (2) (2)

Fondos oscuros
Si el fondo tiene un valor de negro igual o superior al
40%, usar el logo en blanco. (2)

Fondos claros
Si el fondo tiene un valor de negro inferior al 40%, usar el
logo a color, o el logo en el color gris oscuro de la paleta
corporativa. (3)
(3) (4)
Fondos de imágenes
Al aplicar el logo sobre fotos, ésta deberá estár en una
opacidad inferior a 15% para lograr buena legibilidad. (4)
x
Tamaño y posición
El logo debe ocupar, aproximadamente, un ancho
equivalente a un cuarto del ancho del área, y siempre irá
centrado. (5)
4x
(4) (5)

21 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.4 LOGO CON ESLOGAN (1) (2)

MEJORANDO VIDAS

Usos incorrectos
Los siguientes ejemplos muestran alteraciones del
logo con eslogan que no están permitidas: (3) (3)

-No alterar la proporción entre el isotipo, logotipo y


eslogan (1)

-No separar el isotipo, el logotipo ni el eslogan (2)

-No alterar los colores del logo (3)

-No utilizar el logo sobre fotografías complejas (4)


(4) (4)
-No rotar el logo (5)

-No usar el efecto de contorno sin relleno (6)

(5) (6)

22 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

2.4 LOGO CON ESLOGAN


MEJORANDO VIDAS

Casos de uso
El logo con eslogan se utiliza solo cuando somos
el único logo en el visual, y principalmente en los
siguientes casos:

- Gran formato en un evento como una pared, un


backdrop, etc. (1)

- Banners físicos para eventos. Es clave asegurar que


la ubicación del logo esté al nivel de los ojos de las
personas. (2)

- Cierre de videos cuando el BID aparece sin otros


socios al lado. (3) No debemos animar los elementos
del logo por separado (isotipo, acrónimo BID, (1) (2)
eslogan). El logo debe tratarse como un solo bloque
cuando ingrese al cierre del video.​

- Lámina final de presentaciones, cuando el BID


aparece sin otros socios al lado. (3)

- Contra portada de publicaciones, cuando el BID


aparece sin otros socios al lado. (4)

- Material promocional como lapiceros, tazas, contra


portada de cuadernos, etc.

En todos los casos es importante seguir los


lineamientos de aplicación del logo con eslogan
indicados en la página anterior.

23 | MANUAL DE MARCA BID (3) (4)


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

3 COLORES CORPORATIVOS

3.1 Paleta primaria


3.2 Paleta secundaria
3.3 Gradiantes de color
3.4 Aplicaciones de color

COLORES
CORPORATIVOS
24 | MANUAL DE MARCA BID
home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

3.1 PALETA PRIMARIA


Tenemos una paleta primaria y una paleta
secundaria de colores. Una paleta de colores
simple y consistente ayuda a que nuestras
audiencias nos identifquen rápidamente. Pantone CMYK RGB HEX

La paleta primaria está compuesta AZUL 3025 C C: 100 R: 0 #004e70


M: 60 G: 80
por tres colores: el azul y el gris oscuro que Y: 35 B: 115
se desprenden del logo BID; y el color cian K: 25
para complementar los dos anteriores.

A la derecha se encuentra la composición


GRIS Black 7C C: 0 R: 60 #3c3b3b
de los colores para sus diferentes usos: M: 0 G: 60
OSCURO
Pantone, CMYK, RGB y HEX (web). Y: 0 B: 60
K: 90
Pantone y CMYK (Cyan, Magenta,
Yellow, Black) son los modos de
color para trabajos de impresión
profesional. RGB (Red, Green, Blue) y HEX son CIAN 2925 C C: 77 R: 0 #009ade
el modo de color para web, M: 25 G: 154
Y: 0 B: 222
video o trabajos simples que van a K: 0
ser impresos en impresoras de oficina.

Las comunicaciones institucionales del BID


deben moverse primordialmente en este trio
de colores, donde el azul debe ser utilizado
en una mayor proporción.

25 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

3.1 PALETA PRIMARIA


Tonalidades C:88 M:48 Y:31 K:7 C:66 M:33 Y:25 K:1 C:99 M:82 Y:50 K:16 C:99 M:84 Y:54 K:25
R:57 G:112 B:139 R:106 G:144 B:166 R:0 G:62 B:90 R:0 G:55 B:78
#196e8c #5e90a8 #003e5a #00374e
Para tener un abanico más
amplio de tonalidades en la
paleta primaria, presentamos
las variantes permitidas para
cada uno de los colores que C:20 M:8 Y:8 K:0 C:42 M:19 Y:16 K:0 C:97 M:87 Y:58 K:45 C:98 M:86 Y:56 K:34
conforman la paleta. R:203 G:216 B:223 R:148 G:180 B:196 R:0 G:39 B:56 R:0 G:47 B:67
#cbd8df #94b4c4 #002f43

Estas tonalidades nos


permitirán tener más opciones
de color cuando se diseñe
una pieza gráfica, además
C:69 M:62 Y:64 K:12 C:55 M:44 Y:48 K:0
de ayudarnos a crear focos R:96 G:95 B:89 R:135 G:134 B:129
C:82 M:80 Y:70 K:49 C:82 M:81 Y:71 K:55
R:48 G:47 B:47 R:42 G:41 B:41
especiales de atención en las #605f59 #878681 #302f2f #2a2929
composiciones .

C:20 M:16 Y:17 K:0 C:31 M:28 Y:30 K:0


C:84 M:82 Y:72 K:66 C:83 M:82 Y:72 K:61
R:211 G:216 B:209 R:174 G:173 B:171
R:30 G:30 B:30 R:36 G:35 B:35
#d3d2d1 #aeadab
#1e1e1e #242323

C:21 M:0 Y:2 K:0 C:39 M:0 Y:2 K:0 C:87 M:5 Y:0 K:0 C:91 M:43 Y:25 K:0
R:219 G:237 B:248 R:183 G:219 B:242 R:75 G:166 B:222 R:53 G:116 B:155
#dbedf8 #b7dbf2 #4ba6de #35749b

C:75 M:0 Y:3 K:0 C:58 M:0 Y:4 K:0


C:95 M:70 Y:45 K:5 C:83 M:82 Y:72 K:61
R:111 G:184 B:229 R:147 G:202 B:235
R:38 G:83 B:111 R:45 G:100 B:133
#6fb8e5 #93caeb
#26536f #2d6485

26 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

3.2 PALETA SECUNDARIA


La paleta secundaria está compuesta Pantone CMYK RGB HEX
por cuatro colores: amarillo, verde
oscuro, verde claro, y un gris claro. AMARILLO 108 C C: 0 R: 255 #Ffda00
M: 17 G: 218
Estos colores pueden jugar de Y: 97 B: 0
manera armónica con los colores de K: 0
la paleta primaria.

Adicionalmente, existen los colores


negro y blanco que servirán VERDE 348 C C: 94 R: 48 #308144
principalmente para los textos. OSCURO M: 23 G: 129
Y: 97 B: 68
K: 0

VERDE 368 C C: 62 R: 141 #8dba38


CLARO M: 0 G: 186
Y: 98 B: 56
K: 00

GRIS Cool Gray 1 C C: 40 R: 166 #a6a6a8


CLARO M: 30 G: 166
Y: 30 B: 166
K: 00

Pantone CMYK RGB HEX

NEGRO Black 6 C C: 15 R: 0 #000000


M: 00 G: 0
Y: 00 B: 0
K: 00

BLANCO - C: 0 R: 255 #ffffff


M: 0 G: 255
Y: 0 B: 255
K: 0

27 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

3.2 PALETA SECUNDARIA


Tonalidades
C:1 M:11 Y:71 K:0 C:1 M:9 Y:53 K:0 C:1 M:14 Y:85 K:0 C:4 M:0 Y:93 K:0 C:56 M:54 Y:100 K:9 C:47 M:46 Y:97 K:1
Para tener un abanico más R:246 G:226 B:113 R:248 G:233 B:149 R:244 G:219 B:78 R:249 G:236 B:58 R:122 G:110 B:39 R:146 G:131 B:47
#f6e271 #f8e995 #f4db4e #f9ec3a #7a6e27 #92832f
amplio de tonalidades
en la paleta secundaria,
presentamos las variantes
permitidas para cada
uno de los colores que C:0 M:3 Y:19 K:0 C:0 M:6 Y:36 K:0 C:4 M:0 Y:70 K:0 C:2 M:2 Y:80 K:0 C:25 M:28 Y:92 K:00 C:36 M:36 Y:94 K:0
R:253 G:248 B:220 R:251 G:241 B:184 R:249 G:240 B:118 R:251 G:239 B:96 R:195 G:175 B:62 R:171 G:153 B:55
conforman la paleta. #fdf8dc #fbf1b8 #f9f076 #fbef60 #c3af3e #ab9937

Estas tonalidades nos


permitirán tener más
opciones de color
cuando se diseñe una C:83 M:11 Y:77 K:0 C:64 M:3 Y:55 K:0 C:87 M:22 Y:93 K:0 C:95 M:62 Y:98 K:39 C:96 M:57 Y:100 K:29
R:89 G:154 B:105 R:131 G:179 B:143
pieza gráfica, además de #599a69 #83b38f
C:0 M:71 Y:0 K:72 R75 G:137 B:74 R:24 G:65 B:34 R:29 G:77 B:41
R:116 G:174 B:116 4b894a #194122 #1d4d29
ayudarnos a crear focos #77ae74
especiales de atención en
las composiciones .
C:23 M:0 Y:19 K:0 C:44 M:0 Y:37 K:0 C:84 M:33 Y:96 K:1 C:69 M:0 Y:84 K:0 C:96 M:43 Y:100 K:8 C:96 M:50 Y:100 K:18
R:214 G:230 B:218 R:172 G:205 B:180 R:82 G:127 B:65 R:124 G:174 B:96 R:34 G:90 B:48 R:34 G:90 B:48
#d6e6da #accdb4 #527f41 #7cae5e #266736 #225a30

C:50 M:0 Y:83 K:0 C:38 M:0 Y:61 K:0 C:45 M:0 Y:91 K:0 C:61 M:11 Y:97 K:0 C:82 M:53 Y:100 K:19
R:71 G:93 B:28 C:77 M:34 Y:100 K:1
R:164 G:200 B:96 R:187 G:214 B:136 R:172 G:195 B:77 R:141 G:180 B:61
#475d1c R:85 G:112 B:34
#a4c860 #bbd688 #acc34d 8db43d
#557022

C:14 M:0 Y:22 K:0 C:26 M:0 Y:41 K:0 C:59 M:1 Y:99 K:0 C:73 M:0 Y:100 K:0 C:72 M:21 Y:100 K:0
R:232 G:241 B:215 R:209 G:227 B:175 R:145 G:180 B:53 R:117 G:169 B:59 R:113 G:149 B:45 C:80 M:44 Y:100 K:7
#e8f1d7 #d1e3af #91b435 75a93b #71952d R:99 G:130 B:39
#638227

28 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

3.3 GRADIENTES DE COLOR

Los gradientes o gradaciones de color


solo pueden componerse de la paleta de
colores primarios y la paleta de colores
secundarios, incluyendo sus tonalidades.

29 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

3.4 APLICACIONES DE COLOR

Gráficos y Tablas
Además de aplicar los colores en fondos
de visuales, podemos aplicarlos en
gráficos y tablas.

Compartimos en esta página algunos


ejemplos para identificar las distintas
variables de la información, utilizando
los colores de nuestra paleta primaria y
paleta secundaria,

30 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

4 TIPOGRAFÍAS

4.1 Tipografía principal


4.2 Tipografía secundaria: sitios web y publicaciones
4.3 Otras tipografías
4.4 Recomendaciones

TIPOGRAFÍAS
31 | MANUAL DE MARCA BID
home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

4.1 TIPOGRAFÍA PRINCIPAL

Gotham
Gotham Black Gotham Black Italic
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
La tipografía principal es la familia abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz
Gotham de la casa tipográfica Hoefler 0123456789 0123456789
& Co., y dentro de ella tenemos @#¢$%.,-!?¿:& @#¢$%.,-!?¿:&
autorizado el uso de 10 variantes que
se muestran en esta página.
Gotham Bold Gotham Bold Italic
La fuente Gotham combina una ABCDEFGHIJKLMNÑOPQRSTUVWXYZ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
línea clásica, sólida y sobria con abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz
características modernas y actuales.
0123456789 0123456789
La tipografía principal aplica para
@#¢$%.,-!?¿:& @#¢$%.,-!?¿:&
piezas de diseño, publicaciones,
y presentaciones, sean internas o
externas. No olvidar que al compartir Gotham Medium Gotham Medium Italic
una presentación, debemos convertirla ABCDEFGHIJKLMNÑOPQRSTUVWXYZ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
a formato .pdf para evitar el cambio abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz
automático de fuente cuando el 0123456789 0123456789
receptor no cuenta con la tipografía @#¢$%.,-!?¿:& @#¢$%.,-!?¿:&
Gotham instalada.

Contactar al Equipo de Marca si se


Gotham Book Gotham Book Italic
necesita instalar la tipografía Gotham.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz
0123456789 0123456789
@#¢$%.,-!?¿:& @#¢$%.,-!?¿:&
No tenemos autorización para usar
la fuente Gotham para textos en
páginas Web. Para ese caso, ver la Gotham Light Gotham Light Italic
siguiente página. ABCDEFGHIJKLMNÑOPQRSTUVWXYZ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz
0123456789 0123456789
@#¢$%.,-!?¿:& @#¢$%.,-!?¿:&

32 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

4.2 TIPOGRAFÍA SECUNDARIA:


SITIOS WEB Y PUBLICACIONES

Open Sans Open Sans Extra Bold Open Sans Extra Bold Italic
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz
La familia tipográfica secundaria 0123456789 0123456789
es Open Sans de Google, fuente .,-!?¿:& .,-!?¿:&
humanista sin serifas con excelente
legibilidad y apariencia; es neutral
pero a su vez amigable. Open Sans Bold Open Sans Bold Italic
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
La fuente Open Sans aplica para
abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz
textos en páginas Web, donde no
tenemos autorización de usar la 0123456789 0123456789
fuente Gotham. En esta página se .,-!?¿:& .,-!?¿:&
detallan las 10 variantes de Open
Sans que podemos usar.
Open Sans Semi Bold Open Sans Semi Bold Italic
También tenemos permitido el ABCDEFGHIJKLMNÑOPQRSTUVWXYZ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
uso de Open Sans como fuente abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz
complementaria en los cuerpos de 0123456789 0123456789
texto en publicaciones. Ver más .,-!?¿:& .,-!?¿:&
detalle en el capítulo 6.

Descargar fuente
Open Sans Regular Open Sans Italic
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz
0123456789 0123456789
.,-!?¿:& .,-!?¿:&
No está permitido el uso de la fuente
Open Sans en casos adicionales a los
explicados en esta página. Open Sans Light Open Sans Light Italic
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz
0123456789 0123456789
.,-!?¿:& .,-!?¿:&

33 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

4.3 OTRAS TIPOGRAFÍAS


Arial
El uso de la fuente Arial es restringido. A Arial Regular
continuación, se detallarán los únicos usos que
están permitidos.
Arial Italic
Correo
Utilizaremos la fuente Arial para redactar
correos. De esta manera aseguramos Arial Bold
consistencia en los correos del BID, tanto para
destinatarios internos como destinatarios Arial Bold Italic
externos al Banco.

Documentos (texto)
Utilizaremos la fuente Arial para redactar
documentos que se compartan interna,
y externamente (como por ejemplo,
documentación que maneja el departamento
de Secretaría). De esta manera, evitaremos
dificultades cuando el receptor del documento no
cuenta con la fuente Gotham instalada.

No está permitido el uso de la fuente Arial


en casos adicionales a los explicados en la
presente página. Cualquier excepción debe ser
aprobada por el equipo de Marca.

34 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

4.4 RECOMENDACIONES
En esta página damos algunas
recomendaciones para la
redacción de textos.
Qué hacer Qué no hacer
1. Igualar los tamaños de letra cuando se use dos 1. No componer con mayúsculas si no existe una
tipos de fuente en una misma frase. Esto aplica razón de fondo.
principalmente en la redacción de publicaciones. 2. No aplicar diferentes tipos de alineación de textos
2. Alinear los textos a la izquierda. Así se tendrá en una misma página, así evitamos desorden.
buena legibilidad sin alterar los espacios entre 3. No modificar excesivamente los valores por
las palabras. defecto de la fuente. En la mayoría de casos, los
3. Evitar dejar las íneas finales de un párrafo con parámetros naturales de la tipografía funcionan.
una sola palabra. 4. No alterar excesivamente el interlineado en
4. Incluir las fuentes cuando se comparta diseños textos de párrafos.
con otras personas, así evitaremos que se 5. No componer textos largos en Photoshop, es
alteren las fuentes automáticamente. un programa de pixeles que podría convertir los
textos en imagen.

35 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

4.4 RECOMENDACIONES
En esta página damos
algunas ideas para la
diagramación de textos.

TIPOGRAFÍAS COMNIET
Contorno (outline)
Podemos utilizarlo para componer títulos FACERECEA
DOLOREPREM ESSI
Reducción de interlineado y tracking en títulos
Para evitar mucho aire entre líneas y letras, se

Fácillectura
recomienda reducir el tracking (máximo -25) y el
interlineado en 3 puntos (ejemplo: letra en 50 puntos
con interlineado en 47 puntos).

Reserva esta técnica para títulos o destacados.


Combinar grosores
Podemos utilizar este efecto para componer
títulos y crear diferenciación utilizando dos
variantes de la misma familia Gotham (en
este caso Bold y Book).

36 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5 RECURSOS VISUALES

5.1 Curva
5.2 Fotografía
5.3 Video

RECURSOS
VISUALES
37 | MANUAL DE MARCA BID
home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5.1 CURVA
Origen de la curva

La curva es un elemento gráfico


tranversal en los materiales visuales de
comunicación del Banco. Se origina del
logotipo BID y mantiene el movimiento
orgánico y fluido.

La curva no es un elemento rígido que


debe ser utilizado de una sola manera.
Se permiten múltiples variaciones de
ella: color plano, color en gradación, Ejemplos de uso
solo línea, o mezclando las anteriores.

La aplicación de color en la curva debe


basarse en la paleta de colores primaria
o secundaria. Ver paleta de colores
corporativos en el capítulo 3.

La aplicación de la curva en línea debe


tener un grosor aproximado de 0,75 pts
según los programas de edición regulares.

La curva debe ser utilizada en TODO


diseño gráfico de materiales internos
y externos de comunicacíón, como
publicaciones, piezas visuales para redes
sociales, presentaciones, etc.

38 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5.2 FOTOGRAFÍA
Banco de imágenes
del BID
El BID tiene una completa galería de
imágenes que ha sido construída a través de
los años. Alberga fotografías de sus países
miembros y recopila paisajes, personas y
actividades que han sido parte de proyectos
del Banco. Todas las fotografías cuentan con
los permisos legales para su uso.

El banco de imágenes se encuentra ubicado


en la plataforma Webdam. Para ingresar ir a
www.iadb.org/en/news. Al final de la columna
izquierda, hacer click en Photo Gallery.
Realizar login o crear usuario, para empezar a
descargar las imágenes.

Para cualquier consulta, o soporte con temas


de usuario/contraseña, contactar a Arlette
Pedraglio (arlettep@iadb.org).

Es importante que la persona que incluya la


fotografía en el diseño, realice las ediciones
necesarias siguiendo los lineamientos que se
comparten en la presente sección del manual.

39 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5.2 FOTOGRAFÍA
Otros bancos de
imágenes
Algunos bancos de imágenes recomendados:
Se pueden utilizar fotografias de bancos
de imágenes externos solo cuando las
fotografías del banco de imágenes del
BID no puedan resolver la necesidad
comunicacional para la pieza creada.

Es importante que la persona que


incluya la fotografía en el diseño, realice
las ediciones necesarias siguiendo los
lineamientos que se comparten en la
presente sección del manual.

No descargar y usar fotos de intenet


sin pagar derechos de uso. Es
necesario revisar correctamente las
especificaciones de los derechos de uso
de cada foto de los bancos de imágenes.
De lo contrario, podemos perjudicar al
Banco con problemas legales.

40 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

(1)

5.2 FOTOGRAFÍA
Lineamientos generales
Temática
Las fotografías que usemos deben mostrar lo siguiente:

- Nuestro propósito de marca "Inspirar, promover y


desarrollar bienestar en América Latina y el Caribe", 100%
así como nuestros 7 atributos de marca (conocimiento,
garantía, innovación, responsabilidad, calidad de vida,
cercanía y enfoque en nuestros stakeholders). Ver más (2)
detalle en el capítulo 1.

- Imágenes humanizadas, sin mostrar deterioro ni


pobreza en un nivel extremo.

- Proyectos productivos y donde la actividad sea


claramente identificable.

- Diversidad en el estilo de vida, trabajo, edad, cultura,


discapacidad, género y/o, orientación sexual;, a la vez
que representen los grupos étnicos/raciales de la región.

Composición 70%
La composición debe contar siempre con un objeto
principal, y uno secundario o fondo. Según la
importancia que se le quiera dar, el objeto principal (3)
ocupará 100% (1), 70% (2) o 40% (3) de la fotografía.

Las fotografias deben procurar tener colores vivos con


buen contraste para poder resaltar el objeto principal,
del fondo, según el protagonismo que queremos darle.

40%
41 | MANUAL DE MARCA BID
home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5.2 FOTOGRAFÍA
Ejemplos
Es importante utilizar fotografías que cuenten una
historia y representen el contexto mencionado en
la temática del mensaje comunicacional.

Ejemplo 1: Si la temática de la pieza gráfica es


el cultivo de café en centroamérica, podemos
utilizar una fotografía de café, caficultores o
cosecha de café. Ejemplo 1 Ejemplo 2

Ejemplo 2: La fotografía por si sola narra que se


trata de un ambiente médico/hospitalario con un
personal de la salud como protagonista.

Ejemplo 3: La fotografía de un bus y pasajeros


bajando de él muestra la realidad de un día
común en la ciudad.

Ejemplo 4: La fotografía puede ser utilizada para


reforzar un mensaje positivo, por ejemplo, el
respeto víal, o el respeto de carriles especiales
para ciclistas.

Ejemplos 5 y 6: La fotografía muestra Ejemplo 3 Ejemplo 4


diversidad a través de personas
afrodescendientes, género femenino y/o
comunidades indígenas.

42 | MANUAL DE MARCA BID Ejemplo 5 Ejemplo 6


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5.2 FOTOGRAFÍA
Recomendaciones Antes Después
para la edición
Es importante que la persona a cargo
de la pieza gráfica tenga en cuenta las
siguientes recomendaciones:

- Equilibrar los colores de las fotografías.


Y cuando se trate de una secuencia de
fotos o una misma pieza visual, unificar
las tonalidades (calidez, contraste,
luminosidad) de las fotografías que
formen parte de ella.

43 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5.2 FOTOGRAFÍA
Recomendaciones Antes Después
para la edición (1)

- Bajar la tonalidad de elementos


secundarios en la imagen (como por
ejemplo mobiliario, elementos de fondo,
etc), que puedan distraer la atención de los
personajes principales. (1)

Recortar la imagen de manera que la


atención se enfoque en los personajes
principales, o en la actividad principal. (2)

(2)

44 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5.2 FOTOGRAFÍA
Selección incorrecta
Aquí detallamos algunos ejemplos de
selección incorrecta de fotografías
para nuestros visuales:

-Imágenes en las que no haya


contrastes ni diferencias de color (1),
a menos que se trate de fotografías
trabajadas especialmente con el efecto
duotono.

-Representación de escenarios de
deterioro que transmitan un mensaje
negativo. (2)

-Imágenes en donde no se destaquen


elementos principales. (3)

-Personajes que no representen a los


ciudadanos de América Latina y el
Caribe, o a la realidad de la región. (4)

-Fotografías que parezcan de corte


publicitario. (5)

45 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5.3 VIDEO

Especificaciones Resolución Dimensiones Calidad


técnicas
1080p 1920 x 1080px Este es el tamaño de video HD estándar y la mejor opción de visualización.


1440p Este es el tamaño de video de YouTube con calidad de video 2K
2560 x 1440px

Para realizar producciones audiovisuales


de calidad para los canales corporativos 2160p 3840 x 2160px Este es el tamaño de video de YouTube con calidad de video 4K.
del BID, es muy importante considerar las
siguientes especificaciones técnicas para
lograr el mejor resultado.

Resolución Contenedor MP4


La resolución estándar para subir videos
a la plataforma es 1080p (1920x1080px),
sin embargo se puede utilizar una Codec de audio AAC-LC
resolución mayor dependiendo de la
naturaleza del proyecto.
Codec de video H.264
En las 2 tablas de la derecha se
especifican los parámetros técnicos para Velodicdad
asegurar un video de alta calidad con 24, 25, 30, 48,
fotogramas
niveles profesionales. 50, 60
( Frame Rate)

46 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5.3 VIDEO

Portada

La portada del video, o thumbnail, es una


imagen fija que tiene el mismo objetivo de
la portada de un libro: facilitar el proceso
de reconocimiento del contenido por los
usuarios, y atraer su interés.

Resolución
La resolución del thumbnail debe ser
de 1280×720 (proporción 16:9), con una
anchura mínima de 640 píxeles. Los
formatos pueden ser los siguientes: JPG,
GIF, BMP o PNG.

Diseño
El diseño del thumbnail debe seguir
los lineamientos de aplicación de logo,
colores, tipografía, y recursos visuales
como curva, fotografía explicados a lo
largo de este manual.

47 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

5.3 VIDEO
Aplicación del logo
(1)
Introducción
El inicio de un video de comunicación dependerá de la
creatividad necesaria para lograr la inmediata conexión
con la audiencia. Por lo tanto, no existen lineamientos
específicos para el inicio de videos.

Durante
Durante el video se aplicará el logo del BID en la
esquina inferior derecha. El logo permanecerá
expuesto durante todo el video.

Dependiendo del diseño del video, se elegirá la


versión del logo BID que mejor contraste con el fondo.
En caso de elegir el logo con placa blanca curva, las
medidas serán de 75px de alto y se ubicará a 27.5 px
del borde inferior derecho. (1)

Cierre (2) (3)


Cuando el BID es la única entidad que cierra el video,
se aplicará el logo con eslogan "Mejorando vidas" justo
en el medio de la composición. (2) Dependiendo del
diseño del video, se elegirá la versión del logo que mejor
contraste con el fondo: colores, blanco, o gris oscuro.
Revisar los lineamientos de la aplicación del logo, en la
sección "Logo con eslogan" del capítulo 2.

Cuando es relevante que aparezcan los socios al cierre


del video, se utilizará el logo principal del BID (sin
eslogan) y, si la negociación lo permite, se ubicará
nuestro logo al final del bloque. Todos los logos deben
tener similar tamaño, y versión (colores, blanco, etc.)

Nota: Los lineamientos de colores, tipografía y


recursos visuales a aplicar en el diseño del video,
se encuentran en las páginas anteriores del
presente manual.

48 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

6 PUBLICACIONES

6.1 Introducción
6.2 Tipografía
6.3 Portada libre
6.4 Contraportada

PUBLICACIONES
49 | MANUAL DE MARCA BID
home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

6.1 INTRODUCCIÓN
La Biblioteca del BID es la encargada de
la aprobación y catalogación de todo Catálogos,
Notas Bases de
elemento de su colección. revistas y Informes Documentos
REQUISITOS técnicas y Monografíass Libros Datos y
material de anuales de trabajo
de política Datasets
En este capítulo se compartirán aprendizaje
lineamientos de diseño para las
publicaciones con Portadas y
Contraportadas libres. Portada libre x x x x
Consultar más información sobre la
Contraportada
clasificación de publicaciones al equipo
de la Biblioteca del BID. libre x x x x

50 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

6.2 TIPOGRAFÍA
Todas las publicaciones del BID PRINCIPAL
deben usar las siguientes fuentes autorizadas:

Principal Gotham Black Gotham Black Italic


La tipografía Gotham, con sus 10 variantes
autorizadas, es la principal para ser usada en Gotham Bold Gotham Bold Italic
la portada y páginas interiores.
Gotham Medium Gotham Medium Italic
Secundaria
Para cuerpos de texto densos donde la Gotham Book Gotham Book Italic
fuente Gotham afecte la legilibildad, se
permite usar la tipografía Open Sans, con
Gotham Light Gotham Light Italic
sus 10 variantes seleccionadas.

No está permitido utilizar Open Sans para


diagramar portadas; o títulos, subtítulos y
numerales en páginas interiores. Ver más SECUNDARIA
detalle en siguiente página.

Open Sans Extra Bold Open Sans Extra Bold Italic

Open Sans Bold Open Sans Bold Italic

No está permitido el uso de fuentes Open Sans Semi Bold Open Sans Semi Bold Italic
tipográficas no mencionadas en la
presente sección.
Open Sans Regular Open Sans Italic

Open Sans Light Open Sans Light Italic

51 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

6.2 TIPOGRAFÍA
Página interior 1
Presentamos algunos ejemplos
conceptuales de cómo usar la
tipografía adecuadamente en las
publicaciones del BID.
2 GOTHAM
3 Título publicación 1

Título capítulo 2
Subtítulo 3
Portada Párrafo 4
Númeral página 5
4
1 GOTHAM
Título 1
Subtítulo 2
2
Autores 3
5

Página interior 1
3

3 GOTHAM
Título publicación 1

Título capítulo 2
5
Subtítulo 3
Númeral página 4

Open Sans
4
Párrafo 5

52 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

6.3 PORTADA LIBRE


La portada libre seguirá los lineamientos
de aplicación de logo, tipografía, colores y
recursos visuales (incluyendo directirces de
fotografía) explicados a lo largo del manual.

Publicaciones del BID LOREM LOREM


La portada libre llevará el logo en la IPSUM IPSUM
esquina inferior derecha. DOLOR DOLOR
El logo podrá ser usado de las siguientes
SIT SIT
maneras dependiento del fondo para la
portada:

-Si el fondo tiene un valor de negro inferior


al 40%, usar el logo a color, o el logo en el
color gris oscuro. (1)
Lorem ipsum
-Si el fondo tiene un valor de negro igual o dolor sit amet
superior al 40%, usar el logo en blanco. (2)

-Si el fondo es complejo o tiene muchos


colores, usar la versión del logo con la placa
blanca curva. (3)

Ver en el capítulo 2 más detalles sobre las


medidas del logo para publicaciones.
(1) (2) (3)

53 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

6.3 PORTADA LIBRE


Publicaciones asociadas
(1) (2)
Si además del BID, existen otros autores en la
publicación, los logos de los mismos también
se aplicarán en la parte inferior de la portada,
siguiendo las normas de convivencia con otras
marcas indicadas en el capítulo 2. El logo del
BID siempre se aplicará al final del bloque de
logos. (1)

Cuando los co-autores son BID Invest y/o BID


Lab, sus logos aparecerán siguiendo este
orden: BID, BID Invest y BID Lab. (2) Ver más
detalle sobre la aplicación de los logos de las
entidades del Grupo BID junto con otros socios,
en la sección "Convivencia con otras marcas" del
capítulo 2. LOREM IPSUM
DOLOR SIT
Para asegurar el contraste de logos con
cualquier tipo de fondo, usamos el recurso de
la franja blanca inferior. Ver en el capítulo 2
más detalles sobre las medidas del logo para LOREM IPSUM
publicaciones.
DOLOR SIT
En todos los casos, la separación entre logos LOREM IPSUM DOLOR SIT
será el diámetro de 1 isotipo (globo) del BID.
Para algún caso no contemplado en esta
sección, por favor contactar al Equipo de Marca.

54 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

6.4 CONTRAPORTADA
Publicaciones del BID
(1) (2)
En la contraportada de las publicaciones
donde el BID tiene la autoría única,
aplicaremos el logo con el eslogan
Mejorando vidas, para reforzar nuestra
esencia de marca. Ubicaremos el logo en
el medio del visual.

El fondo ideal para el uso del logo es


fondo blanco, donde podremos aplicar
nuestro logo en versión a color. (1) Si el
fondo es oscuro, usar el logo en blanco.
(2) Ver detalle sobre lineamientos de
aplicación del logo en la sección "Logo
con eslogan" del capítulo 2.

55 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

6.4 CONTRAPORTADA
Publicaciones asociadas
Publicaciones con otros autores
Si además del BID, existen otros autores en la
publicación, y se desea cerrar con los logos,
estos se ubicarán al medio y se utilizará nuestro
logo principal (sin eslogan).

Nuestro logo puede ir a colores, en versión blanca


o gris oscuro, buscando el mayor contraste con el
fondo de la portada. Los logos de los otros socios
deben ir en la misma versión.
La separación entre logos será el diámetro de 1
isotipo (globo) del BID.
Para algún caso no contemplado en esta
sección, por favor contactar al Equipo de Marca.

56 | MANUAL DE MARCA BID


home
1. Nuestra 2. Logo 3. Colores 4. Tipografías 5. Recursos 6. Publicaciones 7. Redes sociales
marca BID corporativos visuales y Digital

57 | MANUAL DE MARCA BID

You might also like