Manual de marca Asociación Conciencia

Manual de normas Identidad visual institucional

MarcaConciencia

Sistema gráficoBreve introducción

Un sistema visual se compone de: CONSTANTES y VARIABLES. Las primeras, como lo

indica su nombre, son quellos elementos que NO CAMBIAN y hacen de la marca y SUS

APLICACIONES un ente absolutamente RECONOCIBLE por estos rasgos particulares y

únicos. En tanto las variables, son aquellos elementos que nos permiten jugar y hacer

del sistema gráfico una HERRAMIENTA que nos sea extremadamente práctica al momento

de comunicar y siga sumando a la IDENTIDAD del conjunto.

Por eso es importante abrir lo que es el manual de aplicaciones de la marca destacando lo

imprescindible de NO MODIFICAR EL ISOLOGOTIPO y sus aplicaciones para poder instalar

no sólo la nueva marca, sino la IDENTIDAD TODA de la estética que hacen y comunican

valores y personalidad

Conclusión: no estamos presentando un logotipo, sino un SISTEMA GRÁFICO visual

donde es imperante repetir el isologo de Conciencia sin modificaciones.

ÍndiceManual de normas e identidad visual institucional. MARCA CONCIENCIA

Marca CONCIENCIA

CAPÍTULO 1

Constitución de marcaIsologotipoGrilla ConstructivaReducciones mínimasZona de Seguridad

ColorPaleta CromáticaAplicación sobre color /sobre negroAplicación sobre distintos fondos

Usos incorrectosVariables de configuración no aplicables

TipografíaFuente PrincipalFuente Secundaria

CAPÍTULO 2

Sistema gráficoLetra “C” como ícono

Fotografía/ IlustracionesEstilo y conceptosTratamiento documental

CAPÍTULO 3

Aplicaciones

Papelería Tarjeta y sobre cartaPapel carta A4Carpeta contenedora sobre CD / DVD

PresentacionesTemplate para PowerPointTemplate para informe en Word

Layout GráficaAvisos para diario (1/2 página y 1/4 de página) Folletería (díptico, tríptico y flyer) NewsletterCabezal y pie

Redes SocialesFacebookTwitter

EventosPhoto opportunityBanner de pieCredencialesRemeras

CAPÍTULO 4

Firma de cierre

Convivencia con otras marcas

Logos de programasPOOL 1POOL 2POOL 3

MarcaConcienciaCAPÍTULO 1

Constitución de marcaIsologotipoGrilla ConstructivaReducciones mínimasZona de Seguridad

ColorPaleta CromáticaAplicación sobre color /sobre negroAplicación sobre distintos fondos

Usos incorrectosVariables de configuración no aplicables

TipografíaFuente PrincipalFuente Secundaria

Capítulo 1 /Constitución de marca

Isologotipo

El isologotipo está compuesto por 2 elementos,que -al menos hasta la fecha- deberán aplicarse en forma conjunta y de esta única manera, como se indica debajo.

Logotipo

Isotipo


Grilla constructiva

1,2 cm

Relaciones, medidas y proporciones para la reducciónprovienen del mínimo apto para la legibilidad, dado por el grosor delLOGOTITIPO. Esto es el ancho de bastón de la tipografíaque conforma la palabra CONCIENCIA.TOMAMOS 1,2 CM COMO MÍNIMO ACEPTABLE para la aplicación del isologotipo, siendo la “virtual” caja contenedorael margen de referencia.


Reducciones mínimas

La zona de seguridad sirve para proteger el logo de la

empastar su lectura quitándole pregnancia.

En este caso la medida de la “zona de seguridad”, estádada por el uso de la letra N como módulo.Tomando siempre la caja “virtual” que forman el logo y el iso.


Zona de seguridad

Capítulo 1 /Color

Paleta cromática

CMYK 0 / 0 / 0 / 55WebSafe RGB

GRIS 1

8A / 8E /8C138 / 140 / 142

CMYK WebSafe RGB

GRIS 2Pantone 116 C

0 / 0 / 0 / 3581 / 83 / 86177/ 179 / 182

CMYK WebSafe RGB

AZUL 1

100 / 30 / 0 / 2000 / 73 / AE 0 / 115 / 174

Pantone 3015

CMYK WebSafe RGB

BLANCO

0 / 0 / 0 / 0FF / FF / FF255 / 255 / 255

La combinación de color por defecto para cualquier pieza es el contraste blanco/negro.

Capítulo 1 /Color

Paleta cromática PRIMARIA


