Manual de Identidade Visual VivApp Saudável

  • View
    573

  • Download
    3

  • Category

    Design

Preview:

Citation preview

MANUAL DE IDENTIDADE VISUAL

LOGOTIPO

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

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

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

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

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

APLICAÇÃO DO LOGOTIPO

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

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

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

COMPOSIÇÃO

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

COMPOSIÇÃO PALETA DE CORES

14

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.

.

APLICAÇÃO DO ELEMENTO GRÁFICO

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.

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

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

LINHA GRÁFICA

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.

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

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.

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.

.

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.