You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
MANUAL DE<br />
IMAGEN E IDENTIDAD<br />
CORPORATIVA
Presentación.<br />
En general, cuando oímos hablar de identidad<br />
corporativa (o de <strong>imagen</strong> corporativa) nos<br />
acordamos del logotipo de una empresa, los<br />
colores, los membretes y las tarjetas. Pero la<br />
identidad corporativa no es sólo eso. Es, de<br />
manera especial, todo lo intangible que nos<br />
aporta una marca y por lo que nos hacemos<br />
fieles consumidores de sus productos. Las<br />
emociones que nos transmite y lo que nos<br />
proyecta. La identidad corporativa es la <strong>imagen</strong><br />
que tiene el público de una marca y es la<br />
<strong>imagen</strong> que la marca le hace tener al cliente de<br />
si mismo al relacionarse con ella.<br />
Este <strong>manual</strong>, de uso interno y externo, explica<br />
cómo aplicar el diseño gráfico en los diferentes<br />
soportes en los que puede aparecer la marca<br />
institucional de CINDE.
Contenido.<br />
01.<br />
02.<br />
03.<br />
04.<br />
05.<br />
06.<br />
07.<br />
Valores de la Institución [pag.5]<br />
Ejes de acción [pag.7]<br />
Distintivo Visual [pag.9]<br />
Positivo / Negativo [pag.10/11]<br />
Variaciones [pag.10/11]<br />
Tamaños / Reservas [pag.12]<br />
Posicionamiento [pag.13]<br />
Colores [pag.14]<br />
Aplicaciones [pag.16]<br />
Sobre color [pag.17]<br />
Sobre Blanco / Negro [pag.18]<br />
Sobre Fotografía [pag.19]<br />
En convenios [pag.20]<br />
Usos inapropiados [pag.21]<br />
Elementos Visuales [pag.22]<br />
Fotografías [pag.23]<br />
Colores y Diagramación [pag.24]<br />
Tipografías [pag.25]<br />
Piezas Corporativas Básicas [pag.28]<br />
Ejemplo de aplicaciones [pag.30]
01.<br />
Valores de la<br />
Institución<br />
La Fundación Centro Internacional de Educación y Desarrollo<br />
Humano - CINDE, es un centro de investigación y desarrollo,<br />
fundado en 1977 por Marta Arango y Glen Nimnicht con<br />
sedes en tres ciudades de Colombia: Medellín, Bogotá y el<br />
Centro de Estudios Avanzados en Niñez y Juventud en<br />
Manizales, en alianza con la Universidad de Manizales.<br />
Nuestro propósito central es contribuir a la creación de<br />
ambientes adecuados, para el sano desarrollo físico y<br />
psciosocial de los niños, las niñas y los jóvenes que viven en<br />
condiciones de vulnerabilidad en Colombia, Latinoamérica y<br />
el mundo, a través del trabajo con la familia, la comunidad y<br />
las instituciones educativas.<br />
Esto lo hacemos a través de: Proyectos y programas de<br />
investigación, desarrollo, formación de talento humano y<br />
diseminación, incidencia y redes.
¿Qué queremos<br />
comunicar?<br />
Emoción<br />
Experiencias<br />
Familia y comunidad<br />
Responsabilidad<br />
Cultura<br />
Desarrollo Humano<br />
Diversión<br />
Integración<br />
InnovaciónCompromiso<br />
Academia<br />
Integridad<br />
- 05
02.<br />
Ejes de acción
Investigación,<br />
innovación y<br />
desarrollo.<br />
Desarrollamos programas y<br />
proyectos de investigación<br />
sostenibles, sustentables y<br />
alternativos a los modelos<br />
convencionales, en el ámbito<br />
social, educativo y del desarrollo<br />
humano, que impactan<br />
socialmente y que propenden<br />
por el mejoramiento de la<br />
calidad de vida de la niñez, la<br />
juventud y sus familias.<br />
Formación<br />
de Talento<br />
Humano.<br />
EJES<br />
DE ACCIÓN<br />
Diseminación,<br />
incidencia en<br />
políticas y redes.<br />
Formamos talento humano a todo nivel, con programas de diplomado,<br />
Maestría, Doctorado y Posdoctorado, que involucran a la niñez en su<br />
más temprana edad, sus padres y cuidadores, agentes institucionales<br />
que interactúan con ellos, hasta profesionales responsables de la<br />
generación de políticas públicas, conocimiento y operación de políticas.<br />
Circulamos conocimiento, información, experiencias y<br />
lecciones aprendidas, que contribuyen a fortalecer las<br />
capacidades de la sociedad civil y los Estados,<br />
en la construcción y desarrollo de políticas públicas y<br />
programas para la niñez y la juventud.<br />
- 07
03.<br />
Distintivo Visual<br />
La identidad visual es un conjunto de<br />
elementos gráficos que se alinean con el<br />
mensaje que comunica una marca y asegura<br />
que la <strong>imagen</strong> de la misma sea coherente y<br />
consistente.
Distintivo Visual<br />
Elementos icónicos<br />
Agregado Aniversario<br />
Razón Social<br />
- 09
03.<br />
Distintivo Visual<br />
Distintivo Visual Preferencial<br />
- Versión Positivo<br />
Variación<br />
Sin agregado de aniversario.<br />
Distintivo Visual Abreviado<br />
[Para uso en materiales muy pequeños únicamente]<br />
Distintivo Visual Preferencial - Versión Negativo<br />
- 10
Distintivo Visual Preferencial<br />
- Versión Negativo<br />
Variación<br />
Sin agregado de aniversario.<br />
Distintivo Visual Abreviado<br />
[Para uso en materiales muy pequeños únicamente]<br />
- 11
03.<br />
Distintivo Visual<br />
Reservas y márgenes<br />
Margen de separación:<br />
El margen del distintivo con<br />
cualquier elemento debe ser<br />
como mínimo la altura de letra<br />
“C” del Logotipo.<br />
Centro Cooperador de UNESCO<br />
Sede de la Red del Grupo Consultivo para América Latina<br />
Frase “Centro Cooperador...” debe<br />
colocarse usando el tamaño de<br />
la “C” del logotipo.<br />
Esta frase no debe colocarse si el<br />
espacio disponible es menor a<br />
10cms de ancho.<br />
- 12
Posicionamiento del Distintivo Visual<br />
en documentos internos (carta, contratos, etc)<br />
El Distintivo Visual debe ubicarse en los extremos del documento.<br />
Tamaño mínimo<br />
Logotipo completo:<br />
Pantalla: 220x82px.<br />
Impresos: 8x3cms.<br />
Logotipo<br />
Abreviado:<br />
Pantalla: 55x28px.<br />
Impresos: 2x1cms.<br />
El logotipo nunca debe ser<br />
el elemento más dominante<br />
en la página, sino que debe<br />
vivir cómodamente y<br />
claramente como marca de<br />
identificación.<br />
- 13
03.<br />
Distintivo Visual<br />
Colores<br />
Paleta de colores para uso general de la institución.<br />
Color principal : “MORADO”<br />
(para uso en todas las comunicaciones)<br />
CMYK: 0/90/50/0<br />
RGB: 231/52/58<br />
WEB: #E73358<br />
CMYK: 85/82/0/0<br />
RGB: 74/65/147<br />
WEB: #494093<br />
CMYK: 99/82/28/16<br />
RGB: 31/57/106<br />
WEB: #1F386A<br />
CMYK: 0/0/0/85<br />
RGB: 74/74/73<br />
WEB: #4A4949<br />
CMYK: 1/33/79/0<br />
RGB: 248/182/69<br />
WEB: #F8B645<br />
CMYK: 36/12/85/1<br />
RGB: 182/190/67<br />
WEB: #B5BD43<br />
CMYK: 28/19/6/0<br />
RGB: 193/200/225<br />
WEB: #C1C8E1<br />
CMYK: 18/1/34/41<br />
RGB: 151/160/132<br />
WEB: #97A084<br />
- 14<br />
Color principal para textos de párrafo: “GRIS”
Colores por eje de acción<br />
Cada uno de los ejes de acción tiene asignado un color.<br />
Fondos o fotografías deben inclinarse hacia el color asociado.<br />
Esta segmentación de color se usa únicamente cuando la comunicación es exclusiva del eje de acción,<br />
en caso contrario se tiene libertad para usar toda la paleta de colores,<br />
Investigación,<br />
innovación y<br />
desarrollo.<br />
Formación<br />
de Talento<br />
Humano.<br />
Diseminación,<br />
incidencia en<br />
políticas y redes.<br />
- 15
04.<br />
El<br />
Aplicaciones<br />
distintivo podrá aplicarse sobre colores<br />
siguiendo alguno de los siguientes ejemplos.<br />
Sin embargo de preferencia debe usarse<br />
sobre fondo blanco.
Aplicación<br />
sobre color.<br />
Aplicación monocromática<br />
Solo puede aplicarse sobre alguno<br />
de los colores de la paleta de color.<br />
- 17
Aplicación<br />
sobre Blanco y Negro<br />
Monocromático<br />
En uso monocromático debe<br />
usarse una textura de lineas<br />
para siluetear el “globo/mundo”<br />
y aplicar al mismo una<br />
transparencia del 70%<br />
- 18
Aplicación<br />
sobre Fotografía<br />
El distintivo visual en positivo<br />
podrá usarse directamente sobre<br />
fotografía solo en los espacios<br />
limpios y con colores claros de lo<br />
contrario deberá colocarse sobre<br />
una franja blanca o de alguno de<br />
los colores de la paleta.<br />
El distintivo visual en negativo<br />
podrá usarse directamente sobre<br />
fotografía solo si todos los colores<br />
del logo resaltan y no se pierden<br />
en los colores de la foto.<br />
Pueden usarse transparencias en la paleta de color siempre y<br />
cuando no afecten la legibilidad del distintivo visual.<br />
- 19
04.<br />
Aplicaciones<br />
Distintivo Visual en<br />
Convenio con otras entidades<br />
En convenio con:<br />
En convenio con:<br />
El margen de la frase<br />
“En convenio” o<br />
similares será la mitad<br />
de la altura de la letra<br />
“C” del Logotipo.<br />
Producido por:<br />
- 20<br />
En convenio con:<br />
El distintivo visual<br />
deberá aparecer<br />
primero que los demás<br />
logos a menos que la<br />
otra entidad tenga una<br />
importancia superior.
Usos inapropiados del Distintivo Visual<br />
- 21
Fotografías<br />
Las fotografías usadas para las<br />
comunicaciones de CINDE deben poseer un<br />
espacio limpio y con colores claros sobre el<br />
cual se puedan colocar los textos y el logo.<br />
05.<br />
Elementos Visuales<br />
Las fotos deben estar asociadas a alguno de<br />
los ejes de acción o si se trata de<br />
comunicaciones globales entonces asociadas<br />
a los siguientes conceptos:<br />
- niñez, familia, amor, sonrisas, esperanza,<br />
naturaleza, educación, academia,<br />
investigación.<br />
Preferentemente deben usarse imágenes de<br />
programas y personajes reales de los ejes de<br />
acción, en su defecto podrán usarse<br />
imágenes de bancos siempre y cuando<br />
respeten las características culturales de los<br />
programas y personas a las que representen.<br />
El color en las imágenes debe tender a<br />
colores vivos y bien contrastados.
Espacio para<br />
texto<br />
Ejemplo de Fotografías<br />
Colores<br />
vivos<br />
Se permite usar franjas de transparencias sobre la foto siempre y cuando sean en base a los colores de la paleta<br />
- 23
05.<br />
Elementos Visuales<br />
Colores y diagramación<br />
Diagramación sugerida piezas publicitarias.<br />
Fondo de<br />
color pleno<br />
o fotografía.<br />
Textos<br />
Fondo de color pleno<br />
o fotografía.<br />
Textos<br />
1. En piezas publicitarias el distintivo visual debe ubicarse siempre en la esquina inferior derecha.<br />
Se podrá usar directo (si el fondo cumple las condiciones de uso) o sobre una franja blanca.<br />
- En piezas como portadas o contraportadas de libros podrá usarse en la esquina inferior izquierda.<br />
2. El color “morado” siempre debe estar presente en las comunicaciones.<br />
- 24
Tipografías<br />
Tipografía principal: QUICKSAND | Tamaño de letra párrafos: 12pt.<br />
Interlineado para párrafos = tamaño de letras + 4pts (Ej: 12 + 4 = 16pts interlineado párrafos).<br />
Espaciado básico: 0 (Se permite jugar con el espaciado entre las letras).<br />
Sugerido el uso de diferentes estilos de la tipografía en la misma comunicación.<br />
Quicksand [Light]<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrstuvwxyz<br />
123456789!”#$%&/()=?¡@-}{[]*<br />
Quicksand [Medium]<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrstuvwxyz<br />
123456789!”#$%&/()=?¡@-}{[]*<br />
Quicksand [Regular]<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrstuvwxyz<br />
123456789!”#$%&/()=?¡@-}{[]*<br />
Quicksand [Bold]<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrstuvwxyz<br />
123456789!”#$%&/()=?¡@-}{[]*<br />
Tipografía de apoyo PACIFICO REGULAR<br />
Para uso en títulos.<br />
Uso ocasional.<br />
Pacífico Regular<br />
- 25
05.<br />
Elementos Visuales<br />
Tienes<br />
libertad<br />
para jugar<br />
con la<br />
tipografía<br />
colores<br />
y tamaños.<br />
Color preferencial<br />
para textos en párrafos<br />
es el “GRIS” de la paleta de colores.<br />
- 26
Dinámicos<br />
Uso de títulos<br />
para piezas<br />
- 27
06.<br />
Piezas Corporativas<br />
Básicas<br />
SEDE BOGOTA<br />
Calle 93 No. 45 A 31 Barrio La Castellana<br />
PBX: (+57-1) 745 1717 Fax: (+57-1) 218 7598<br />
Móvil/Mobile: 310 244 2826 - 314 333 6501<br />
E-mail: bogota@<strong>cinde</strong>.org.co<br />
Centro Cooperador de UNESCO<br />
Sede de la Red del Grupo Consultivo para América Latina<br />
www.<strong>cinde</strong>.org.co
Piezas Corporativas básicas<br />
Centro Cooperador de UNESCO<br />
Sede de la Red del Grupo Consultivo para América Latina<br />
Centro Cooperador de UNESCO<br />
Sede de la Red del Grupo Consultivo para América Latina<br />
www.<strong>cinde</strong>.org.co<br />
SEDE BOGOTÁ<br />
Calle 93 No. 45 A 31 Barrio La Castellana,<br />
Bogotá<br />
PBX: (+57-1) 745 1717 Fax: (+57-1) 218 7598<br />
Móvil/Mobile: 310 244 2826 - 314 333 6501<br />
bogota@<strong>cinde</strong>.org.co - www.<strong>cinde</strong>.org.co<br />
SEDE BOGOTÁ<br />
Calle 93 No. 45 A 31 Barrio La Castellana,<br />
Bogotá<br />
PBX: (+57-1) 745 1717 Fax: (+57-1) 218 7598<br />
Móvil/Mobile: 310 244 2826 - 314 333 6501<br />
bogota@<strong>cinde</strong>.org.co - www.<strong>cinde</strong>.org.co<br />
Centro Cooperador de UNESCO<br />
Sede de la Red del Grupo Consultivo para América Latina<br />
Centro Cooperador de UNESCO<br />
Sede de la Red del Grupo Consultivo para América Latina<br />
www.<strong>cinde</strong>.org.co<br />
SEDE BOGOTÁ<br />
Calle 93 No. 45 A 31 Barrio La Castellana,<br />
Bogotá<br />
PBX: (+57-1) 745 1717 Fax: (+57-1) 218 7598<br />
Móvil/Mobile: 310 244 2826 - 314 333 6501<br />
bogota@<strong>cinde</strong>.org.co - www.<strong>cinde</strong>.org.co<br />
SEDE BOGOTA<br />
Calle 93 No. 45 A 31 Barrio La Castellana<br />
PBX: (+57-1) 745 1717 Fax: (+57-1) 218 7598<br />
Móvil/Mobile: 310 244 2826 - 314 333 6501<br />
E-mail: bogota@<strong>cinde</strong>.org.co<br />
www.<strong>cinde</strong>.org.co<br />
SEDE BOGOTA<br />
Calle 93 No. 45 A 31 Barrio La Castellana<br />
PBX: (+57-1) 745 1717 Fax: (+57-1) 218 7598 Móvil/Mobile: 310 244 2826 - 314 333 6501<br />
E-mail: bogota@<strong>cinde</strong>.org.co<br />
- 29
07.<br />
Ejemplos<br />
de aplicaciones<br />
Los siguientes son ejemplos de aplicaciones<br />
en diferentes piezas publicitarias.
- 31
Aplicación en redes sociales e emails.<br />
Juntos<br />
HACEMOS<br />
MÁS.<br />
www.<strong>cinde</strong>.org.co<br />
Juntos<br />
HACEMOS<br />
MÁS.<br />
JUNTOS<br />
HACEMOS<br />
MÁS.<br />
JUNTOS<br />
HACEMOS<br />
MÁS.<br />
www.<strong>cinde</strong>.org.co<br />
www.<strong>cinde</strong>.org.co<br />
- 32
Web<br />
- 07 33
MANUAL DE<br />
IMAGEN E IDENTIDAD<br />
CORPORATIVA