Page 1

Manual de Identidade Visual


›› Índice ›› PROJETO

›› LOGO

›› APLICAÇÃO

A vegpedia................. 3

Logo completo............ 4

Posicionamento.......... 13

Os valores.................. 3

Logo simplificado....... 4

Fundos....................... 14

A identidade.............. 3

Elementos.................. 5

Produtos.................... 15

Estrutura.................... 6

Anúncios.................... 16

Zona de exclusão....... 7 Tamanho mínimo........ 8 Tipografias................ 9 Cores......................... 10 Variações de cor......... 11 Usos incorretos........... 12

Manual de Identidade Visual – vegpedia


›› A vegpedia

›› Os valores

›› A identidade

A vegpedia é um projeto enciclopédico brasileiro que recolhe informações úteis dos mais variados tipos, desde artigos até notícias, para veganos, vegetarianos e pessoas interessadas na temática da Libertação Animal e de Direitos Animais.

›› Respeitar a dignidade e a vida de todos os seres sencientes. ›› Promover o veganismo em suas diversas expressões. ›› Levar conhecimento e informação com qualidade. ›› Dialogar de forma prudente e amigável - com veganos e nãoveganos - abordando a perspectiva da defesa dos Direitos Animais.

O redesign do logo e da identidade da vegpedia nasceu após considerável crescimento do projeto. Tal reconhecimento no cenário vegano exigiu um visual mais profissional e de destaque.

O projeto de site educacional e também de site de notícias e mídia, inicialmente digital, foi idealizado pelo ativista e designer gráfico Julio Cesar Prava, se tornando realidade em agosto de 2017.

PROJETO

Retornar ao índice

O novo logo segue uma tendência flat que traz um design mais clean e objetivo, sem deixar de lado os valores do projeto.

Manual de Identidade Visual – vegpedia

3


›› Logo completo

›› Logo simplificado

VERTICAL

VERTICAL A versão simples do logo deve ser utilizada dentro do site da vegpedia e também em

HORIZONTAL

HORIZONTAL

aplicações reduzidas onde a tagline não tem boa legibilidade.

LOGO

Retornar ao índice

Manual de Identidade Visual – vegpedia

4


›› Elementos O logotipo

LOGOTIPO

TAGLINE

isolado pode ser usado em peças que necessitem de sobreposição de imagens, já o ícone deve ser aplicado

ÍCONE

em imagens de profile em redes sociais ou thumbnails. A tagline nunca deve ser usada de forma isolada.

Retornar ao índice

Manual de Identidade Visual – vegpedia

5


›› Estrutura

logo símbolo

logotipo

A estrutura do logo completo consiste em símbolo, logotipo e tagline.

tagline

Retornar ao índice

Manual de Identidade Visual – vegpedia

6


A zona de

›› Zona de exclusão

exclusão garante a legibilidade e impacto

LOGO COMPLETO

ELEMENTOS

do logotipo, x

isolando-o de

2x

2x

elementos visuais

2x

concorrentes, como texto e

2x

gráficos de apoio.

7x

Essa área de não interferência garante a segurança mínima, no

2x

x

2x

2x

entanto, na

2x

maioria dos

2x

x

x

x

casos, é preciso dar ainda mais

x

x

x x

espaço de respiro.

x x

2x 2x

x 2x

x x

Retornar ao índice

2x

x

2x

x x 1.5x x

Manual de Identidade Visual – vegpedia

7


›› Tamanho mínimo IMPRESSO

DIGITAL O tamanho mínimo assegura

16.75mm

100px

uma proporção que garanta uma legibilidade. Nesta redução máxima deve-se

20mm

150px

utilizar os logos simplificados (sem tagline).

Retornar ao índice

Manual de Identidade Visual – vegpedia

8


›› Tipografias O logo completo é composto pela

A tipografia primária foi escolhida por

A tipografia, que também é de ótima

tipografia primária, quem também

ter excelente legibilidade e por ser

legibilidade, secundária selecionada

deve ser usada em títulos. A tipografia

