Manual de Identidade VIsual - Vila Mada - Versão de Final

MANUAL DE IDENTIDADE VISUAL

Manual de Identidade VIsual - Vila Mada.indd 1 06/05/2014 11:27:09

Manual de Identidade Visual

NDICEMarca

Apresentao da Marca 5

Aplicaes de smbolo e logotipo 6

Aplicao Prioritria 7

Redues mximas 8

Grid

Malha (Grid) de Construo 10 12

Campos de Proteo 13 14

Cores

Cores Institucionais 16

Cores Complementares 17

Aplicao em Fundos claros e escuros 18 19

Aplicao em Monocromia 20

Padro tipogrfico

Aplicao de tipogrfias 22

Uso incorreto

Aplicaes incorretas 24


Papelaria

Carto de Visitas e Envelope A4

Assinatura de E-mail

Envelope Ofcio e Papel Timbrado

Crach de Funcionrio

Aplicativo

Aplicativo VILA MADA

Funcionabilidade

26

27

28

29

33

34 e 35

Sinalizao

Apresentao da Placa

Trajetria - IDA

Placas - IDA

Trajetria - VOLTA

Placas - VOLTA

Rotas - IDA e VOLTA

Totens

37

38

39 47

48

49 57

58 59

60

Mdia Digital

Cartaz Publicitrio com QR Code31



NDICEMarca

Apresentao da Marca 5

Aplicaes de smbolo e logotipo 6

Aplicao Prioritria 7

Redues mximas 8

Grid

Malha (Grid) de Construo 10 12

Campos de Proteo 13 14

Cores

Cores Institucionais 16

Cores Complementares 17

Aplicao em Fundos claros e escuros 18 19

Aplicao em Monocromia 20

Padro tipogrfico

Aplicao de tipogrfias 22

Uso incorreto

Aplicaes incorretas 24


Papelaria

Carto de Visitas e Envelope A4

Assinatura de E-mail

Envelope Ofcio e Papel Timbrado

Crach de Funcionrio

Aplicativo

Aplicativo VILA MADA

Funcionabilidade

26

27

28

29

33

34 e 35

Sinalizao

Apresentao da Placa

Trajetria - IDA

Placas - IDA

Trajetria - VOLTA

Placas - VOLTA

Rotas - IDA e VOLTA

Totens

37

38

39 47

48

49 57

58 59

60

Mdia Digital

Cartaz Publicitrio com QR Code31


MARCA



5Manual de Identidade Visual

MarcaApresentao da Marca

Essa a nova marca da Vila Madalena, no seu trao, imageticamente com suas inmeras possibilidades podemos remeter a uma paleta de cores de um artista, ou uma escala de cores pantone de um designer. Sua variedade de cores tambm foi concebida para ser associada s caractersticas do bairro: os tons escuros de verde enfatiza as varias opes noturnas de bares e shows ao vivo, j os tons mdios de verde representa as ruas arborizadas e praas e por fim os tons claros aqui evidencia a jovialidade de seus frequentadores.

MARCA



6 Verso vertical.*

Verso horizontal.*

Verso apenas com o smbolo.*

Para as aplicaes do smbolo e logotipo e apenas o smbolo as seguintes formas devem ser seguidas :


MarcaAplicaes de smbolo e logotipo


7*

Como aplicao deve-se sempre se priorizar a verso com o smbolo, logotipo na vertical.

A verso horizontal com o smbolo e o logotipo, deve ser utilizada onde no houver espao para a aplicao da verso prioritria, sempre usando as regras de redues mximas contidas no captulo 2.4 deste projeto.


MarcaAplicao Prioritria


8 A verso vertical do smbolo com o logotipo Vila Madalena pode ser reduzida ao tamanho minmo de at 2,7 cm de altura e 1,9 cm de largura e a verso horizontal ao tamanho mximo de at 1 cm de altura e 1,6 cm de largura.

A verso apenas do smbolo sem o logotipo Vila Madalena pode ser reduzido ao tamanho mximo de 0,6 cm por 0,6 cm de altura.

1,9 cm

2,7 cm

1,6 cm

1 cm

0,6 cm

0,6 cm


MarcaRedues Mximas

GRID



GRID



10

Para a verso vertical da marca utiliza-se como referncia altura do logotipo Vila Madalena dividido por 3 = x.Sendo as medidas do smbolo e logotipo: altura 22x e largura 11x, com espaamento entre smbolo e logotipo 1x.

