58
TM VISUAL MANUAL D E IDENTIDADE VISUAL MANUAL DE IDENTIDADE VIsual GUIDELINES IDENTITY 2012

Manual de Identidade Ginga

Embed Size (px)

DESCRIPTION

Manual de Identidade

Citation preview

Page 1: Manual de Identidade Ginga

TMVISUALMANUAL DEIDENTIDADEVISUALMANUAL DEIDENTIDADE

VIsual GUIDELINES IDENTITY 2012

Page 2: Manual de Identidade Ginga

MANUAL DE IDENTIDADE VISUAL 2012BRAND IDENTITY GUIDE 2012

Page 3: Manual de Identidade Ginga

TM

MANUAL DE IDENTIDADE VISUAL 2012BRAND IDENTITY GUIDE 2012

ginga manual de identidade 02

Page 4: Manual de Identidade Ginga

Ginga é a artede contornaro incontornável.muito mais do que um modo de vida, ter ginga é viverleve, é amáximaexpressão do brasil.

1 Apresentação 2 tip

ograf a 3 Estrutura de texto 4 Logomarca

5 Aplicações de cor 7 V

aria

ções

8 E

spaç

o de

seg

uran

ça 9

Pos

icio

nam

e

nto Slogan 10 Tamanho mínimo 11 Uso incorreto 12 Considerações Finais

42 44

Page 5: Manual de Identidade Ginga

ginga manual de identidade 04

Ginga é a artede contornaro incontornável.muito mais do que um modo de vida, ter ginga é viverleve, é amáximaexpressão do brasil.

1 Apresentação 2 tip

ograf a 3 Estrutura de texto 4 Logomarca

5 Aplicações de cor 7 V

aria

ções

8 E

spaç

o de

seg

uran

ça 9

Pos

icio

nam

e

nto Slogan 10 Tamanho mínimo 11 Uso incorreto 12 Considerações Finais

sUMÁRIO 6

8 10

12 2

4

26

28

30 3

2 3

4 3

6 3

8

14 16

42 44

48 50 52 54

18

20

22

40

46

Page 6: Manual de Identidade Ginga

Este manual apresenta o uso dos elementos visuais básicos da

identidade da Agência Ginga, como logomarca, cor, imagem,

tipografia. Estes elementos básicos, combinados com os layouts

fornecidos e princípios de design relevantes aos vários grupos de

aplicação papelaria, material promocional entre outros), são usados

para criar todas as interpretações visuais da nossa marca.

APRESENTAÇÃOVisual Brand Identity 2012

Page 7: Manual de Identidade Ginga

Este manual apresenta o uso dos elementos visuais básicos da

identidade da Agência Ginga, como logomarca, cor, imagem,

tipografia. Estes elementos básicos, combinados com os layouts

fornecidos e princípios de design relevantes aos vários grupos de

aplicação papelaria, material promocional entre outros), são usados

para criar todas as interpretações visuais da nossa marca.

ginga manual de identidade 06

APRESENTAÇÃO

Page 8: Manual de Identidade Ginga

NOSSO MANIFESTO

Fluidez, brasilidade e inovação. As várias faces da Ginga determinam nosso papel no mercado para tornar as marcas mais brasileiras.

Page 9: Manual de Identidade Ginga

ginga manual de identidade 08

Fluidez, brasilidade e inovação. As várias faces da Ginga determinam nosso papel no mercado para tornar as marcas mais brasileiras.

Page 10: Manual de Identidade Ginga

A Ginga tem como essência a consolidação da marca como item necessário para o sucesso de seus clientes no mercado brasileiro.

Page 11: Manual de Identidade Ginga

ginga manual de identidade 10

A Ginga tem como essência a consolidação da marca como item necessário para o sucesso de seus clientes no mercado brasileiro.

Page 12: Manual de Identidade Ginga

A arquitetura da marca da Ginga tem dois objetivos: em pri-

meiro lugar, apoiar a estratégia da Ginga de desenvolver

uma identidade única, que não apenas simbolize o slogan

“Sua marca mais brasileira” e nossos valores: Inovação e Ex-

clusividade, mas também a idéia de que a empresa chega

para ser uma das agências de comunicação alternativa mais

respeitadas do mercado. Em segundo lugar, oferecer às

pessoas as informações necessárias.

NOSSA MARCA

Identidade Ginga

Page 13: Manual de Identidade Ginga

ginga manual de identidade 12

A arquitetura da marca da Ginga tem dois objetivos: em pri-

meiro lugar, apoiar a estratégia da Ginga de desenvolver

