Guia da marca
Manual de identidade visual Instituto gremar
Design gráfico com ênfase em tipografia
Gremar
Manual de identidade visual Augusto P. de Camargo - RA 20844495 Caio Sampaio Rossetti – RA 21009686 Jefferson Oliveira Santos- RA 20403705 Raul Victor Alves dos Santos - RA 21009223 Raphael Ribeiro Marchioretti – RA 21011021 Thaíni de Oliveira Novaes - RA 20769115
Sistema visual da marca Orientador:
Ricardo Balija
Apresentação Visão geral
5
Painel semântico
6
Fotos pesquisa de campo
8
A Marca
Índice
Manual de Identidade Visual
Gremar
11
Grid de construção
12
Área de redução e proteção
14
Versões
16
Tipografia
18
Cores
20
Ilustrações e grafismo
22
Usos indevidos
25
Manual executivo Peças institucionais e promocionais
30
gremar
Manual de Identidade Visual
Apresentação Manual de Identidade Visual
4
gremar
Manual de Identidade Visual
Visão Geral O desenvolvimento do projeto tem como principal objetivo o sistema visual da marca da ONG, Instituto Gremar- pesquisa, educação e gestão da fauna , cujo proposito é a produção de um trabalho conjunto entre disciplinas identificadas propiciando a integração dos conteúdos teóricos e práticos abordados no semestre. A Gremar é uma organização não governamental pioneira, fundada no Guarujá, em 2004 . Desde então trabalha por meio de equipes multidisciplinares no monitoramento ambiental e reabilitação de animais vitimizados. A visão da Gremar é promover a conservação marinhacosteira e colaborar sempre com a sustentabilidade das futuras gerações. Simpatizamos e nos identificamos com osvalores do Instituto Gremar e por isso decidimos desenvolver nosso projeto baseado nas atividades e praticas desenvolvidas por eles , neste projeto tivemos a oportunidade de testar e evoluir as abordagens práticas na conceituação e produção de um sistema de identidade visual que transmite a personalidade e a visão do Instituto Gremar.
5
gremar
Manual de Identidade Visual
“Contato com a vida marinha e expansão de consciência.” Painel Semântico Nas primeiras etapas do projeto, criamos um painel semântico para nos auxiliar nas próximas fases de desenvolvimento com objetivo reunir referências visuais para contribuir no processo criativo ao longo da conceituação da identidade.
6
gremar
Manual de Identidade Visual
7
gremar
8
Manual de Identidade Visual
gremar
Manual de Identidade Visual
“Fornecemos ações que promovam a conservação marinha e costeira e a sustentabilidade das futuras gerações.” Durante a nossa visita ao Instituto Gremar pudemos observar o todo o trabalho de resgate e habilitação dos animais.
9
gremar
Manual de Identidade Visual
A marca
Manual de Identidade Visual
10
Conceito A inspiração para desenvolver a logo da Gremar foi criar um dialogo entre todos os aspectos do instituto: A Pesquisa, Educação e gestão de fauna. Por isso optamos por algo mais simples e minimalista que transmitisse corretamente a base de todas essas questões sem abandonar toda a história e tradição do logo original.
O logo do Gremar é simples e bem minimalista composto da palavra GREMAR escrito com base na tipografia Poppins Bold em caixa baixa estabelecendo um aspecto mais intimo e amigável. Outra característica marcando no logo é o circulo que engloba a tipografia remetendo ao planeta terra, a água e a vida marinha.
11
gremar
Manual de Identidade Visual
Grid de Construção Para a criação do logo do instituto nós utilizamos o retângulo áureo como base, dispondo um circulo sob a altura do mesmo e alinhando o nome da marca na divisão maior do retângulo e extendendo a tipografia até as bordas da circunferência.
12
gremar
Manual de Identidade Visual
O circulo em azul representa o planeta e a vida marinha, a forma que o nome da marca sobrepĂľe o circulo determina a consciĂŞncia e o cuidado que o gremar tem com toda a fauna maritima.
13
gremar
Manual de Identidade Visual
Redução Máxima O logo nunca deve ser reduzida a um tamanho menor que 8mm de base. Veja o exemplo ao lado.
8mm
14
gremar
Manual de Identidade Visual
Área de Proteção Para a criação do logo do instituto nós utilizamos o retângulo áureo como base, dispondo um circulo sob a altura do mesmo e alinhando o nome da marca
15
gremar
Manual de Identidade Visual
Versões Para casos especiais em que o uso da assinatura visual da Gremar é necessário em apenas uma cor, possuímos a versão monocromática positiva e versão monocromática negativa e uma versão de recorte para fundos com fotos.
Versão Monocromática Versão preferencial monocromática para diversas aplicações
Versão Negativa Versão negativa para aplicações em fundos com tonalidades mais claras.
16
gremar
Manual de Identidade Visual
Versão Positiva Versão positiva para aplicações em fundos com tonalidades mais escuras.
Versão Recorte Versão de recorte deve ser utilizada para aplicações em fundos com tonalidades mais escuras ou para fundos com fotografias.
17
gremar
Manual de Identidade Visual
Tipografia Poppins
Aa
Poppins Bold 18
As fontes geométricas e sem serifa têm sido um elemento do design popular desde 1920. Poppins é um dos recém-chegados desta longa tradição. Publicada em 2014 pela Indian Type Foundry, os tipos da Poppins foram projetados primeiramente em Devanagari, usado para as línguas como Hindi e Nepalês por Ninad Kale e depois adaptados para o latim por Jonny Pinhorn.
A família Poppins inclui cinco pesos, da Light até o Bold. Escolhemos a Poppins pois a fonte é baseda na geometria pura, particularmente nos círculos também presentes na criação do logo da Gremar com o conceito de planeta e água. As letras de Poppins são praticamente monolineares, embora correções óticas tenham sido aplicadas para manter uma uniformidade no texto.
AaBbCcDdEeFf GgHhIiJjKkLlMm NnOoPpQqRrSs TtUuVvWwXxYyZz 1234567890!@#$%
gremar
Tipografia Merriweather
Aa
Merriweather Light
Manual de Identidade Visual
Lançada em 2010 por Eben Sorkin, Merriweather foi projetado para ser utilizada em grandes massas de texto, feita especificamente para telas. Possui 4 estilos: Regular, Light, Bold e Black. Merriweather apresenta uma altura maior e formas de letra ligeiramente condensadas, um estresse diagonal suave, serifas resistentes e formas abertas.
AaBbCcDdEeFf GgHhIiJjKkLlMm NnOoPpQqRrSs TtUuVvWwXxYyZz 1234567890!@#$% 19
gremar
Manual de Identidade Visual
Paleta de Cores As cores possuem grande importância na identidade visual da gremar, pois além de comunicar os valores do instituto também é responsável pela otimização do reconhecimento por parte do público. A marca da gremar deve ser utilizada com essa paleta de cores em todos os veículos de comunicação. Ela sempre deve ser aplicada em suas cores principais.
20
gremar
Manual de Identidade Visual
R
G
B
R
G
B
R
G
B
0
174
239
247
148
29
51
51
51
C
M
Y
K
C
M
Y
K
C
M
Y
K
70
10
10
0
0
55
90
0
0
0
0
80
21
gremar
22
Manual de Identidade Visual
gremar
Manual de Identidade Visual
Ilustrações da Identidade Com o objetivo de aproximar a identidade do instituto com toda a sua causa criamos ilustrações que remetessem aos animais vitimizados que a ong resgata e reabilita para a vida marinha.
Tartaruga verde
Procuramos deixar os animais o mais próximo possivel da realidade sem estilizar ou animar demais para conectar as ilustrações a realidade que esses animais vivem.
Leão marinho
Penguin de magalhães
23
gremar
Manual de Identidade Visual
Grafismo Outro elemento presente na identidade da ong é o grafismo em forma de ondas pode ser utilizado tanto na forma de pattern como um elemento de apoio em documentos ou peças de divulgação.
24
Para a concepção e criação desse grafismo que representam as ondas do mar usamos circulos presentes em toda a identidade do instituto., elas devem ser utilizadas com no mínimo de 6 linhas de ondas como no exemplo abaixo:
gremar
Manual de Identidade Visual
Usos Indevidos É expressamente proibida a distorção da marca contrariando as proporções estabeleciadas. As alterações de cores deverão seguir o padrão cromático definido e o posicionamento dos elementos que compoõem a marca deverão ser respeitados. Distorcer
Alterar forma
Alterar tipografia
Alterar cores
Aplicar efeitos
25
gremar
Manual de Identidade Visual
Outros usos Indevidos
Rotacionar
26
Mudar proporçþes
Gradiente
gremar
Aplicar texturas
Remover elementos
Manual de Identidade Visual
Aplicar logo com um fundo de cor igual
27
gremar
Manual de Identidade Visual
Usos Indevidos das Ilustrações As ilustrações assim como o logo também possuem regras de aplicação e devem ser respeitadas. As ilustrações podem ser aplicadas com o logo sob as mesmas. No entanto o logo não pode sobrepor completamente nenhum membro ou a cabeça dos animais representados na ilustração.
Não sobrepor nenhum membro ou cabeça dos animais representados
28
Não centralizar o logo nas ilustrações
gremar
Não aplicar em baixa resolução
Não retirar a textura das ilustrações
Manual de Identidade Visual
Não adicionar ou retirar elementos elementos
29
gremar
Manual de Identidade Visual
Manual Executivo
Manual de Identidade Visual
30
gremar
Manual de Identidade Visual
Cartazes de Divulgação em A3 31
gremar
Manual de Identidade Visual
Camisetas para promover a ong
Cartaz de Divulgação ponto de ônibus 32
Material institucional
gremar
Manual de Identidade Visual
Canecas para promover a ong
Tags que acompanham os materiais de promoção
CartĂŁo de Visita
Ecobag para promover a ong 33
gremar
Manual de Identidade Visual
Placas de sinalização na sede da ong
Documento Institucional 34
Adesivo Institucional
Caixa de transporte de animais
gremar
Manual de Identidade Visual
35
www.gremar.com.br