rígida, dando um aspecto de seriedade

para grandes blocos de texto e suas

secundária é utilizada em peças gráficas

ao logo e ficando ótima na apresentação

curvas suaves, dando a ele um tom mais

digitais e impressas exceto em títulos.

de textos de destaque.

tranquilo e moderado.

PRIMÁRIA

LEAGUE SPARTAN bold

Para títulos.

A B C D E F G H I J K L M N O P Q R ST UVW XY Z 0 1 2 3 4 5 6 7 8 9 abcdefghijklmnopqrstuvwxyz

SECUNDÁRIA

NUNITO regular

Para texto corrido.

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz

Retornar ao índice

Manual de Identidade Visual – vegpedia

9


›› Cores

AZUL PISCINA

R 45 G 200 B 185 C 67 M 0 Y 36 B 0

As cores escolhidas remetem a três diferentes aspectos que envolvem

VERDE GRAMA

R 150 G 200 B 50 C 49 M 0 Y 92 B 0

temática do site: o azul representa a vida, o verde representa a natureza e o veganismo em

PRETO

R0G0B0 C 35 M 0 Y 0 B 100

Retornar ao índice

si e o preto representa a imprensa e a enciclopédia.

Manual de Identidade Visual – vegpedia

10


›› Variações de cor Se a cor não for uma boa opção por motivos técnicos - falta de contraste, legibilidade ou hierarquia -, é melhor utilizar as opções do logotipo com monocromia. Em imagens com colorações fortes pode-se optar pelo uso do logotipo isolado.

Retornar ao índice

Manual de Identidade Visual – vegpedia

11


›› Usos incorretos

Não desloque elementos ou

Não aplique outras cores,

altere a proporção deles.

gradientes ou texturas.

Não elimine tipos.

Não aplique sobre texturas

Não coloque contornos.

Não rotacione.

Não use traçado.

Não distorça.

ou fundos coloridos.

vegpedia.com Não coloque sombras

Não aumente ou diminua

Não troque ou

Não troque ou modifique

ou brilhos.

os espaçamentos.

modifique o ícone.

as tipografias.

Retornar ao índice

Manual de Identidade Visual – vegpedia

12


›› Posicionamento Para ter consistência na aplicação o logo (seja ele completo, simplificado, ícone ou logotipo) deve respeitar posições independentemente do tamanho ou dimensão da comunicação em que for aplicado, só podendo ser colocado em cinco locais. As opções de colocação são: canto superior esquerdo, canto superior direito, canto inferior esquerdo, canto inferior direito ou centralizado. É necessário respeitar a zona de exclusão nas aplicações.

APLICAÇÃO

Retornar ao índice

Manual de Identidade Visual – vegpedia

13


›› Fundos As peças com predominancia de imagens devem conter um filtro colorido de acordo com o tom da mensagem - por exemplo, vermelho quando se remeter a violência, verde quando se remeter a natureza e azul quando se remeter a paz - e o logo ou o logotipo na versão EMPATIA

Retornar ao índice

JUSTIÇA

VIOLÊNCIA

monocromática.

Manual de Identidade Visual – vegpedia

14


›› Produtos Nos produtos institucionais os logos devem ser aplicados em fundo branco.

Retornar ao índice

Manual de Identidade Visual – vegpedia

15


›› Anúncios

Retornar ao índice

Manual de Identidade Visual – vegpedia

16


›› Contato DA VEGPEDIA

DO DESENVOLVEDOR

WEB

vegpedia.com

WEB

be.net/juliocesarprava

EMAIL

vegpedia.com/contato

EMAIL

juliocesarprava@gmail.com

SOCIAL fb.com/vegpediacom

SOCIAL fb.com/juliocesarprava

›› Manual de Identidade Visual - vegpedia - Versão 1 - 22.07.2018 ›› Desenvolvido por Julio Cesar Prava

Retornar ao índice

Manual de Identidade Visual – vegpedia

17


vegpedia - Manual de Identidade Visual  
vegpedia - Manual de Identidade Visual  
Advertisement