uma identidade única, que não apenas simbolize o slogan

“Sua marca mais brasileira” e nossos valores: Inovação e Ex-

clusividade, mas também a idéia de que a empresa chega

para ser uma das agências de comunicação alternativa mais

respeitadas do mercado. Em segundo lugar, oferecer às

pessoas as informações necessárias. Ao mesmo tempo em que devemos adotar sempre estas especificações básicas, não há intenção de restringir a criatividade. Muito pelo contrário, o objetivo é encorajá-la, dentro dos parâmetros de uso aqui definidos.

Page 14: Manual de Identidade Ginga

NOSSA TIPOGRAFIA

Emigre PLATELETPlatelet não é apenas um alfabeto de letras maiúsculas e minúsculas em três pesos. É na verdade e

acima de tudo, uma série de novas possibilidades tipográficas produzidas para estimular e ser obje-

to de identificação viajantes de espírito aventureiro.

A inspiração veio de placas nas areias das praias da Califórnia.

Page 15: Manual de Identidade Ginga

ginga manual de identidade 14

a b c de f g hi j l k m n o p q r s t u v x wy z

ginga

samba

frevo

platelet thin

platelet regular

platelet heavy

PLATELET

Page 16: Manual de Identidade Ginga

GOTHAM

Gotham é uma fonte inspirada nas formas dos tipos vernaculares da cidade de Nova York. Para sua criação foram retiradas milhares de fotografias de cada pedaço de letra presente nas placas, letreiros e faixas dos centros e estabelecimentos comerciais da cidade de Nova York.

Essa família tipográfica criada por Hoefler & Frere-Jones incorpo-ra também formas e espírito da tipografia das histórias de alguns superheróis.

Page 17: Manual de Identidade Ginga

ginga manual de identidade 16

a b c de f g hi j k l m n o p q r s t u v x wy z

GOTHAM

ginga

samba

frevo

Gotham thin

Gotham Regular

Gotham Black

Page 18: Manual de Identidade Ginga

EM TITULOS USA-SEPLATELET

Gotham é a família tipográfica a ser utilizada em textos longos e corridos e em subtitulos e frases destacadas como essa.

É importante que essas indicações sejam seguidas para que se mante-

nha a identidade dos trabalhos impressos e de todo e qualquer projeto

de design que envolva a marca ginga e seus demais braços e ramifica-

ções.

Page 19: Manual de Identidade Ginga

ginga manual de identidade 18

ESTRUTURA DE TEXTOA estrutura dos textos presente em todos os projetos gráficos da Ginga

propaganda deve obdecer impreterivelmente a estrutura da página ante-

rior, onde o título, sempre produzido com a família tipográfica Platelet se

apresenta quatro vezes maior que a família tipográfica Gotham, utilizada

como fonte de texto. Quando utilizada como subtítulo, a Gotham deve ser

3,5 vezes menor que o título em platelet. Portanto:

Platelet é 3,5x maior que Gotham (Subtítulo) e 4x maior que Gotham (texto contínuo)

Page 20: Manual de Identidade Ginga

NOSSA LOGO

Vertical

TM

Horizontal

TM

Aspectos Criativos

Page 21: Manual de Identidade Ginga

ginga manual de identidade 20

Nossa logo foi criada inspirada nos quadriláteros da Obra de Hélio Oitici-

ca, artista brasileiro conhecido globalmente, fundador do tropicalismo e

cujo trabalho é conhecido por representar a “estética da Ginga”, isto é, a

estética do brasil, principalmente da arquitetura das periferias brasileiras.

Por ser uma forma extremamente simples e ao mesmo tempo com multi-

plas possibilidades de variação, o quadrilátero “multiângular” foi escolhido

como o grande símbolo formal da agência.

Essa capacidade de mutação sem perder a identidade única é a principal

razão de utilizarmos essa logomarca, criada para associar seriedade e

jogo de cintura, a ginga brasileira e a nossa ginga, a sua ginga.

TMTMTMTMTM

Page 22: Manual de Identidade Ginga

ginga manual de identidade 21

NOSSAS APLICAÇÕES DE CORMonocromia, Policromia, Negativo & P&B

A logomarca da ginga em seu estado natural (sem aplicação de imagens

ou gradiente) é sempre monocromática. Somente uma cor deve ser usada

na logo, juntamente com o branco.

Ao lado, amostras de aplicação em fundo colorido, em Preto e Branco e

negativo.

Page 23: Manual de Identidade Ginga

Uma possibilidade quando se tiver um

fundo colorido para aplicar a logomarca

