MANUAL DE IDENTIDADE VISUAL
0
ÍNDICE 1. Introdução 2. A Marca 2.1 O que significa? 2.2 Personalidade 2.3 Versões 2.4 Área de segurança 2.5 Tamanhos mínimos 3. Cores 4. Tipografia 5. Itens acessórios
99
6. Aplicações incorretas 7. Aplicações em fundos 7.1 Aplicações em fotos/imagens 7.2 Aplicações em fundos sólidos 8. Aplicações físicas 8.1 Especificações de material 8.2 Métodos de impressão 9. Aplicações virtuais
03
1
INTRODUÇÃO Oie! Meu nome é Letícia Lazzarini Mestre (sim, Mestre), mas você pode me chamar só de Mestre mesmo ;). Não vou me desenhar porque vale mais a pena me conhecer ao vivo . Não tem nada a ver com mudar a cor de cabelo todo mês e ficar velho , não. Venho por meio deste te apresentar a minha marca, meus serviços, produtinhos e gatos! Nós, designers, costumamos chamar isso aqui de “Manual de Marca”, e usamos termos em inglês complicados que eu honestamente não quero te fazer aprender só para explorar essas poucas páginas. O que você precisa sentir é como se eu estivesse te apresentando minha casa! Então, relaxe, pode sentar em qualquer lugar e, aceita um café? Querendo me falar qualquer coisa durante ou depois da nossa tour, é só me chamar no e-mail leticia.L.mestre@gmail.com! (aceito trabalhinhos também, me contrate por favor <3)
04
1 Mas, afinal, o que é a tal da sua marca? “A tal da minha marca” nada mais é do que uma representação fofinha e cheia de gatos de mim que eu posso colocar al todo lugar para falar que “fui eu que fiz!”. Sabe quando os nossos pais escrevem o nosso nome na etiqueta da blusa da escola porque “Letícia, já é a segunda blusa esse mês!” ? É o mesmo sentimento.
Bom, agora que estamos apresentades e confortáveis, vamos às partes cansativas que eu vou tentar aliviar o máximo que eu puder com muitas imagens rosas, azuis e com gatos.
05
2
A MARCA 2.1 O que significa? O logo foi feito em cima de um desenho simples de duas mãos segurando uma na outra, para demonstrar a principal característica da marca: a parceria! A partir do desenho das duas mãos, foi criada uma simplificação para que as duas mãos se pareçam como dois “Z’s” na horizontal, com os traços em azul cadete (ou verde, eu nunca entraria nessa discussão com ninguém, só peguei o nome da internet, juro) cortando as letras e trazendo um pouco de variação. E, não é por nada não, mas não é que lembra um pouco yin e yang? Então, vou dizer que também fala de equilíbrio!
Acima: um desenho bem simples de duas mãos se segurando e o símbolo da marca. Coincidência? Eu acho que não.
06
2 Aqui: para ficar mais bem explicado, eu separei ele nos pedacinhos importantes que eu mencionei! Aliás, falei que ele vem com o “Lazzy” escrito embaixo também?
“Z” com um traço
x2
“LA” + “Z” com um traço x2 + “Y” Resumindo: na dúvida, faça “z” com um traço duas vezes.
0 7
2 2.2 Personalidade
A personalidade da marca deve ser entendida que nem os desenhinhos fofos, os gatinhos e o meu jeito de conversar com você: da forma mais amigável possível! Por mais que eu tenha muito orgulho em estudar e pesquisar design, ninguém merece termo técnico o tempo todo, né? Essa é a vibe!
2.3 Versões
Não é só de versão bonitinha e ideal que vive uma marca, então, te apresento os outros jeitos que você pode acabar vendo meu logo por aí (“aí” sendo meus produtos, favor não usar sem pedir!).
Versões horizontais
LAZZY LAZZY
08
2
09
2 2.4 Área de Proteção
Imagina que você é uma criança na pré-escola de novo. Lembra quando as professoras pediam para deixar um espaço de “um braço aberto” do amiguinho ? A área de proteção é isso, mas os braços são partes do próprio logo e os amiguinhos são outras marcas. No nosso caso, a largura e altura da nossa área de proteção é o corte dos “Z’s” dentro do círculo, aqueles na vertical. (A área de proteção, então, é o caminho em azul claro em volta!)
10
2 2.5 Tamanhos Mínimos
E se eu te falasse que a nossa bolinha simpática não fica tão simpática em tamanhos muito pequenos? Infelizmente, é a realidade. Por isso, a marca também tem versões especiais para tamahos piquituxos! Acima de 4,2cm (altura)
A partir de 4,2cm (z em verde, s/ traço)
A partir de 3,3cm (sem preenchimento)
dimensão min. = 1,2cm
30px
Acima de 2,7cm (altura)
Até 1,2cm (sem preenchimento)
A partir de 1,2cm (z sem risco, verde)
dimensão min.: 0,7cm 20px
11
3
CORES Rosa e azul. Existe casal melhor? Eu acho que não. Se você discorda de mim, você está errando. Mas, tudo bem, talvez uma olhada mais de perto nas cores da marca te faça perceber!
Azul clarinho HEX #B2D5E3 R 205 | G 137 | B 144 C 40% | M 0% Y 10% | K 0%
Azul Gaivota HEX #8CC0CD R 140 | G 192 | B 205 C 60% | M 0% Y 20% | K 0%
Rosa Rainha HEX #E1C3C8 R 225 | G 195 | B 200 C 05% | M 30% Y 15% | K 0%
Cinza Lavanda HEX #C9C7D8 R 201 | G 199 | B 216 C 25% | M 20% Y 10% | K 0%
Azul Cadete HEX #5EAAAD R 94 | G 170 | B 173 C 80% | M 0% Y 35% | K 0%
Puce HEX #CD8990 R 208 | G 138 | B 144 C 5% | M 60% Y 30% | K 0%
12
3 Cores Secundárias
Aqui as cores de apoio para quando as preferenciais não podem ser aplicadas (como as duas versões monocromáticas da marca).
Versão preto e branco Cinza 40%
Preto
Versão monocromática Magenta 50%
Magenta
13
4
TIPOGRAFIA Tipografia é “letra” no dicionário do designer. É literalmente a fonte que escolhemos para acompanhar o símbolo e que achamos que tem a ver com a imagem da marca! No meu caso, eu uso duas fontes redondinhas (elas não acabam num ângulo de 180º, mas num semi-círculo) porque todos os outros elementos também tem essa característica.
LOGO E TÍTULOS: BARIOL (BOLD) THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.
the quick brown fox jumps over the lazy dog. 0123456789 - !@#$%&*`´ Bariol bold | Bariol regular | Bariol light Bariol thin | Bariol bold italic | bariol regular italic Bariol light italic | Bariol thin italic OBS.: No logo, usa-se uma interferência nas letras “z”, o risco sendo parte da identidade, e não da fonte em si.
14
4 TEXTOS LONGOS: GEOMANIST THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.
the quick brown fox jumps over the lazy dog. 0123456789 - !@#$%&*`´ Geomanist regular | Geomanist italic
Então, com as duas fontes, podemos escrever o nome da marca (em bariol, ainda sem a interferência) e um subtítulo (em geomanist).
LAZZY design e ilustração 15
5
ITENS ACESSÓRIOS Finalmente, chegou a hora de te eu apresentar para os meus bichinhos! Essa parte de “itens acessórios” fala basicamente sobre elementos que acompanham a marca e fazem parte de uma mesma identidade, ou seja, tem características semelhantes. Como meu símbolo é feito de um círculo com quatro linhas, eu decidi me focar em construir coisas fofas a partir de “z”. Coisas fofas não demorou muito para resultar em “gatos”, porque eu sou uma pessoa simples. Essa é uma parte da marca que pode continuar crescendo indefinidamente, já que fazer bichinhos de módulos de “z” é muito divertido (você também deveria tentar!) e sempre bem-vindo. Aliás, tenho que avisar: uma marca não se construi só de gatinhos, então existem sim alguns elementos (que nós vamos ver em ação daqui a pouco) que são só linhas chatas que não formam nenhum tipo de bichinho fofo e, por isso, eu sinto muito.
16
5
(Eu chamo ele de zézin)
17
5
18
5
19
6
APLICAÇÕES INCORRETAS Agora que já passamos pelas cores e pelos gatinhos, eu imagino que você esteja amando a marca (por favor) e talvez pense em usar ela (por favor, não)! Mas, para isso, existem regras simples que não podem ser quebradas e erros que, se cometidos, vão me deixar inconsolável. Eu vou ensinar eles apenas uma vez e você tem que prometer não fazer, ‘tá bom?
1. Não retirar elementos.
2. Não rotacionar elementos.
20
6
3. Não adicionar versões. 4. Não distorcer (por favor).
LAZZY 5. Não alterar a fonte.
6. Não adicionar elementos. Nem se for um gatinho.
21
7
APLICAÇÕES EM FUNDOS 7.1 Aplicações em Fotos/Imagens
Agora que você já sabe como não aplicar a marca, que tal alguns exemplos de como aplicar certo? Vamos começar por imagens! A coisa mais importante nessas aplicações é ter cuidado com o contraste entre a marca e o fundo; é simples: não consegue ler direito? Tente aplicar outra versão. Se não tiver jeito, crie um quadro respeitando a área de proteção da marca. Ah, sim! Se possível, sempre colocar a marca num cantinho!
Foto de Nishant Aneja no Pexels
22
7
Foto de Min An no Pexels
23
7 Foto de Bekka Mongeau no Pexels
24
7
Foto de Flickr no Pexels
25
7 7.2 Aplicação em Fundos Sólidos
Muito mais fácil entender esse se você entendeu o passado: dessa vez, nem tem como se distrair com os gatinhos! Fica aqui a simples demonstração de que versão usar com cada cor da marca.
26
8
APLICAÇÕES FÍSICAS Eu vou ser sincera com você: eu não tenho dinheiro para fazer nada do que eu vou te mostrar nessas próximas páginas, mas editar mockups para fingir que eu tenho não custa nada, né? Então, essa parte é só sobre como aplicar a marca a produtos físicos.
8.1 Especificações de materiais
Algumas especificações simples sobre os materiais para o melhor funcionamento da marca e a felicidade da designer: - Se possível, sempre aplicar papelaria em papel reciclado ou kraft. - Se possível, optar por materiais/produtos veganos.
8.2 Métodos de impressão
A regra aqui é simples: pode ser holográfico? Então, faça ser holográfico. Infelizmente, nem tudo pode ser holográfico. Então especificações maiores tiveram que existir. A vida dá dessas. - Sempre que possível, aplicar hot stamping holográfico em suportes de papel. Usar o foil código FD-200 (corações). Em sua ausência, usar o FD-223 (bolinhas), e, como terceira opção, FD-216 (estrelas). - Quando aplicar “rosa rainha” ou “azul claro” por serigrafia, aplicar máscara branca por baixo. Aplicar serigrafia no uso de papel kraft.
27
8
29
8
31
8
33
8
35
8
37
8
39
9
APLICAÇÕES VIRTUAIS Falar que eu estou perto de acabar essa seção seria uma mentira. O mundo é digital e minha marca precisa estar nele, brilhando em rosas e azuis! E um dia, ela estará. Por ora, algumas instruções muito básicas sobre como usá-la em mídias sociais e no site (que ainda não foi ao ar, por isso nem adianta clicar no link!): - Na construção de sites, optar pela fonte “Montserrat” ou “Open Sans”; - Como foto de perfil, utilizar fotos com tons de azul e rosa ou qualquer um dos gatinhos da marca; - Respeitar quais cores podem sobrepor quais cores, pensando sempre na legibilidade e contraste. Agora, as aplicações que já existem! Instagram: instagram.com/lazzy.design
40
9 Captura de tela do site www.lazzy-design.weebly.com
41
9 Behance: behance.net/leticialmestre
Assinatura de e-mail (Leticia.L.mestre@gmail.com)
43
TE VEJO POR AÍ! :)