manual de identidade visual
zigue~zague
pรกgina 2
zigue~zague
O projeto a seguir, consiste na criação de conceito do estúdio de design zigue~zague, sua marca, usos e aplicações. Desenvolvido para o segundo semestre de Design Gráfico da FAM.
página 3
zigue~zague
06.
08.
Introdução
Conceito
Qual é o objetivo final desse material? Como usá-lo?
10.
Mas e de onde surgiu esse nome? Qual é a sua história?
Argumento
Nossa missão, visão, valores e princípios. Num capítulo só. Será que dá?
página 4
16.
zigue~zague
Marca
Do conceito à criação.
14. Quem somos?
Quem faz a mágica acontecer?
18. logotipo
36. marca & fundos
22. símbolo
42. redução
26. lettering
44. usos corretos & incorretos
30. tipografia
46. apoios gráficos
34. paleta cromática
48. Aplicações
Como a marca se desdobra?
página 5
in du tro ção
zigue~zague
01
Qual é o objetivo final desse material? Como usá-lo?
página 6
01. introdução
o que é?
para que serve?
O MIV é um documento que explica, exemplifica e ilustra os elementos gráficos de representação de uma empresa e sua marca.
Para comunicar a essência da marca, bem como seus valores, visando garantir o uso correto de sua identidade e aplicações.
?
con cei 02
Mas e de onde surgiu esse nome? Qual é a sua história?
zigue~zague
to página 8
02. conceito
zigue~zague
história Em novembro de 2016, Genevieve von Petzinger, paleoantropóloga da Universidade de Victoria, no Canadá, iniciou um estudo inédito sobre arte rupestre no período Paleolítico. Von Petzinger encontrou registros de 32 traços que se repetem em diferentes cavernas de toda a Europa. Registros simples: apenas linhas em zigue-zague, pontos, triângulos inacabados, cruzes retorcidas ou algo que lembra figuras geométricas. Acompanhada de um fotógrafo, a paleoantropóloga catalogou meticulosamente os sinais até chegar a uma espécie de repertório, que se repete nas pedras de diferentes grutas: um totalde 32 símbolos.
Símbolos específicos, que se encontram em mais de 52 cavernas. Para Von Petzinger e para nós, é uma clara mensagem de que esta descoberta se trata de uma espécie primitiva de código, ou alfabeto, pré estabelecido e compartilhado por diferentes grupos no período Paleolítico.
Um dos primeiros registros de comunicação do ser humano, um alfabeto, datado de mais de 10 mil anos de idade Também entendemos que há uma necessidade de olharmos para o nosso passado, para entendermos onde estamos e até onde iremos, e como faremos para chegar lá. Valorizar o tempo, a evolução da linguagem e pensamento também nos é muito importante, e por isso, simbólicamente adicionamos uma ampulheta no nosso símbolo, e em nossas bases filosóficas.
E é com essa base que decidimos balizar todo nosso projeto.
FONTE: The First Signs: Unlocking the Mysteries of the World’s
Oldest Symbols, Genevieve von Petzinger.
página 9
ar gu men to 03
zigue~zague
Nossa missão, visão, valores e princípios. Num capítulo só. Será que dá?
página 10
zigue~zague
transformamos ideias complexas e densas em linguagem acessível e inteligente. essa é nossa missão.
página 11
zigue~zague
nosso caráter
Somos democráticos, e fazemos design inteligente de alta qualidade. Nosso caráter também está alinhado com o pensamento que tínhamos como coletivo, há mais de 10 mil anos atrás. Trabalhamos com branding, pesquisamos, estudamos e criamos identidades fortes e memoráveis. Para isso desenvolvemos um propósito simples, claro e objetivo; assim como as linhas em ziguezague, que eram simples de serem replicadas e memorizadas no período Paleolítico.
página 12
página 12
zigue~zague
Prezamos pelas bases, não fazemos design por apenas design. Buscamos e alinhamos propósitos, e para isso, maturamos e amadurecemos todos nossos conceitos; estéticos ou filosóficos.
página 13
zigue~zague
tá...mas, e quem são vocês? página 14
quem faz a mágica acontecer?
página 14
zigue~zague
cássia freire
ramon santos
R.A 111193
R.A 109986
joão marcos
R.A 109330
luiz fernando
thalita costa R.A 032007
R.A 109012
guilherme araújo
R.A 047043
página 15
a 04
Do conceito à criação.
zigue~zague
mar ca página 16
zigue~zague
pรกgina 17
Versรฃo principal
pรกgina 18
zigue~zague
pรกgina 18
Versรฃo secundรกria
zigue~zague
pรกgina 19
zigue~zague
logotipo
construção O logotipo do zigue-zague, em sua assinatura principal, une o símbolo e o lettering numa composição harmônica. Utilizamos a proporção da largura da letra “Z”, para definir o quadrado X que determina as métricas proporcionais da marca.
página 20
página 20
04. a marca
zigue~zague
Assinatura principal
Uso do símbolo
Essa é a nossa assinatura padrão, ela garante destaque para todos os elementos da marca de uma forma coerente. O uso desta versão é preferencial.
O símbolo poderá ser utilizado de forma isolada, quando o uso do lettering ou do logotipo não for possível.
x
1.35x
1.35x
x
Assinatura secundária
Área de proteção
Já a versão vertical, foi criada para ser a segunda assinatura com o símbolo. Deverá ser utilizada como secundária, e aplicada a partir de uma avaliação sob o material a ser produzido.
O logotipo necessita de uma área de proteção ao seu redor, a qual nenhum outro elemento poderá ultrapassar. Esta área de proteção deverá ser mantida para que a marca não encoste nas bordas do material onde for aplicada, e para que nenhum outro objeto interfira em seu espaço gráfico. A área de proteção é igual a medida X.
página 21
zigue~zague
símbolo
O nome zigue-zague é uma onomatopeia, e suas letras já são representativas. O Z, é o próprio zigue-zague em forma. Aliamos isso com o conceito da ampulheta, e partimos para a construção simbológica da nossa marca.
página 22
página 22
zigue~zague
pรกgina 23
zigue~zague
símbolo
construção O processo de construção simbólica, originou-se a partir da forma da letra “z”, replicada e espelhada, de maneira a remeter uma ampulheta. Utilizamos um grid angular de 45º para construi-lo de maneira equilibrada e simétrica.
página 24
página 24
zigue~zague
O símbolo fora construído com
Suas linhas, grids e cantos
E foi construído visando uma
uma base angular de 45 º
arredondados são proporcionais
harmonia visual e simétrica
página 25
zigue~zague
lettering
Basedo na tipografia principal, criamos o lettering do zigue-zague, com um ajuste de kerning e tracking ótico. Elaboramos duas assinaturas alternativas para serem utilizadas de forma isolada do símbolo. De maneira a manter o seu valor identitário na comunicação de marca do zigue~zague.
página 26
página 26
zigue~zague
pรกgina 27
zigue~zague
lettering
construção O processo de construção do lettering, tem origem na tipologia Circular. Além dos ajustes já citados, tivemos um cuidado também em estruturar as assinaturas secundárias, nas medidas e grids métricos do logotipo. O lettering poderá ser utilizado de maneira isolada, avaliando sempre o material a ser produzido.
página 28
página 28
04. a marca
zigue~zague
Assinatura principal
Área de proteção
Essa é a nossa assinatura secundária padrão, ela é a versão preferencial quando não houver uso do símbolo aliado ao lettering.
O lettering também necessita de uma área de proteção ao seu redor, bem como o logotipo e símbolo.
Ela transmite os conceitos principais da marca.
A área de proteção também é igual a medida X.
Assinatura secundária Já a versão secundária, foi criada para ser a segunda assinatura sem o símbolo. Deverá ser utilizada como secundária, e aplicada a partir de uma avaliação sob o material a ser produzido.
página 29
zigue~zague
Circ tipografia
A padronagem tipográfica é um meio de garantir unidade gráfica aos materiais de comunicação de uma marca.
Família tipográfica primária
Circular Std
Escolhemos a tipografia Circular Std, como nossa tipografia principal, por demonstrar os nossos valores como marca e estúdio. O seu uso é indicado para títulos, sub-títulos, chamadas e textos curtos. Utilizamos os pesos Book, Medium e Bold em nossa comunicação.
página 30
página 30
zigue~zague
cular Circular Std Book
Circular Std Medium
ABCDEFGHIJKLMNOPQRSTUV W X YZ
ABCDEFGHIJKLMNOPQRSTUV W X YZ
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%&*(<>)/?;
0123456789!@#$%&*(<>)/?;
Circular Std Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%&*(<>)/?;
pรกgina 31
Lato zigue~zague
tipografia secundária
A tipografia secundária, ou, tipografia de apoio, é utilizada para blocos de textos, e conteúdos extensos.
Família tipográfica de apoio
Lato
Escolhemos a tipografia Lato para massas de texto. Suas formas simples contribuem para uma leitura agradável aos olhos. Utilizamos os pesos Regular e Bold.
página 32
página 32
o
zigue~zague
Lato Regular ABCDEFGHIJKLMNOPQRSTUV W X YZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%&*(<>)/?;
Lato Bold ABCDEFGHIJKLMNOPQRSTUV WX YZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%&*(<>)/?;
pรกgina 33
zigue~zague
paleta cromática As cores institucionais são de grande importância na identificação visual da marca, sua utilização de forma correta otimiza o reconhecimento por parte do público. O zigue~zague possui duas cores primárias institucionais, sendo elas o preto-azulado e o rosa.
Pantone — Black 6C Cmyk — 40/10/00/95 Rgb — 11/14/29 Hex — #0b0e1d página 34
página 34
zigue~zague
Pantone — 226U Cmyk — 05/85/00/00 Rgb — 225/66/144 Hex — #e14290 página 35
zigue~zague
marca & fundos
A utilização do logotipo em fundos, é algo de extrema importância devido a harmonia e a identidade cromática. A seguir, exemplificamos as regras e indicações de uso para as cores institucionais, tons, versões monocromáticas e escalas de cinza.
página 36
página 36
zigue~zague
pรกgina 37
zigue~zague
versões monocromáticas O logotipo poderá ser utilizado em versões monocromáticas nas cores institucionai quando for necessário. Lembre-se de sempre avaliar o material a ser produzido na hora da escolha.
60%
100%
85%
50%
40%
página 38
30%
15%
5%
zigue~zague
100%
90%
80%
60%
50%
40%
pรกgina 39
30%
15%
5%
zigue~zague
versão p&b Quando não for possível a utilização das cores institucionais e suas assinaturas preferenciais, utilizar a versão p&b, positiva ou negativa, conforme o esquema a seguir.
60%
100%
85%
50%
40%
página 40
30%
15%
5%
Versão positiva
Versão negativa
zigue~zague
página 41
zigue~zague
redução
página 42
Quando aplicamos a marca em materiais impressos ou digitais que tenham limitação de espaço, além de avaliar a área de proteção, devemos levar em consideração uma redução que permita a legibilidade e leiturablidade do símbolo, lettering ou logotipo.
página 42
04. a marca
zigue~zague
Redução máxima Para assegurar a legibilidade da nossa marca, existem tamanhos de aplicação mínimos permitidos. Em materiais impressos, a redução máxima para as assinaturas principais é de 20mm. Para as assinaturas secundárias, 20mm. Para o uso do símbolo de forma isolada, 10mm.
Já em peças digitais, indicamos 100px para assinaturas prinicipais e secundárias, e 50px para o símbolo de forma isolada.
página 43
zigue~zague
usos corretos & incorretos
Além do que já foi explicitado anteriormente, devemos tomar alguns cuidados na hora de aplicar a marca. Seja a assinatura principal, secundária, ou apenas o símbolo, é importante a manutenção dos padrões unitários de forma, cor e identidade da marca. A seguir, citamos alguns usos corretos e incorretos para exemplificação. Reiteramos o uso do bom-senso na hora de aplicar e desdobrar a marca.
página 44
página 44
Não inverta o uso das cors
zigue~zague
Não estique
Não rotacione
Baixo contraste; Falta de leiturabilidade e legibilidade
Quando o uso preferencial de fundo não for possível, utilize a versão preto e branco, avaliando a legibilidade e contraste
Não altere a versão preto e branco
Quando necessário, o uso monocromático nas cores da marca, é permitido
página 45
zigue~zague
apoios gráficos
Temos dois apoios gráficos utilizados na composição dos nossos materiais. As linhas em zigue~zague, são o apoio principal, e deverão ser utilizados para apoio e composição visual. Não há regras específicas para sua utilização dado o fato de serem linhas randômicas.
página 46
página 46
zigue~zague
Com apoio secundário, temos a ilustração da ampulheta, que deverá ser utilizada em materiais como: pôsteres, capas e materiais de cunho “artístico”. O seu uso deverá ser comedido e avaliado de acordo com a necessidade do material. O uso de ambos num mesmo material é permitido, desde que não haja excesso de informação visual.
página 47
apli ca ções 05
zigue~zague
Como a marca se desdobra?
página 48
zigue~zague
A seguir, reunimos os principais exemplos de aplicação e desdobramento do material institucional impresso e digital.
pĂĄgina 49
zigue~zague
timbrado 4x4 & lâmina institucional
pĂĄgina 50
zigue~zague
cartรฃo de visita
pรกgina 51
zigue~zague
pรกgina 52
zigue~zague
pรกgina 53
zigue~zague
envelope carta
pรกgina 54
zigue~zague
pรกgina 55
zigue~zague
pรกgina 56
zigue~zague
pรกgina 57
zigue~zague lâmina institucional
pĂĄgina 58
zigue~zague
livro portfรณlio capa dura
pรกgina 59
zigue~zague
pasta aberta & papel timbrado
pรกgina 60
zigue~zague
pรกgina 61
zigue~zague lâmina institucional
papel timbrado
pĂĄgina 62
zigue~zague
envelope carta
lâmina institucional
cartão de visita página 63
zigue~zague
site institucional
pรกgina 64
zigue~zague
capa e perfil facebook
pรกgina 65
zigue~zague
novembro 2018 zigue~zague pรกgina 66
zigue~zague
pรกgina 67
zigue~zague
pรกgina 68