é utilizar tons na mesma cor daquele

fundo, desde que seus valores consigam

preservar a visualização da forma

Sobre fundo negro jamais utilizar branco

puro na forma quadrilátera. O que deve

ser feito é utilizar gradações de cinza que

vão de 30 a 50% Black.

Sobre fundo branco ou cinza claro

em impressões P&B, utilizar valores de

cinza que vão de 20 a 80 % black.

Sobre fundo colorido pode-se utilizar

qualquer cor na logomarca, desde que se

respeite os critérios cromáticos já citados

neste manual.

Page 24: Manual de Identidade Ginga

NOSSAS VARIAÇÕESVariações da Forma

A palavra ginga pode variar livremente horizontal ou verticalmente dentro da “área de atuação” (ver na página seguinte), desde que mantenha-se reta, sem rotação e de acordo com as proporções determinadas.

x

13x

13x

x13x

13x

Page 25: Manual de Identidade Ginga

ginga manual de identidade 24

Um quadrilátero que varia infinitamente foi a forma escolhida para representar

juntamente com a palavra “ginga“ a nossa agência. Esse quadrilátero pode

agir livremente dentro do que chamamos de “Área de Atuação”.

Essa “Área de Atuação” diz respeito a um quadrado simético de 13x por 13x,

sendo x, a altura x do corpo tipográfico usado em uma determinada aplicação.

Dentro da “Área de Atuação” o quadrilátero pode variar livremente, desde que

mantenha sempre sua condição de quadrilátero.

x x

13x 13x

13x 13x

Page 26: Manual de Identidade Ginga

NOSSAS VARIAÇÕESVariações da Forma

x

13x

13x

x13x

13x

Page 27: Manual de Identidade Ginga

ginga manual de identidade 26

Como dito as formas quadriláteras podem variar livremente den-

tro da “área de atuação”, mantendo sempre a palavra ginga em

seu interior sem deixar que esta vase e entre em contato com a

página que incorpora a forma quadrilátera.

x

13x

13x

x13x

13x

Page 28: Manual de Identidade Ginga

NOSSAS VARIAÇÕES

CMYK

12010013

CMYK

1007014

CMYK

1001644

CMYK

6211005

Variações cromáticas

Page 29: Manual de Identidade Ginga

A variação cromática deve se dar respeitando a seguinte regra:

O preto (K) jamais pode passar do valor = 13 e sempre um valor CM ou Y

devem estar =1, sendo que outro tem que estar com valor = 100 e somen-

te o que não for = 1 ou 100 pode variar, neste caso podendo variar livre-

mente.

Abaixo alguns exemplos:

CMYK

100 5014

CMYK

100511

CMYK

10012313

CMYK

11009913

ginga manual de identidade 28

Page 30: Manual de Identidade Ginga

NOSSAS VARIAÇÕES Aqui temos exemplo da variação de tons em cima de uma mesma cor,

reparem que neste exemplo o valor de (C) é sempre = 1, o valor de (Y) é

sempre = 100 e o (M) varia livremente, com o (K) se mantendo = 5.

É dessa maneira seguindo e mantendo essa regra que as variações cromá-

ticas da logo devem ser realizadas

CMYK

1151005

CMYK

1251005

CMYK

1451005

CMYK

1351005

Variações cromáticas

Page 31: Manual de Identidade Ginga

ginga manual de identidade 30

Aqui temos exemplo da variação de tons em cima de uma mesma cor,

reparem que neste exemplo o valor de (C) é sempre = 1, o valor de (Y) é

sempre = 100 e o (M) varia livremente, com o (K) se mantendo = 5.

É dessa maneira seguindo e mantendo essa regra que as variações cromá-

ticas da logo devem ser realizadas

CMYK

CMYK

1701005

CMYK

1601005

CMYK

11001005

1901005

Page 32: Manual de Identidade Ginga

NOSSAS VARIAÇÕESVariações cromáticas

TM

CMYK

1151005

TM

CMYK

1151005

TM

TM

CMYK

1601005

CMYK

1601005

TM

TM

CMYK

1251005

CMYK

1251005

TM

TM

CMYK

1451005

CMYK

1451005

TM

TM

CMYK

1351005

CMYK

1351005

Page 33: Manual de Identidade Ginga

ginga manual de identidade 32

TM

CMYK

1151005

TM

CMYK

1151005

TM

TM

CMYK

1601005

CMYK

1601005

TM

TM

CMYK

1251005

CMYK

1251005

TM

TM

CMYK

1451005

CMYK

1451005

TM

TM

CMYK

1351005

CMYK

