25
MANUAL DE IDENTIDADE VISUAL

Manual de Identidade Visual VivApp Saudável

Embed Size (px)

Citation preview

Page 1: Manual de Identidade Visual VivApp Saudável

MANUAL DE IDENTIDADE VISUAL

Page 2: Manual de Identidade Visual VivApp Saudável

LOGOTIPO

Page 3: Manual de Identidade Visual VivApp Saudável

LOGOTIPO APRESENTAÇÃO

O logotipo, criado sobre o conceito doVivApp, é composto por duas partes:a primeira, o elemento gráfico dafolha, em formato de pino, quetransmite a ideia de vida saudável ede localização; a segunda, a tipografiaem verde, com a palavra VIVA, que,dentro dos colchetes, também trazos conceitos de saúde e dedelimitação do espaço, remetendo àfunção do aplicativo.

3

Page 4: Manual de Identidade Visual VivApp Saudável

LOGOTIPO POSITIVO/NEGATIVO

As versões positiva e negativa dologotipo só deverão ser aplicadasquando não for possível usar mais deuma cor na produção da peça.A versão em traço negativo sódeverá ser utilizada quando nãohouver possibilidade de aplicação daversão positiva, quando o logotipoprecisar ser aplicado em fundosescuros.

4

Page 5: Manual de Identidade Visual VivApp Saudável

LOGOTIPO ÁREA MÍNIMA

ÁREA MÍNIMA DE PROTEÇÃOO logotipo só deve ser aplicado com a área mínima de proteção ao redor, que corresponde a 50% da altura dos colchetes que envolvem a palavra VIVA e a folha.Nenhum elemento deve interferir nessa área.

.

LIMITE DE REDUÇÃOA aplicação do logotipo deve seguir o limite de redução, ao tamanho mínimo de 2,5cm ou 71px

.

2,5cm / 71px

5

Page 6: Manual de Identidade Visual VivApp Saudável

LOGOTIPO APLICAÇÕES

Existem 6 versões do logotipo, quepermitem sua flexibilidade deaplicação.Não altere o logotipo de nenhumaforma, respeite a área mínima deaplicação e não sobreponha nenhumelemento ao logo.

6

Page 7: Manual de Identidade Visual VivApp Saudável

LOGOTIPO APLICAÇÕES ERRADAS

Não altere a proporção de tamanhode nenhum elemento; Não altere a cor de nenhumelemento; Não altere a forma do logotipo, nãoo distorça; Não aplique o logotipo em outline; Não aplique efeitos internos nologotipo.

7

Page 8: Manual de Identidade Visual VivApp Saudável

APLICAÇÃO DO LOGOTIPO

Page 9: Manual de Identidade Visual VivApp Saudável

APLICAÇÃO FUNDO COLORIDO

O logotipo só deve ser aplicado sobreas 6 cores definidas ao lado.Caso haja necessidade, o logo deveser aplicado com efeito de sombra,para melhorar a leitura.

9

Page 10: Manual de Identidade Visual VivApp Saudável

APLICAÇÃO FUNDO IRREGULAR

Para fundos escuros, utilize aaplicação em branco. Para fundosmais claros, utilize a aplicação empreto.A aplicação do logotipo com efeitossó pode ser feita sobre fundosirregulares, quando houvernecessidade de criar contraste emelhorar a leitura.Utilize apenas o efeito de sombra,com tamanho e distância iguais,ângulação de 120º e 70% deopacidade.

10

Page 11: Manual de Identidade Visual VivApp Saudável

APLICAÇÃO INCORRETA

Não aplique o logotipo preto sobrefundo escuro; Não faça aplicação do logotipo,caso não haja leitura; Em caso de fundos muitoirregulares, utilize aplicações comsombra, para dar melhor e destaquee leitura para o logotipo; Faça a aplicação do logo preto emfundos claros, e do branco em fundosescuros.

11

Page 12: Manual de Identidade Visual VivApp Saudável

COMPOSIÇÃO

Page 13: Manual de Identidade Visual VivApp Saudável

COMPOSIÇÃO TIPOGRAFIA

O logotipo é composto por duaslinhas de texto e dois elementosgráficos: a primeira linha, com aspalavras VIVA e APP, onde foiaplicada a fonte Museo-700; asegunda linha, com a palavraSAUDÁVEL, onde foi aplicada a fonteMaven Pro-300.Essas fontes são apenas decomposição do logotipo e não devemser aplicadas em nenhuma peça decomunicação relacionada à marca.

Museo - 700

Maven Pro Light - 300

13

Page 14: Manual de Identidade Visual VivApp Saudável

COMPOSIÇÃO PALETA DE CORES

14

Page 15: Manual de Identidade Visual VivApp Saudável

COMPOSIÇÃO NÚCLEO DE CORES

15

Núcleo Primário

Núcleo Secundário

R: 255G: 255B: 255

C: 0M: 0K: 0Y: 0

R: 140G: 111B: 74

C: 40M: 50K: 75Y: 18

