BID - Brand Guidelines - Brand Book

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
Í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

home
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.

home
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.

home
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
home
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.

home
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

home
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
home
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)

home
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)

home
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

home
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

home
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).

home

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.

home
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.

home

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.

home

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.

home
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.

home

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.

home

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

home

MEJORANDO VIDAS
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)

home
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)

home

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
3 COLORES CORPORATIVOS
3.1 Paleta primaria

3.2 Paleta secundaria
3.3 Gradiantes de color
3.4 Aplicaciones de color
COLORES
CORPORATIVOS
home
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.

home
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

home
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

home
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

home
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.

home
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,

home
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
home
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
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
0123456789 0123456789
@#¢$%.,-!?¿:& @#¢$%.,-!?¿:&

home
4.2 TIPOGRAFÍA SECUNDARIA:

SITIOS WEB Y PUBLICACIONES
Open Sans Open Sans Extra Bold Open Sans Extra Bold Italic
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
La fuente Open Sans aplica para
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
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
0123456789 0123456789
.,-!?¿:& .,-!?¿:&

home
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.

home
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.

home
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).

home
5 RECURSOS VISUALES
5.1 Curva
5.2 Fotografía
5.3 Video
RECURSOS
VISUALES
home
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.

home
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 ([email protected]).
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.

home
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.

home
(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%
home
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
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.

home
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)

home
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)

home
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)

home
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.

home
5.3 VIDEO
(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.

home
6 PUBLICACIONES
6.1 Introducción
6.2 Tipografía
6.3 Portada libre
6.4 Contraportada
PUBLICACIONES
home
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

home
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

home
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

home
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)

home
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.

home
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.

home
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.

home

BID - Brand Guidelines - Brand Book

Uploaded by

Copyright:

Available Formats

BID - Brand Guidelines - Brand Book

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

BID - Brand Guidelines - Brand Book

Uploaded by

Copyright:

Available Formats

home

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

1 NUESTRA MARCA 5 RECURSOS VISUALES

2 | MANUAL DE MARCA BID

Entre todos nosotros, empleados,

En la siguiente página mostraremos los

3 | MANUAL DE MARCA BID

1.1 NUESTRA IDENTIDAD DE MARCA

4 | MANUAL DE MARCA BID

2.1 LOGO PRINCIPAL

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

La información que compartimos y los proyectos

El acrónimo BID (Banco Interamericano

No debemos separar el globo y el acrónimo en

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

6 | MANUAL DE MARCA BID

2.1 LOGO PRINCIPAL Mínimo de área visual

Cuando nuestro logo se presenta junto a otros

Pantone CMYK RGB Web

7 | MANUAL DE MARCA BID

2.1 LOGO PRINCIPAL

Logo con placa

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

El uso del logo con placa blanca curva es

2.1 LOGO PRINCIPAL

Aplicación del logo

9 | MANUAL DE MARCA BID

2.1 LOGO PRINCIPAL

Aplicación del logo (1)

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

En este tipo de piezas, el logo debe ubicarse en

Cuando coloquemos más de una entidad del

10 | MANUAL DE MARCA BID

2.1 LOGO PRINCIPAL

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

2. No separar el isotipo y el logotipo

8. No modificar la forma de la placa blanca curva

9. No ubicar el logo con placa blanca curva en

10. No usar el efecto de contorno sin relleno

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

11 | MANUAL DE MARCA BID

2.2 CONVIVENCIA CON

12 | MANUAL DE MARCA BID

2.3 MEDIDAS DEL LOGO

Es importante respetar el área de

13 | MANUAL DE MARCA BID

2.3 MEDIDAS DEL LOGO

Convivencia con otras marcas

14 | MANUAL DE MARCA BID

2.3 MEDIDAS DEL LOGO

El fondo ideal para el uso del logo BID es

Ver ejemplos y más lineamientos para

15 | MANUAL DE MARCA BID

2.3 MEDIDAS DEL LOGO

Cuando el fondo de la portada contiene

16 | MANUAL DE MARCA BID

2.3 MEDIDAS DEL LOGO

Convivencia con otras marcas