1351005

Mais exemplos de variações cromáticas permitidas na logo. A variação de

tom em cada uma das cores é nitidamente percebida. Reparem no valor

=1, no outro = 100 e o valor restante que varia livremente.

Page 34: Manual de Identidade Ginga

NOSSAS VARIAÇÕES

O uso de gradientes na logomarca é possível desde que envolva apenas

uma cor e uma gradação entre apenas dois tons daquela cor.

Ao lado alguns exemplos da aplicação de gradientes na logomarca Ginga.

O critério cromático já citado neste manual deve ser seguido, na escolha

das cores da gradação.

Gradientes

Page 35: Manual de Identidade Ginga

ginga manual de identidade 34

Apenas uma cor deve ser utilizada em cada aplicação de gradiente. A cor branca e a cor preta nunca deve ser aplicadas.

Page 36: Manual de Identidade Ginga

NOSSAS VARIAÇÕES

Imagens podem ser livremente aplicadas no quadrilátero da marca

desde que respeitem os valores da marca e sua identidade. Isso quer

dizer que somente imagens de conteúdo positivo e alegre podem

ser utilizadas, bem como

imagens artísticas, como pinturas, ilustrações e fotografias.

Aplicações de imagens coloridas

Page 37: Manual de Identidade Ginga

ginga manual de identidade 36

Imagens que contenham cores e tons muito proximos do 100%

branco ou 100% preto não podem ser utilizadas. A primeira por

questões de legibilidade, pois comprometerá a capacidade de

leitura da palavra ginga. A segunda por restrições estéticas.

Page 38: Manual de Identidade Ginga

NOSSAS VARIAÇÕESAplicações de imagens P&B

Page 39: Manual de Identidade Ginga

ginga manual de identidade 38

Imagens P&B podem ser aplicadas livremente na logomarca, desde que sejam imagem positivas

ou de conteúdo artístico e que não possuem tons com grande proximidade do branco puro, a

ponto de comprometer a legibilidade da palavra ‘ginga’.

Page 40: Manual de Identidade Ginga

NOSSO ESPAÇO DE SEGURANÇA

x

x

x x

x

Page 41: Manual de Identidade Ginga

ginga manual de identidade 40

A margem de segurança da logomarca deve ser de x em cada um dos

quatro lados. Essa distância deve ser considerada não na logomarca em si,

mas sim na que nós chamamos de “área de atuação”.

O valor de x diz respeito a altura-x da palavra ginga, escrita com a família

tipográfica platelet.

Em caso de utilização de slogan juntamente com a logomarca, deve-se

considerar a margem de 2x da extremidade do slogan, mantendo em 1x o

espaço de segurança para a área de atuação da logo.

Page 42: Manual de Identidade Ginga

POSICIONAMENTO SLOGAN

Sua marca mais brasileira.

PROPAGANDA

Relação Slogan-Marca no quadro de atuação

A distância da palavra

propaganda para a logomarca

ginga, como descrito na

imagem deve equivaler ao

tamanho de um “a” da palavra

“ginga” na vertical.

Enquanto a distância do slogan “sua

marca mais brasileira” deve ser de um

“a” da palavra “ginga” na horizontal.

Ambas situações citadas devem levar

a conta a extremidade máxima em

relação ao alinhamento da logo.

Page 43: Manual de Identidade Ginga

ginga manual de identidade 42

TM

Sua marca mais brasileira.

PROPAGANDA

TM

Sua marca mais brasileira.

PROPAGANDA

Acima dois exemplos da aplicação do nome e do slogan

da agência, em versões cromáticas distintas, mas

mantendo mesma estrutura formal.

Page 44: Manual de Identidade Ginga

POSICIONAMENTO SLOGANRelação Slogan-Marca no quadro de atuação

Sua marca mais brasileira.

PROPAGANDA

Diferenças importantes se apresentam

quando utilizados somente o slogan

ou somente a definição “propaganda”

acompanhado a logo.

Quando somente o escrito propaganda

estiver em companhia da logo, a distância se

torna de um “a” da palavra ginga em relação

a extremidade alinhada com a palavra

citada. O corpo da fonte também muda, de

Gotham Book para Gotham Medium.

Quando o Slogan “Sua marca mais brasileira” estiver

acompanhando a logo, a distância a ser considerada muda para

um “a” na horizontal e a fonte utilizada no slogan será a Gotham

book.

Page 45: Manual de Identidade Ginga

ginga manual de identidade 44

Sua marca mais brasileira.

TM

PROPAGANDA

TM