/3=x

/3=x

22x

11x

7x

1x


GridMalha (Grid) de Construo


11

Para a verso secundria horizontal composta pelo smbolo e o logotipo deve-se utilizar como referncia altura do logotipo Vila Madalena dividido por 4 = x, o valor de X se diferencia da verso vertical pois o logotipo se adapta de forma diferente a malha (grid).Sendo as medidas do smbolo e logotipo: altura 14x e largura 16x com espaamento entre smbolo e logotipo metade de 1x e o espaamento da palavra Vila e Madalena 1x.

/4=x

/4=x

16x

14x

1/2=x




12

Para a verso apenas do smbolo deve-se utilizar como referncia altura do prprio smbolo dividido por 14 = x.Sendo as medidas do smbolo: altura 14x e largura 11x.

11x

14x




13

Para o campo de proteo deve ser utilizado 3x de altura e largura para separar o smbolo e logotipo de outros elementos grcos. Como demostrado a seguir:


GridCampos de Proteo

3X

3X 3X

3X3X

3X 3X

3X


14

3X 3X

3X3X


GridCampos de Proteo

CORES



CORES



16

PANTONE 440 C

HEXA #352a2d

CMYK

64 69 61 63

RGB

53 42 45

pantone 137 CPANTONE 7465 C

HEXA #1db9a5

CMYK

73 0 45 0

RGB

29 185 165


HEXA #504c1f

CMYK

58 52 100 44

RGB

80 76 31

PANTONE 360 C

HEXA #68bc45

CMYK

63 0 100 0

RGB

104 188 69


HEXA #03655f

CMYK

89 40 60 24

RGB

3 101 95


HEXA #05ce7b

CMYK

70 0 73 0

RGB

69 185 118

A verso em tons verde claro e escuro, com marron se constitui das cores principais.

O logo Vila Madalena e suas demais variaes devem ser usados nas seguintes cores e devidas utilizaes:


CoresCores Institucionais


17

PANTONE 5005 C

HEXA #ba8283

CMYK

27 54 40 2

RGB

183 130 131


HEXA #426737

CMYK

74 38 93 28

RGB

63 103 55

PANTONE 7532 C

HEXA #7a614b

CMYK

45 54 69 25

RGB

122 97 75


HEXA #ecc34f

CMYK

7 22 81 0

RGB

236 195 79

As cores complementares podem possuir variao tonal, tendendo para o claro e para o escuro, ou dentro de seu espectro de cor. Podendo variar de acordo com as ilustraes e projetos visuais. Alguns exemplos de cores complementares so:


CoresCores Complementares


18

O logo Vila Madalena pode ser utilizado em suas diversas cores, seguindo os devidos temas. Para fundos escuros e poludos visualmente deve-se colocar um box branco com a medida mnima sendo os campos de proteo, como demonstrado a seguir partir de 50%:

10% 20% 30%

40% 50% 60%


CoresAplicao em Fundos claros e escuros


19

70% 80% 90%

100%


CoresAplicao em Fundos claros e escuros


20

A verso monocromtica deve ser utilizada para a aplicao em contedo impresso onde no possvel se utilizar de cores.

PANTONE Black 6 C

HEXA #000000

CMYK

0 0 0 100

RGB

0 0 0

HEXA #

CMYK

0 0 0 0

RGB

255 255 255


CoresAplicao em Monocromia

PADRO TIPOGRFICO



PADRO TIPOGRFICO



22

TIPOGRAFIA DA MARCA

Para qualquer outro tipo de texto associado a publicidade e divulgao da marca pode-se optar pelas fontes: Corbel e Museo Sans - 100 para massas de texto e Bebas Neue para ttulos e usada no decorrer do manual para as placas de SINALIZAO e Museo Slab - 500 para ttulos.

MUSEO SANS - 100

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890!@#$%^&*()-_=+]}[{\|/?.>

USO INCORRETO



24

Ao comunicar a marca Vila Madalena, fundamental ser consistente para preservar a sua integridade e credibilidade e garantir a sua perfeita leitura. Assim, nunca faa uma aplicao que no esteja de acordo com os padres determinados aqui.Os exemplos abaixo ilustram usos inaceitveis da marca Vila Madalena:

No utilize no logo ou logotipo outrascores que no sejam as determinadasneste manual.