R: 39G: 182B: 135

C: 75M: 0K: 63Y: 0

R: 226G: 143B: 52

C: 09M: 50K: 93Y: 0

R: 172G: 195B: 125

C: 36M: 10K: 64Y: 0

R: 54G: 93B: 132

C: 86M: 63K: 28Y: 09

R: 82G: 34B: 144

C: 82M: 100K: 22Y: 09

R: 199G: 65B: 80

C: 17M: 88K: 65Y: 04

R: 0G: 0B: 0

C: 100M: 100K: 100Y: 100

NÚCLEO PRIMÁRIOO Núcleo Primário corresponde às cores que compõem o logotipo, e são prioridade na aplicação de elementos gráficos da identidade visual.

NÚCLEO SECUNDÁRIOO Núcleo secundários corresponde às cores de fundo, permitidas para aplicação do logotipo.

.

Page 16: Manual de Identidade Visual VivApp Saudável

APLICAÇÃO DO ELEMENTO GRÁFICO

Page 17: Manual de Identidade Visual VivApp Saudável

APLICAÇÃO ELEMENTO GRÁFICO

17

R: 255G: 255B: 255

C: 0M: 0K: 0Y: 0

R: 39G: 182B: 135

C: 75M: 0K: 63Y: 0

R: 0G: 0B: 0

C: 100M: 100K: 100Y: 100

O elemento gráfico principal – o pinode localização - só deverá seraplicado, preferencialmente, na corverde água.As versões positiva e negativa doelemento gráfico só deverão seraplicadas quando não for possívelusar mais de uma cor na produçãoda peça.

Page 18: Manual de Identidade Visual VivApp Saudável

O elemento gráfico isolado só deveser aplicado na cor verde água.A aplicação do elemento gráfico comefeitos só deve ser feita sobrefundos irregulares, quando houvernecessidade de criar contraste emelhorar a leitura.Utilize apenas o efeito externopadrão, de luz ao fundo, com camadadupla.

APLICAÇÃO ELEMENTO GRÁFICO

18

Page 19: Manual de Identidade Visual VivApp Saudável

APLICAÇÃO INCORRETA

Não aplique o elemento gráfico comnenhum efeito interno; Não faça aplicação do elementográfico em outras cores, além doverde água, e das versões positiva enegativa, quando necessário; Não utilize nenhum efeito externoao elemento gráfico, com exceção aoefeito padrão, de luz.

19

Page 20: Manual de Identidade Visual VivApp Saudável

LINHA GRÁFICA

Page 21: Manual de Identidade Visual VivApp Saudável

R: 255G: 255B: 255

C: 0M: 0K: 0Y: 0

R: 39G: 182B: 135

C: 75M: 0K: 63Y: 0

R: 0G: 0B: 0

C: 100M: 100K: 100Y: 100

LINHA GRÁFICA CORES E ELEMENTOS

21

CORESA linha gráfica segue o NúcleoPrimário de Cores, com o preto, obranco e o verde água. Nenhumelemento de outra cor deve seraplicado em qualquer peça decomunicação.

ELEMENTOSOs elementos gráficos devem serchapados, sem efeitos, e de cantosretos, nunca arredondados.Podem ser sobrepostos, desde quenão possuam a mesma cor.Todos os elementos gráficos devemser aplicados com 100% deopacidade.

Page 22: Manual de Identidade Visual VivApp Saudável

LINHA GRÁFICA APLICAÇÃO

Tome cuidado com a aplicação deelementos gráficos sobre fundosirregulares. Em fundos escuros,aplique elementos brancos ou verdes.Para fundos claros, faça a aplicaçãode elementos em preto.

22

Page 23: Manual de Identidade Visual VivApp Saudável

LINHA GRÁFICA APLICAÇÃO INCORRETA

23

Não aplique elementos gráficos comnenhum efeito interno, incluindo luz,sombra, transparência ou opacidade; Não faça aplicação do elementosgráficos que não sejam das cores doNúcleo Primário; Não utilize nenhum efeito externoao elemento gráfico, com exceção aoefeito padrão, de luz, aplicadosomente ao pino.

Page 24: Manual de Identidade Visual VivApp Saudável

LINHA GRÁFICA TIPOGRAFIA

Nexa Light

Estilo Tpográfico

24

FONTE PRINCIPALA Nexa Light é a fonte principal, que deve ser aplicada em áreas de destaque de todas as peças de comunicação, em caixa alta e negrito extra.

FONTE SECUNDÁRIAA Nexa Light é aplicada como fonte secundária, em todo conteúdo de texto, de qualquer peça de comunicação, em caixa baixa.

.

Page 25: Manual de Identidade Visual VivApp Saudável

25

LINHA GRÁFICA APLICAÇÃO INCORRETA

Não utilize nenhuma outra fontepara nenhuma peça de comunicaçãoda marca; Não faça aplicação de negrito extrano texto em caixa baixa; Não aplique o texto que não estejanas cores do Núcleo Primário.