Abaixo as variações da logo ginga acompanhada do Slogan “Sua

marca mais brasileira” e da logomarca na companhia da palavra

“Propaganda”.

É importante chamar atenção

para o fato de que no slogan

somente a primeira letra

é maiúscula. Já a palavra

“Propaganda” é utilizada toda

em caixa alta.

Page 46: Manual de Identidade Ginga

TAMANHO MINIMO

Sua marca mais brasileira.

Sua marca mais brasileira. Sua marca mais brasileira.

PROPAGANDA

2 cm

2,5 cm 2,5 cm 2,5 cm

2 c

m

2,5

cm

2,5

cm

2,5

cm

O tamanho mínimo a ser respeitado é de 2 x 2 cm na área de atuação

da logo (Quadro com linha de contorno cinza). A forma interna, aqui

representada na cor vermelha, pode variar seu tamanho dentro destes

2 x 2 cm livremente, respeitando sempre a proporção palavra e forma.

Na página seguinte estão exemplos desta variação da forma dentro

do quadro 2 x2.

Quando acompanhada de slogan e complementos, o tamanho mínimo

da área de atuação da logo passa de 2 x 2 cm para 2,5 x 2,5 cm,

e o corpo da fonte utilizada como slogan deve manter as devidas

proporções citadas anteriormente.

Page 47: Manual de Identidade Ginga

ginga manual de identidade 46

Acima alguns exemplos dentre as infinitas possibilidades de

variação da forma da logo dentro de sua área de atuação.

Page 48: Manual de Identidade Ginga

USO INCORRETO

Não usar logotipo sem forma Não deixar o escrito vazar Não modificar a relação de proporção entre letra e forma

Não aumentar as letras a ponto de vazar ambos os lados.

Não adicionar maisarestas ao quadrilátero.

Não arredondar os cantosdo quadrilátero

Page 49: Manual de Identidade Ginga

ginga manual de identidade 48

GINGA

Não distorcer horizontalmente

Não distorcer verticalmente

Não rotacionaro escrito ginga

Não utilizar o escritoginga na vertical

Não utilizar as letrasno lado de fora da forma

Não utilizar outra famíliatipográfica na palavra ginga

Page 50: Manual de Identidade Ginga

USO INCORRETO

Não utilizar gradientena palavra ginga

Não utilizar preto 100%como cor da forma Não utilizar gradiente com mais de

uma cor ou dois tons na forma

Não utilizar cores quedesrespeitem o padrão cromático determinado

Não adicionar qualquer cordiferente de branco na palavra ginga

Não adicionar qualquer cor ou tomdiferente de branco na palavra ginga

Page 51: Manual de Identidade Ginga

ginga manual de identidade 50

Não utilizar a cor defundo como cor das letras

Não aplicar imagens coloridas com cores próximas ao branco

Não aplicar imagens P&B com cores

próximas ao branco

Não utilizar pretona palavra ginga

Não transformar a formada logo em triângulo

Não utilizar a logocom linha de contorno

Não aplicar linha de contornona palavra ginga

Não utilizar quadrilatéros100% retos

Page 52: Manual de Identidade Ginga

CONSIDERAÇÕES FINAISUma marca é algo único. Enormemente poderosa. Enormemente frágil. Construir uma marca leva visão. É preciso paixão e suor. etalvez mais importante, é preciso disciplina.

A disciplina de nunca negligenciar o DNA da marca e qual a sua mensagem e identidade

Page 53: Manual de Identidade Ginga

ginga manual de identidade 52

A disciplina de nunca negligenciar o DNA da marca e qual a sua mensagem e identidade

Page 54: Manual de Identidade Ginga

Este manual foi criado para que os princípios da marca não fiquem apenas nos corações e mentes de poucos, mas que possa ser difundido e compartilhado.

É impossível não se atentar para a importância da marca. Estudos intermináveis comprovam que o aumento da consistência e consciência da marca, ajuda a cimentar uma conexão emocional do consumidor com ela. Quanto mais sincera, mais poderosa a marca ginga será.

Page 55: Manual de Identidade Ginga

ginga manual de identidade 54

Este manual foi criado para que os princípios da marca não fiquem apenas nos corações e mentes de poucos, mas que possa ser difundido e compartilhado.

Page 56: Manual de Identidade Ginga

CréditosProjeto Gráfico: Rodrigo Carvalho

Tipografia: Platelet, Gotham & Univers.

Redação: Rodrigo Carvalho.

Page 57: Manual de Identidade Ginga

Créditos

Page 58: Manual de Identidade Ginga

TM

Sua marca mais brasileira.