proibido usar elementos queprejudique a leitura e aidenticao da marca.

Nunca utilize na Marca texturasou formas de contorno.

Nunca utilize o logotipo emoutras formas e no use outra tipograa que no tenhamsido determinadas neste manual.

VIL

A M

AD

AL

EN

A

sido determinadas neste manual.sido determinadas neste manual.sido determinadas neste manual.sido determinadas neste manual.sido determinadas neste manual.sido determinadas neste manual.

Nunca utilize na Marca texturas

No se deve alterar a cor da palavraVila Madalena e nem ultrapassar area de segurana.

No distora ou altere aproporo do logotipo.


Uso incorretoAplicaes incorretas

PAPELARIA



PAPELARIA




PapelariaCarto de Visitas eEnvelope A4

Carto de Visita - Frente

Carto de Visita - Verso

Material: Couch 250g, 300g,supremo.Medida: 9 cm x 5 cmAcabamento: Recorte, invernizao(total ou localizada), impressometalizada localizada.

Material: Sulfite 120g,Medida: 26x36 cmAcabamento: Recorte e colagem.

Envelope A4Assinatura de E-mail


PapelariaAssinatura de E-mail

26



PapelariaCarto de Visitas eEnvelope A4

Carto de Visita - Frente

Carto de Visita - Verso

Material: Couch 250g, 300g,supremo.Medida: 9 cm x 5 cmAcabamento: Recorte, invernizao(total ou localizada), impressometalizada localizada.

Material: Sulfite 120g,Medida: 26x36 cmAcabamento: Recorte e colagem.

Envelope A4Assinatura de E-mail


PapelariaAssinatura de E-mail

27



PapelariaEnvelope Ofcio ePapel Timbrado

Envelope Ofcio

Material: Sulfite 90g Sulfite 120gMedida: 24 x 34cmAcabamento: Recorte colagem.

Papel Timbrado


E-mail: [email protected] Tel.: (11) 3230-1189Rua Madalena, 436 - Vila Madalena - So Paulo

PROJETOVILAMADALENA.TUMBLR.COM

Crach de Funcionrio

Material: PVC adesivado ou impresso(impresso UV de rigidos), laminado.Medida: 8.00x 5.00 cm (padro)Acabamento: Recorte e laminao


PapelariaCrach de Funcionrio

28



PapelariaEnvelope Ofcio ePapel Timbrado

Envelope Ofcio


Papel Timbrado


E-mail: [email protected] Tel.: (11) 3230-1189Rua Madalena, 436 - Vila Madalena - So Paulo

PROJETOVILAMADALENA.TUMBLR.COM

Crach de Funcionrio

Material: PVC adesivado ou impresso(impresso UV de rigidos), laminado.Medida: 8.00x 5.00 cm (padro)Acabamento: Recorte e laminao


PapelariaCrach de Funcionrio

29


MDIA DIGITAL



31

MDIA DIGITAL



Mdia DigitalCartaz Publicitrio com QR Code


APLICATIVO



33

O objetivo do aplicativo, para smartphones,tabletes e celulares, VILA MADA localizar e indicar s pessoas que no so da Vila Madalena, e mostrar tanto a estas como os moradores da Vila Madalena o contedo histrico e cultural de lugares importantes dentro do bairro.

O aplicativo VILA MADA se constitui de um mapa onde o usurio atravs de rastreamento por satlite possa se localizar, e tambm localizar destinos especcos separados por temas dentro do bairro Vila Madalena. Dentro destes destinos podem-se escolher entre bares, museus, galerias de arte, escolas, restaurantes ( japons, italiano, chins, mexicano e portugus ), etc.

Sua diferenciao de aplicativos j existentes, que uma vez clicado o local indicado, este ir abrir uma janela com suas informaes principais como horrios de funcionamento, local da rua, como chegar e uma breve histria do lugar, mostrando assim ao usurio o valorhistrico e a tradicionalidade do bairro onde vive/est.


AplicativoAplicativo VILA MADA

APLICATIVO




AplicativoFuncionabilidade


SINALIZAO




SinalizaoApresentao da Placa

A sinalizao para o bairro Vila Madalena na contextualizao de transportes de veculos, se constitui de placas personalizadas de trnsito. Nestas esto contidas as direes para os destinos.Os destinos nestas placas de trnsito devem se constituir de pontos importantes da Vila Madalena em sentido histrico cultural. Como por exemplo: ruas histricas, arquitetura, museus, bares, restaurantes, etc.

