Manual de Identidade Visual
Ismael Pereira Lourenรงo GDG 2013 TN
Sumário Introdução
3
Conceito
4
A marca
5
Grid contrutivo
6
Margem de segurança
7
Reduções máximas
8
Paleta de cores
9
Tipografia
11
Como aplicar a marca
12
Aplicações (exemplos)
14
Introdução A loja de doces ‘Doces Zé Garoto’ é um estabelecimento comercial atuante no centro da cidade São Gonçalo, praticamente em frente a praça principal que se chama ‘praça zé garoto’ portanto o nome do estabelecimento. Esse manual tem por objetivo auxiliar o manuseio e aplicação da marca ‘Doces Zé Garoto’.
3
Conceito Ao olhar à marca atual da loja, ficou claro que o mascote que era usado erradamente como simbolo poderia ser melhorado e desenvolvido para se tornar uma marca em potencial. A nova marca desenvolvida combina o bom humor exalado no estabelecimento, a transparencia e a eficiencia da loja. O simbolo atual é uma evolução do mascote hoje usado como marca do negócio. Simplificado e objetificado, o que era ruido de informação visual agora se torna foco e contrário ao que era transmite uma mensagem – a verdadeira face do estabelecimento ‘Doces Zé Garoto’. A cores Vermelho e Amarelo foram indicadas como obrigatórias no redesign da marca, principalmente pela função das cores em indicar que o produto é do setor ‘alimenticio’.
4
A Marca A marca Doces Zé Garoto é composta por símbolo e tipografia. Abaixo estão alguns exemplos de como a marca pode ser usada. Simbolo e tipografia podem ser usados com excessão da tipografia na versão horizontal. É proibido.
[símbolo + tipografia (vertical)]
[tipografia (vertical)]
5
[símbolo + tipografia (horizontal)]
[símbolo]
Grid Construtivo A medida usada para ‘x’ nessa marca é o tamanho é a largura da letra ‘O’. Pode se ver que a proporção da cabeça usada na malha é de 4’O’ e meio.
[Versão Vertical (OFICIAL)]
[Versão Horizontal]
X
6
Margem de Segurança Quando a marca estiver em uma peça com outros elementos, a distancia mínima de um ‘O’ deve ser dada. Aqui está se levando em conta apenas a versão horizontal e vertical em contal. A mesma lógica deve ser aplicada com a versão somente com tipografia e somente símbolo
[Versão Vertical (OFICIAL)]
7
[Versão Horizontal]
Reduções Máximas A seguir estão as orientações para reduções mínimas da marca para impressos e meios digitais.
8
[símbolo + tipografia (vertical)]
[símbolo + tipografia (horizontal)]
10mm
33mm
10px
33,5px
[tipografia (vertical)]
[símbolo]
10mm
10mm
13px
10px
Paleta de Cores A seguir estão as orientações para reduções mínimas da marca para impressos e meios digitais.
cmyk 0 15 90 0 rgb 225 213 48 pantone 661 C
cmyk 20 100 90 10 rgb 183 pantone 484 C
cmyk 35 95 90 50 rgb 0 90 15 0 pantone 504 C
Versões Monocromáticas
cmyk 0 0 0 100 rgb 0 0 0
9
cmyk 0 0 0 0 rgb 255 255 255
Paleta de Cores Continuação
Escala de Cinza
cmyk 0 0 0 0 rgb 225 255 255 pantone ?
cmyk 0 0 0 50 rgb 149 149 149 pantone cool gray 9 C
cmyk 0 0 0 100 rgb 0 0 0 pantone coated black C
***Outras Cores permitidas, somente em casos nescessários.
cmyk 0 15 90 0 rgb 255 213 48 pantone 611 C
10
cmyk 20 100 90 10 rgb 187 32 47 pantone 484 C
Caso seja nescessário fazer em escala de cinza, segue o modo indicado de se usar a marca.
Tipografia Helvetica Round abcdefghijklmnopqrstuwxyz abcdefghijklmnopqrstuwxyz 1234567890/-+.!@#$%¨&*()_
Fonte usada na marca * Pode também ser usada em títulos ** Só poderá ser usada em Bold. Suas outras váriações são proibidas
Swis721 Win95BT abcdefghijklmnopqrstuwxyz abcdefghijklmnopqrstuwxyz 1234567890/-+.!@#$%¨&*()_ abcdefghijklmnopqrstuwxyz abcdefghijklmnopqrstuwxyz 1234567890/-+.!@#$%¨&*()_
abcdefghijklmnopqrstuwxyz abcdefghijklmnopqrstuwxyz 1234567890/-+.!@#$%¨&*()_
11
Fonte de Apoio * Só poderá ser usada em corpo, legendas e comentários. Nunca como título ou texto de destaque.
Como Aplicar a marca Esses são exemplos de como aplicar a marca e diferentes cenários. Serve para todas as versões (somente tipografia, somente simbolo, etc) de marca sugeridas nesse manual. Fundos Escuros
Fundos Claros
12
Como Aplicar a marca Fundos coloridos Para fundos coloridos deve se usar uma tarja branca com a marca colorida, lembrando-se da margem de segurança proposta nesse manual.
NĂŁo Pode alterar cor
13
distorcer
alterar rotaçao
tipografia na horizontal
alterar desenho
sem tarja em fundos multicoloridos
Aplicações
14
Exemplos
Aplicações
15
Exemplos
Manual de Identidade Visual
Ismael Pereira Lourenรงo GDG 2013 TN