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
vegpedia.com/contato
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