MUSEU DA PESSOA

PROLA NEGRA

CENTRO CULTURAL

Avenida sumar

Tamanho: 120mm X 77mm

Espessura: 3mm

Material: Ao galvanizado

Pintura: Automotiva, substrato vinilicode alta performance.

Fixao: Abraadeira de alumnio, parafusosextavado. (Padro CONTRAN)

SINALIZAO



38

Incio Av. Sumar at Rua: Fradique Coutinho - IDA

1

23

4

Centro Cultural

Escola de Samba

Galeria Xiclete

Museo da Pessoa

5

67

8

910

11

12

13

14

15

16

17


SinalizaoTrajetria - IDA



SinalizaoPlacas 1 e 2 - IDA



SinalizaoPlaca 17 - IDA


48

1

23

4

Centro Cultural

Escola de Samba

Galeria Xiclete

Museo da Pessoa

Incio Rua: Fradique Coutinho at Av. Sumar - VOLTA

5

6

7

8

910

11

12

1314

15

16


SinalizaoTrajetria - VOLTA



SinalizaoPlaca 1 e 2 - VOLTA



SinalizaoPlaca 3 - VOLTA


SinalizaoPlacas 4 e 5 - VOLTA



SinalizaoRotas - IDA

Incio Av.Sumar at Fradique Coutinho, 1855.

Placa 1: Em frente Centro Cultural, Perola Negra, Museu e Xiclet.Placa 2: Direita Centro Cultural, Perola Negra, Museu e Xiclet.Placa 3: Retorno Centro Cultural, Perola Negra, Museu e Xiclet.Placa 4: Direita Centro Cultural, Perola Negra, Museu e Xiclet.Placa 5: Esquerda Centro Cultural, Direita Perola Negra e Xiclet.Placa 6: Direita Centro Cultural.Placa 7: Direita centro Cultural.Placa 8: Aqui Centro Cultural em Frente Perola Negra, Museu e Xiclet.Placa 9: Esquerda Perola Negra, Museu e Xiclet.Placa 10: Aqui Perola Negra em Frente Museu e Xiclet.Placa 11: Esquerda Museu,e Xiclet.Placa 12: Em Frente Museu, Direita Xiclet.Placa 13: Esquerda MuseuPlaca: 14: Aqui Museu.Placa 15: Direita Xiclet e Esquerda Museu.Placa 16: Direita Xiclet.Placa 17: Aqui Xiclete.



SinalizaoRotas - VOLTA

incio Fradique Coutinho at Av.Sumar

Placa 1: Em frente Centro Cultural, Perola Negra, Museu e Avenida Sumar.Placa 2: Direita Museu, Centro Cultural, Perola Negra e Avenida Sumar.Placa 3: Em Frente Museu, Direita Xiclet.Placa 4: Esquerda MuseuPlaca 5: Aqui Museu.Placa 6: Direita Avenida Sumar, Perola Negra e Centro Cultural.Placa 7: Aqui Perola Negra, Esquerda Av. Sumar e Direita Centro Cultural.Placa 8: Esquerda Centro CulturalPlaca 9: Direita Centro Cultural.Placa 10: Direita centro Cultural.Placa 11: Aqui centro Cultural em frente Avenida Sumar.Placa 12: Esquerda Avenida Sumar.Placa 13: Direita Avenida Sumar.Placa: 14: Direita Avenida Sumar.Placa 15: Esquerda Avenida SumarPlaca 16: Aqui Avenida Sumar.


60

A sinalizao fsica ( a p ) para o bairro Vila Madalena na contextualizao do pedestre se constitui de Totens.

2

40

mm

300mm

300mm

615

mm

175m

m

315m

m

200mm

525mm

700mm

MUSEU DA PESSOA

CASA DA XICLET

PROLA NEGRA

CENTRO CULTURAL

Fixao: Sapata xada com 4 parafusoscom 3 cm de diamentro, coberta combandeja dobrada ao galvanizado.

Pintura: Automotiva, substrato vinilico de alta performance impresso.

Material: Ao galvanizado, acrilico leitosomoldado (3mm) retroiluminado, lmpadauorescente


SinalizaoTotens


Manual de Identidade VIsual - Vila Mada - Versão de Final

Documents

Transcript of Manual de Identidade VIsual - Vila Mada - Versão de Final