O manual apresenta as diretrizes para o uso do logotipo e elementos visuais da marca VivApp, incluindo especificações sobre cores, fontes, aplicações corretas e incorretas. É detalhado como aplicar o logotipo, elemento gráfico, cores e fontes de forma consistente para manter a identidade visual.

1. MANUAL DE IDENTIDADE VISUAL

2. LOGOTIPO

3. LOGOTIPO APRESENTAÇÃO
O logotipo, criado sobre o conceito do
VivApp, é composto por duas partes:
a primeira, o elemento gráfico da
folha, em formato de pino, que
transmite a ideia de vida saudável e
de localização; a segunda, a tipografia
em verde, com a palavra VIVA, que,
dentro dos colchetes, também traz
os conceitos de saúde e de
delimitação do espaço, remetendo à
função do aplicativo.
3

4. LOGOTIPO POSITIVO/NEGATIVO
As versões positiva e negativa do
logotipo só deverão ser aplicadas
quando não for possível usar mais de
uma cor na produção da peça.
A versão em traço negativo só
deverá ser utilizada quando não
houver possibilidade de aplicação da
versão positiva, quando o logotipo
precisar ser aplicado em fundos
escuros.
4

5. LOGOTIPO ÁREA MÍNIMA
ÁREA MÍNIMA DE PROTEÇÃO
O 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ÇÃO
A aplicação do logotipo deve seguir o
limite de redução, ao tamanho
2,5cm / 71px mínimo de 2,5cm ou 71px
.
5

6. LOGOTIPO APLICAÇÕES
Existem 6 versões do logotipo, que
permitem sua flexibilidade de
aplicação.
Não altere o logotipo de nenhuma
forma, respeite a área mínima de
aplicação e não sobreponha nenhum
elemento ao logo.
6

7. LOGOTIPO APLICAÇÕES ERRADAS
 Não altere a proporção de tamanho
de nenhum elemento;
 Não altere a cor de nenhum
elemento;
 Não altere a forma do logotipo, não
o distorça;
 Não aplique o logotipo em outline;
 Não aplique efeitos internos no
logotipo.
7

8. APLICAÇÃO DO LOGOTIPO

9. APLICAÇÃO FUNDO COLORIDO
O logotipo só deve ser aplicado sobre
as 6 cores definidas ao lado.
Caso haja necessidade, o logo deve
ser aplicado com efeito de sombra,
para melhorar a leitura.
9

10. APLICAÇÃO FUNDO IRREGULAR
Para fundos escuros, utilize a
aplicação em branco. Para fundos
mais claros, utilize a aplicação em
preto.
A aplicação do logotipo com efeitos
só pode ser feita sobre fundos
irregulares, quando houver
necessidade de criar contraste e
melhorar a leitura.
Utilize apenas o efeito de sombra,
com tamanho e distância iguais,
ângulação de 120º e 70% de
opacidade.
10

11. APLICAÇÃO INCORRETA
 Não aplique o logotipo preto sobre
fundo escuro;
 Não faça aplicação do logotipo,
caso não haja leitura;
 Em caso de fundos muito
irregulares, utilize aplicações com
sombra, para dar melhor e destaque
e leitura para o logotipo;
 Faça a aplicação do logo preto em
fundos claros, e do branco em fundos
escuros.
11

12. COMPOSIÇÃO

13. COMPOSIÇÃO TIPOGRAFIA
Museo - 700
O logotipo é composto por duas
linhas de texto e dois elementos
gráficos: a primeira linha, com as
palavras VIVA e APP, onde foi
aplicada a fonte Museo-700; a
segunda linha, com a palavra
Maven Pro Light - 300 SAUDÁVEL, onde foi aplicada a fonte
Maven Pro-300.
Essas fontes são apenas de
composição do logotipo e não devem
ser aplicadas em nenhuma peça de
comunicação relacionada à marca.
13

14. COMPOSIÇÃO PALETA DE CORES
14

