opar manual de identidade visual
Sumário Introdução Apresentação A Opar Conceito
Elementos p. 2 p. 3 p. 4
Marca Gráfica A Marca Gráfica Malha e Grid Margem de Segurança Variações Redução Máxima Usos incorretos
p. p. p. p. p.
6 7 8 9 11
p. 13
Tipografia Cores Grafismos Ilustração e Texturas Imagery Tom de voz
p.16 p.18 p.20 p.21 p.22 p.23
Aplicações Institucionais Promocionais Sinalização
p.25 p.27 p.28
Apresentação Este é um manual de identidade visual. Aqui você verá as maneiras corretas de aplicação da marca gráfica da OPAR e de todos os elementos que compõem seu sistema de identidade visual. Seguir este manual é importante para garantir que o padrão e a integridade da identidade sejam mantidos.
introdução
p. 2
A Opar A OPAR (Organização para proteção de animais de rua) é um organização não governamental que tem como objetivo a promoção de relações harmoniosas entre os animais e os seres humanos, desenvolvendo ações para a defesa, preservação e manutenção da qualidade de vida dos animais, principalmente cães e gatos abandonados através de atividades de educação, conscientização, feiras de adoção, tratamentos e prevenção de doenças.
introdução
p. 3
Conceito Os conceitos agregados na identidade visual são conceitos que e se relacionam diretamente com o público alvo e com a área de atuação da ONG. São conceitos ligados à bons sentimentos: amor, família, diversão e proteção. O objetivo da identidade visual e da comunicação é transmitir esses sentimentos ao público, cativando-os e conscientizando para a causa da proteção animal e solidariedade!
introdução
p. 4
Marca Gráfica A Marca Gráfica Malha e Grid Margem de Segurança Variações Redução Máxima Usos incorretos
a marca gráfica
Junção dos elementos que representam o segmento da ONG: o amparo e doação/adoção de cães e gatos. Além disso, esta composição apresenta também um coração, que remete ao conceito AMOR O círculo proporciona harmonia na composição da marca gráfica e direciona o olhar ao símbolo principal
opar marca gráfica
Estas formas representam mãos segurando os animais. Elementos que são símbolo da soliedariedade e do trabalho social. O modo como estão dispostas sugerem o conceito de PROTEÇÃO e até mesmo da doação dos pets. Além disso as formas completam o símbolo, pois também remetem ao “malhado” do pelo dos bichinhos
p. 6
malha e grid
16x
16x
16x
opar 13X
X
1,5X
2X
X
6X
Os elementos devem manter os espaçamentos e proporções dispostas na malha construtiva
marca gráfica
x= Seguindo as proporções dispostas na malha, foi construído um grid para corrigir quaisquer falhas de proporção
p. 7
margem de segurança
opar Para garantir a boa leitura do logotipo e que nenhum elemento invada o seu espaço, foi definida uma margem de segurança, onde o espaço tem as dimensões da letra R da própria tipografia. marca gráfica
p. 8
variações
13X
2X
opar
13X
opar 6X
6X
O ideal é dar preferência à versão principal da marca gráfica, mas quando necessário utilizar as versões alternativas, seguindo também as proporções dispostas na malha.
marca gráfica
p. 9
variações
opar
opar
opar
opar
opar
opar marca gráfica
Quando não for possível a utilização do logo colorido, utilizar a versão monocromática. p. 10
redução máxima
impressão 20 mm
39 mm 18mm 29 mm
opar
20 mm
opar
10mm
opar
10mm
Para garantir uma boa visibilidade da marca gráfica nos materiais impressos deve-se seguir as dimensões determinadas. marca gráfica
p. 11
redução máxima
web 55 px
110 px 52 px 82 px
opar
55 px
opar
26 px
opar
26 px
Para garantir uma boa visibilidade da marca gráfica nos materiais digitais deve-se seguir as dimensões determinadas.
marca gráfica
p. 12
usos incorretos
x opar Não distorça o logo
x opar Não use cores não oficiais
x opar Não exclua nenhum elemento
x opar Não altere a disposição dos elementos
Atente-se ao usos incorretos! Para manter o padrão da identidade visual as cores e formas não devem ser alteradas. marca gráfica
p. 13
usos incorretos
x
x
opar
opar Não altere a tipografia
marca gráfica
x
Não aplique apenas contorno
Não aplique sombras ou brilhos
x opar Não aplicar em fundos que dificultem a leitura
p.14
Elementos Tipografia Cores Grafismos Ilustração e Texturas Imagery Tom de voz
Tipografia
Fredoka One Regular abcdefghijklm nopqrstuvwyz /.,:!?*$ A tipografia principal utilizada no logotipo é a Fredoka. Pode ser aplicada também em títulos. Possui formas mais arredondadas, transmitindo um visual divertido.
elementos
shorelines
abcdefghijklm nopqrstuvwyz .,:!?*$
A fonte Shorelines é utilizada também no logotipo. É fluída e leve, contrastando com o peso dos símbolos e da tipografia principal.
p. 16
Tipografia
Century Gothic
Trebuchet MS
abcdefghijklm nopqrstuvwyz /.,:!?*$
abcdefghijklm nopqrstuvwyz /.,:!?*$
A fonte Century Gothic, pode ser usada em todos os seus pesos, para títulos e textos.
A tipografia Trebuchet é uma fonte leve e simples que se comporta bem em textos corridos. Será aplicada nos textos dos layouts da opar.
elementos
p. 17
Cores principais
c m y k
45 0 9 0
r 140 g 211 b 210
c 25 m 100 y 90 k 15
r 161 g 0 b 10
c 0 m 16 y 70 k 0
r 254 g 214 b 70
As cores principais que são aplicadas no logotipo foram escolhidas a partir de um estudo de cores. Todas transmitem sensaçþes e significados que se relacionam aos conceitos incorporados neste sistema de identidade de visual. elementos
p. 18
Cores secundárias
c 7 m 59 y 35 k 1
r 228 g 100 b 113
c 34 m 44 y 0 k 55
r 75 g 56 b 84
c 25 m0 y 3 k 0
r 191 g 231 b 233
c 2 m 29 y 25 k 1
r 244 g 178 b 161
c 0 m3 y 40 k 0
r 254 g 247 b 150
As cores secundárias foram escolhidas a partir da geração de paletas de cores de um painel semântico. Estas cores não devem ser aplicadas no logo, mas sim no desenvolvimento das artes e layouts. elementos
p. 19
Grafismos
Estes grafismos possuem formas mais retas e foram tiradas da tipografia Fredoka. Remetem à diversão.
elementos
Estes grafismos são formas mais orgânicas, por isso trazem equilibrio ao sistema de identidade pois constrastam com as formas sólidas do logotipo. Remetem à patinhas e também às “manchinhas” do pelos dos animais.
Ícones de cão, gato e do coração que lembra o próprio logotipo. Só podem ser usados com contorno, de qualquer espessura e cor da identidade.
p. 20
Ilustração e Texturas
A ilustração, assim como os grafismos, pode ser usada para compor os layouts. Ela traz um tom divertido, e é um diferencial no sistema de identidade visual. As texturas e degradês podem ser utilizados como fundos e preenchimentos das artes e layouts. elementos
p. 21
Imagery
As fotos a serem usadas nos materiais de comunicação devem seguir esta linha: divertidas, espontâneas, aconchegantes e que transmitam os conceitos da organização.
elementos
p. 22
Tom de Voz
Aconchegante
Amorosa
Confiável
Divertida
A forma escrita que a OPAR se comunicará, também deve transmitir os conceitos da organização, por isso definiu-se um tom de voz. direção de redação
p. 23
Aplicações Institucionais Promocionais Sinalização
Institucionais
As aplicações auxiliam na visualização de como a marca gráfica irá se comportar nos materiais. Além disso, serve de base para os próximos materiais da ong, que devem seguir esta linguagem visual. aplicações
p. 25
Institucionais
aplicações
p. 26
Promocionais
Foi desenvolvida uma linha de produtos que OPAR pode vender nas suas feiras e eventos a fim de levantar fundos para os projetos. Os materiais são atrativos ao público, pois a ilustração comporta-se como uma “estampa” e se diferencia das peças institucionais.
aplicações
p. 27
Sinalização
Para a sinalização da OPAR em feiras e eventos foram desenvolvidos aplicações de banners. O ideal é que nestes materiais a marca gráfica esteja bastante vísivel. aplicações
p. 28
opar