AZUL 4

34 / 43 / 6152 / 67 / 97

CMYK WebSafe RGB

AZUL 5

68 / 50 / 21 / 064 / 7B / A1100 / 123 / 161

CMYK WebSafe RGB

AZUL 2

50 / 15 / 0 / 106E / A7 / D0 110 / 167 / 208

Pantone 3015 / AL 50 %

CMYK WebSafe RGB

AZUL 3

25 / 8 / 0 / 5B0 / CB / E4176 / 203 / 228

Pantone 3015 / AL 25 %

Capítulo 1 /Color

Paleta cromática SECUNDARIA

Los colores del isologotipo,al tener buena lectura tanto sobre negro, como sobre blanco, NO se modi�can cuando aplican sobre cualquiera de estos dos fondos.

Capítulo 1 /Color

Aplicación sobre diferentes fondos

La combinación de color por defecto para cualquier pieza es el contraste blanco/negro.

Capítulo 1 /Color

Aplicación sobre diferentes fondosen blanco y negro

El isologo trabajará SIEMPRE con una caja contenedora, en tanto el fondo impida una clara lectura, criterio PRIMORDIALpara cualqueira de las aplicaciones. Se tratará en todos los casos de mantener la aplicación primigenia del isologotipo:azul y grises.

Capítulo 1 /Color

Aplicación sobre diferentes fondosen blanco y negro

Respetar la angulación

Respetar la posiciónlos elementos

Respetar la proporciónlos elementos

Respetar la posición de colores



Capítulo 1 /Usos incorrectos

light

Gotham Rounded

light italic book book italic bold bold italic

Aa BbCc 0123 .!?#ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 $%&@#(!?,.;:)© Hoe�er & Frere-Jones

a cdb ef

Capítulo 1 /Tipografía

Familia tipográfica principalGotham Rounded

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 $%&@#(!?,.;:)



Gotham RoundedLight

Gotham RoundedBook

Gotham RoundedMedium


Gotham RoundedBold



Gotham Rounded

Aa BbCc 0123 .!?#


Familia tipográfica principalGotham Rounded

light

Helvetica Neue

light italic book book italic medium medium italic bold bold italic

linotype.com/

AaBbCc 0123 .!?#ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 $%&@#(!?,.;:)


Familia tipográfica secundariaHelvética Neue




HelveticaLight


HelveticaThin

HelveticaMedium

HelveticaBold


HelveticaBlack


abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 $%&@#(!?,.;:)

Helvetica

AaBbCc 0123 .!?#


Familia tipográfica secundariaHelvética Neue

MarcaConciencia

CAPÍTULO 2

Sistema gráficoLetra “C” como ícono

Fotografía/ IlustracionesEstilo y conceptosTratamiento documental

La inicial es la letra que más se repite en la palabra. Diseñada como un círculo perfecto, tiene una presencia y contundencia tal que nos permite utilizarla como ICONO MODULAR, generar formas y un sistema especí�co a partir de ella.

Capítulo 2 /Sistema gráfico

La letra “C” como ícono

1. Aplicación especí�cadel logotipo

Cuando decimos ICONO MODULAR queremos expresar las posibilidades de utilizarla de manera independiente y con posibilidades de aplicación que -en un futuro- son pausibles de aplicación.

Ejemplos1. PINBotón publicitario

1. Sticker


La letra “C” como ícono

Tramas utilizando el ícono como módulo y elemento decorativo


La letra “C” como íconoAplicaciones ornamentales

El caso de lo que se refiere a FOTOGRAFÍAS es sensible, en tanto

se depende del material que representa a modo de documento,

cada uno de los programas. Así, es que decidimos plantear

2 TRATAMIENTOS ESPECÍFICOS, según su función.

1. ILUSTRATIVOS ESTÉTICOS

2. DOCUMENTALES INFORMATIVOS

Capítulo 2 /Fotografía / Ilustraciones

Fotografía: PLANOS CORTOS

En tanto la fotografía como ELEMENTO ILUSTRATIVOY NO DOCUMENTAL, se prioriza el USO DE PRIMEROSPLANOS entendiendo que son estos los que TRANSMITENCON MAYOR POTENCIA las expresiones, sensaciones y por endela energía de los SENTIMIENTOS..Pudiendo ser con tratamiento BLANCO Y NEGRO, si hiciera faltao COLOR, según la calidad fotográ�ca de la que se disponga.


Estilo y concepto


Estilo y conceptoEjemplos

Fotografía documental