15. COMPOSIÇÃO NÚCLEO DE CORES
Núcleo Primário
R: 255 C: 0 R: 0 C: 100 R: 39 C: 75
G: 255 M: 0 G: 0 M: 100 G: 182 M: 0
B: 255 K: 0 B: 0 K: 100 B: 135 K: 63
Y: 0 Y: 100 Y: 0
NÚCLEO PRIMÁRIO
O Núcleo Primário corresponde às
cores que compõem o logotipo, e são
prioridade na aplicação de elementos
Núcleo Secundário gráficos da identidade visual.
R: 140 C: 40 R: 226 C: 09 R: 172 C: 36
G: 111 M: 50 G: 143 M: 50 G: 195 M: 10
B: 74 K: 75 B: 52 K: 93 B: 125 K: 64 NÚCLEO SECUNDÁRIO
Y: 18 Y: 0 Y: 0
O Núcleo secundários corresponde às
cores de fundo, permitidas para
aplicação do logotipo.
R: 54 C: 86 R: 82 C: 82 R: 199 C: 17
G: 93 M: 63 G: 34 M: 100 G: 65 M: 88 .
B: 132 K: 28 B: 144 K: 22 B: 80 K: 65
Y: 09 Y: 09 Y: 04
15

16. APLICAÇÃO DO ELEMENTO GRÁFICO

17. APLICAÇÃO ELEMENTO GRÁFICO
O elemento gráfico principal – o pino
de localização - só deverá ser
aplicado, preferencialmente, na cor
verde água.
As versões positiva e negativa do
elemento gráfico só deverão ser
aplicadas quando não for possível
usar mais de uma cor na produção
R: 255 C: 0 R: 0 C: 100 R: 39 C: 75
da peça.
G: 255 M: 0 G: 0 M: 100 G: 182 M: 0
B: 255 K: 0 B: 0 K: 100 B: 135 K: 63
Y: 0 Y: 100 Y: 0
17

18. APLICAÇÃO ELEMENTO GRÁFICO
O elemento gráfico isolado só deve
ser aplicado na cor verde água.
A aplicação do elemento gráfico com
efeitos só deve ser feita sobre
fundos irregulares, quando houver
necessidade de criar contraste e
melhorar a leitura.
Utilize apenas o efeito externo
padrão, de luz ao fundo, com camada
dupla.
18

19. APLICAÇÃO INCORRETA
 Não aplique o elemento gráfico com
nenhum efeito interno;
 Não faça aplicação do elemento
gráfico em outras cores, além do
verde água, e das versões positiva e
negativa, quando necessário;
 Não utilize nenhum efeito externo
ao elemento gráfico, com exceção ao
efeito padrão, de luz.
19

20. LINHA GRÁFICA

21. LINHA GRÁFICA CORES E ELEMENTOS
CORES
A linha gráfica segue o Núcleo
Primário de Cores, com o preto, o
branco e o verde água. Nenhum
elemento de outra cor deve ser
aplicado em qualquer peça de
comunicação.
ELEMENTOS
Os elementos gráficos devem ser
chapados, sem efeitos, e de cantos
R: 255 C: 0 R: 0 C: 100 R: 39 C: 75
retos, nunca arredondados.
G: 255 M: 0 G: 0 M: 100 G: 182 M: 0 Podem ser sobrepostos, desde que
B: 255 K: 0 B: 0 K: 100 B: 135 K: 63 não possuam a mesma cor.
Y: 0 Y: 100 Y: 0 Todos os elementos gráficos devem
ser aplicados com 100% de
opacidade.
21

22. LINHA GRÁFICA APLICAÇÃO
Tome cuidado com a aplicação de
elementos gráficos sobre fundos
irregulares. Em fundos escuros,
aplique elementos brancos ou verdes.
Para fundos claros, faça a aplicação
de elementos em preto.
22

23. LINHA GRÁFICA APLICAÇÃO INCORRETA
 Não aplique elementos gráficos com
nenhum efeito interno, incluindo luz,
sombra, transparência ou opacidade;
 Não faça aplicação do elementos
gráficos que não sejam das cores do
Núcleo Primário;
 Não utilize nenhum efeito externo
ao elemento gráfico, com exceção ao
efeito padrão, de luz, aplicado
somente ao pino.
23

24. LINHA GRÁFICA TIPOGRAFIA
Nexa Light
FONTE PRINCIPAL
A 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.
Estilo Tpográfico
FONTE SECUNDÁRIA
A Nexa Light é aplicada como fonte
secundária, em todo conteúdo de
texto, de qualquer peça de
comunicação, em caixa baixa.
.
24

25. LINHA GRÁFICA APLICAÇÃO INCORRETA
 Não utilize nenhuma outra fonte
para nenhuma peça de comunicação
da marca;
 Não faça aplicação de negrito extra
no texto em caixa baixa;
 Não aplique o texto que não esteja
nas cores do Núcleo Primário.
25