11.06.2017 Views

cinde_manual_imagen

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

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!