En este caso, la fotografía, al ser de corte “documental”, no debería sufrir mayor tratamiento que la de resguardar la calidadpara su impresión -cuidando: peso/tamaño, contraste de color, etc.Y es por sobre eso es válida la intevención.


Tratamiento documental

MarcaConciencia

CAPÍTULO 3

Aplicaciones

Papelería Tarjeta y sobre cartaPapel carta A4Carpeta contenedora sobre CD / DVD

PresentacionesTemplate para PowerPointTemplate para informe en Word

Layout GráficaAvisos para diario(1/2 página y 1/4 de página) Folletería(díptico, tríptico y flyer) NewsletterCabezal y pie

Redes SocialesFacebookTwitter

EventosPhoto opportunityBanner de pieCredencialesRemeras

Capítulo 3 /Aplicaciones

PapeleríaTarjeta y sobre carta

Tarjeta Frente

Sobre

Lic. Ma. Florencia GoncalvesResponsable de Programas

Tucumán 731 - 1º Piso A (C1049AAQ)Buenos Aires - ArgentinaTel./Fax: (54-11) 4393-3719 / 0459Cel.: (03764) 15 937773E-mail: [email protected]

Tucumán 731 - 1º Piso A(C1049AAQ)Buenos Aires - ArgentinaTel./Fax: (54-11) 4393-3719 / 0459www.conciencia.org

mflor@conciencia.

mflor@conciencia.

Mansilla 2621m 2do 6CP: 1425c1D234

www.conciencia.orgMansilla 2621m 2do 6

CP: 1425c1D234www.conciencia.org

Papel Carta

mflor@conciencia.

Tucumán 731 - 1º Piso A

(C1049AAQ)

Buenos Aires

Argentina

Tel./Fax: (54-11)

4393-3719 / 0459

www.conciencia.org


PapeleríaPapel carta A4

Interior desplegado Tapa cerrada


(C1049AAQ)

Buenos Aires

Argentina

Tel./Fax: (54-11)

4393-3719 / 0459

www.conciencia.org


PapeleríaCarpeta contenedora


(C1049AAQ)

Buenos Aires

Argentina

Tel./Fax: (54-11)

4393-3719 / 0459

www.conciencia.org


PapeleríaCD / DVD / Sobre contenedor


PapeleríaPapel carta A4 para Word

Tucumán 731

1º Piso A

(C1049AAQ)

Buenos Aires

Argentina

Tel./Fax: (54-11)

4393-3719 / 0459

www.conciencia.org

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet

doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.

Eodem modo typi, qui nunc nobis videntur parum clari, �ant sollemnes in

futurum.


PresentacionesTemplate para Powerpoint

TitularesSubtitulares y bajadas

AREA DE UTILIZACIÓNPARA LA INFORMACIÓN

PALETA Y POSIBILIDADDE CUADROS, DIAGRAMAS,TORTAS FOTOGRAFïAS.

TIPOGRAFÍA: ARIAL EN TODAS SUS VARIABLESTITULAR: CUERPO 28SUBTITULAR: CUERPO 16TEXTO: CUERPO 12

Paleta y posibilidad

de cuadros, diagramas,

tortas fotografïas.

PALETA

Es virgo hec penna, meretrix

Meretrix est stampificatta. Lorem ips

Es virgo hec penna, meretrix, fuentes.

Es virgo hec penna, meretrix

Meretrix est stampificatta, lorem ipsum

Lorem ipsumhec pennaMeretrix est ips

Lorem ipsumhec pennaMeretrix est ips 74 %



PALETA

Lorem ipsumhec pennaMeretrix est ips


Paleta y posibilidad

de cuadros, diagramas,

tortas fotografïas.

Es virgo hec penna, meretrixMeretrix est stampificatta. Lorem ips

Lorem ipsumhec pennaMeretrix est ips 74 %



Portada Índice

PALETA


E L E G I M O S T R A N S F O R M A R V I DA S

Informefinal deimplementación

Educación

Introducción 01

Talleres 01

Talleres 01

Talleres 01

Conclusión 01

Anexo 01




PresentacionesTemplate para informe en Word

Carátula interior Página de contenido

PALETA

ELEGIMOS TRANSFORMAR VIDAS


Informe final de implementación

Introducción

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi

enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis

nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in

hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat

nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit

praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet

doming id quod mazim placerat facer possim assum. Typi non habent claritatem

insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes

demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est

etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.

Mirum est notare quam littera gothica, quam nunc putamus parum claram,

anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta

decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes

in futurum.

46%

23%

11%

13%

5%

2%

RESULTADOS

RESULTADOS

RESULTADOS

RESULTADOS

RESULTADOS

RESULTADOS

01Introducción

Informe final de implementación01

ELEGIMOS TRANSFORMAR VIDAS


ENCABEZADO



PresentacionesTemplate para informe en Word

www.conciencia.org

Est virgo hecpenna, meretrix

Lorem ipsum, esthec penn.meretrix eststampificatta est


Layout gráficaDíptico

www.conciencia.org

TitularsecundarioLorem ipsum dolor sit amet, consectetur adipisicing

elit, sed do eiusmod tempor incididunt ut labore et dolore

magna aliqua. Ut enim ad minim veniam, quis nostrud exer

citation ullamco laboris nisi ut aliquip ex ea commodo

consequat. Duis aute irure dolor in reprehenderit in volup

tate velit esse cillum dolore eu fugiat nulla pariatur. Excep

teur sint occaecat cupidatat non proident, sunt in culpa qui

incididunt ut labore et dolore magna aliqua. Ut enim ad

minim veniam, quis nostrud exercitation ullamco laboris nisi

ut aliquip ex ea commodo consequat. Duis aute irure dolor

in reprehenderit in voluptate velit esse cillum dolore eu

fugiat nulla pariatur. Excepteur sint occaecat cupidatat non

proident, sunt in culpa qui o cia deserunt mollit anim id es

Duis aute irure dolor in reprehenderit in voluptate velit esse

cillum dolore eu fugiat nulla pariatur. Excepteur sint occae

cat cupidatat non proident, sunt in culpa qui o

mollit anim id est laborum.elit, sed do eiusmod tempor.



Lorem ipsum,hec penn.meretrix est


Layout gráficaTríptico


Layout gráficaDíptico interior


Layout gráficaTríptico interior

Est virgo hec penna, meretrix


Claim

En los avisos el CLAIM, cierra los copies.

Lorem ipsum, esthec penn.meretrix eststampificatta estLorem ipsum, esthec penn.meretrix eststampifta essum, esthec penn.meretrix eststampificatta estLorem ipsum, esthec penn.meretrix eststampificatta

etLorem ipsum, esthec penn.meretrix eststampificann.meretrix eststampificatta estLorem ipsum, esthec


Layout gráficaAviso diario 1/2 página



Lmeretrix eststampifta essum, esthec penn.meretrix eststampificatta estLorem ipsum, esthec penn.meretrix eststampificatta etLorem ipsum,

esthec tta estLorem ipsum, esthec.









Alternativa con ícono y titular grande

Lmeretrix eststampifta essum, esthec penn.meretrix eststampificatta estLorem ipsum, esthec penn.meretrix eststampificatta etLorem ipsum,

esthec tta estLorem ipsum, esthec.

Est virgo hec penna,meretrix



Alternativa con ícono y titular grande

Construimos futuro



Alternativa con trama



Alternativa con fotos varias

Est virgo hec penna

En este caso, la fotografía, al ser de corte “documental”,

no debería sufrir mayor tratamiento que la de resguardar la calidad

para su impresión -cuidando: peso/tamaño, contraste de color, etc.

Y es por sobre eso es válida la intevención..

En este caso, la fotografía, al ser de corte “documental”,

no debería sufrir mayor tratamiento que la de resguardar la calidad

para su impresión -cuidando: peso/tamaño, contraste de color, etc.

Y es por sobre eso es válida la intevención.

Construimos futuro

Alternativa con fotos variasCapítulo 3 /Aplicaciones




Folleto de programasCONSTANTES

Se contempla que para los folletos de los programas,a �n de asociarlos de alguna manera a los institucionalesse RESPETEN las siguientes CONSTANTES GRÁFICAS:1. El uso de círculos para poner textos.2. La �rma de logos, en una barra blanca al pie,con el de Conciencia siempre en la esquina inferior izquierda


Layout gráficaDíptico de programas

Est virgo hec penna, meterix est stampificatta.

Lorem ipsum estvirgo hec penna, meretrix

Lorem ipsum, esthec penn.meretrix eststampificatta estLorem ipsum, esthec penn.meretrix eststampifta essum, esthec penn.meretrix eststampificatta estLorem ipsum, esthec penn.meretrix eststampificatta etLorem ipsum, esthec penn.meretrix eststampificann.meretrix eststampificatta estLorem ipsum,

Lorem ipsum estvirgo hec penna, meretrix

Aquellos casos en que no sea posible, por cuestiones de recursos, imprimir folletos a 4 colores y con fotografía, se propone un FLYER, tamaño A5 - vertical- a 1 colory con iconografía plena que funcione como imagen.La tipografía es Arial en todos sus valores- de no contar con la Helvética Neue.


Layout gráficaFlyer


Layout gráficaPictogramas blanco y negro

PALETA


Layout gráficaPictogramas color

EST VIRGO HEC PENNA, MERETRIX EST STAMPIFIC ATTA LOREM IPSUM EST V IRGO HEC PENNA

www.conciencia.org

N E W S L E T T E R

Indicaciones para Cierre en el PieSe utilizará la tipografía ARIAL REGULARpara la información al pie que margina conel isologo “newsletter”.


NewsletterCabezal y pie

Carátula y avatar

La idea, hasta poder imponer el isologotipo comomarca es que en la carátula �gure siempre -a los sumo cambiando fondos- y en el avatar,se puedan poner imágenes pequeñas, pero empáticasy sobre todo, transmitan “sensaciones”.


FacebookCarátula y avatar


TwitterCarátula y avatar


EventosPhoto opportunity

banners sin foto banners con trama banners con foto

www.conciencia.org

www.conciencia.org

/asconciencia

@asconciencia

/asconciencia

www.conciencia.org

/asconciencia

@asconciencia

/asconciencia


EventosBanner de pie

Joaquín Izaguirre

VOLUNTARIO

Eleonora Martínez Iraola

ORGANIZADORA


EventosCredenciales


EventosRemeras


EventosBolsa

MarcaConciencia

CAPÍTULO 4

Firma de cierre


Logos de programasPOOL 1POOL 2POOL 3

El logo asociado se ubica a la izquierdadel pie y el de Conciencia a la derecha.





Capítulo 4 /Firma de cierre


www.conciencia.org





POOL 1Constituido por los logos de programas que pertenecen a las empresas - sponsors. El logo del programa se ubica a la izquierda y el de Conciencia a la derecha.






Logos de programas

www.conciencia.org



POOL 1 Capítulo 4 /Firma de cierre

Logos de programas

POOL 2Constituye la transición del logo original del programa ya instaurado en el público al logo con la nueva imagen. El logo del programa se ubica a la izquierda y el de Conciencia a la derecha.




etLorem ipsum, esthec penn.meretrix eststampificann.meretrix eststampificatta estLorem ipsum, esthecUN PROGRAMA DE


Logos de programas

www.conciencia.org



POOL 2

UN PROGRAMA DE UN PROGRAMA DE


Logos de programas

UN PROGRAMA DE


Logos de programas

POOL 3Son los programas propios de Conciencia y aquellos que se desarrollen en adelante. De acuerdo a la arquitectura de marca los programas se identi�carán con colores de acuerdo a las temáticas esenciales del programa.



Lorem ipsum, esthec penn.meretrix eststampificatta estLorem ipsum, esthec penn.meretrix eststampifta essum, esthec penn.meretrix eststampificatta estLorem ipsum, esthec penn.meretrix eststampificatta etLorem ipsum, esthec penn.meretrix eststampificann.meretrix eststampificatta estLorem ipsum, esthec


Logos de programas

www.conciencia.org




Logos de programas


Logos de programas

POOL 3El proyecto contempla, en un futuro cercano, la posibilidad de asignar un color a cada una de las áreas y darles una identidad acorde al resto del sistema.


Logos de programas


GRIS 1

58 / 59 / 5B90 / 90 / 90

CMYK WebSafe RGB

GRIS 2Pantone 116 C

0 / 0 / 0 / 3581 / 83 / 86177/ 179 / 182

CMYK

WebSafe RGB

VERDE

86 / 0 / 41 / 0

00 / AF / AA 0 / 175 / 170

Pantone 326

CMYK WebSafe RGB

ROJO

9 / 98 / 93 / 0D9 / 27 / 2E217 / 39 / 46

CMYK

WebSafe RGB

VIOLETA

37 / 60 / 10 / 0

A7 / 76 / A6 167 / 118 / 166

Pantone 7440

CMYK WebSafe RGB

AMARILLO

0 / 34 / 80 / 0FF / B5 / 47255 / 181 / 71

Pantone 1795

Pantone 1365

POOL 3Descripicón de la paleta de colores s futuro.


Logos de programas

Manual de marca Asociación Conciencia

Documents

Transcript of Manual de marca Asociación Conciencia