Manual Ginga by Roco Carvalho

MANUAL DE IDENTIDADE VISUAL VIsual GUIDELINES IDENTITY 2012

MANUAL DE ID BRAND IDENTITY GUIDE

DENTIDADE VISUAL 2012 2012

ginga manual de identidade

ínimo 11

ma a T 46 10

o nh

Ginga é a arte de contornar o incontornável. muito mais do que um modo de vida, ter ginga é viver leve, é a máxima expressão do brasil.

48 50

1 Apresentação

2 tipo

3 fia gra

1 Uso incorreto 12 Considerações Finais

pgs 6 8 10 12

52 54

44 42

og 4L

aç

õe

p Es

o aç

ari 7V

r co

e es

de es çõ 2 2

lica

ça n a ur

os 9P

a5 arc20

ici

e am

tex

nto

g Slo

ura

rut

Est

sUMÁRIO

ginga manual de identidade

APRESENTAÇÃO Visual Brand Identity 2012

Este manual aprese

identidade da Agê

tipografia. Estes ele

fornecidos e princíp aplicação papelaria,

para criar todas as in

enta o uso dos elementos visuais básicos da

ência Ginga, como logomarca, cor, imagem,

ementos básicos, combinados com os layouts

pios de design relevantes aos vários grupos de material promocional entre outros), são usados

nterpretações visuais da nossa marca.

ginga manual de identidade

NOSSO MANIFESTO

Fluidez, brasilid As vรกrias fac determinam no mercado para to mais brasileiras

dade e inovaĂ§ĂŁo. ces da Ginga osso papel no tornar as marcas s. ginga manual de identidade

A Ginga essĂŞncia a c da marca necessĂĄrio pa de seus c mercado bra

tem como consolidaĂ§ĂŁo como item ara o sucesso clientes no asileiro. ginga manual de identidade

A arquitetura da

NOSSA MARCA

meiro lugar, apo uma identidade

â&#x20AC;&#x153;Sua marca mais

clusividade, mas

para ser uma da Identidade Ginga

respeitadas do m

pessoas as inform

a marca da Ginga tem dois objetivos: em pri-

oiar a estratégia da Ginga de desenvolver única, que não apenas simbolize o slogan

s brasileira” e nossos valores: Inovação e Ex-

s também a idéia de que a empresa chega

as agências de comunicação alternativa mais

mercado. Em segundo lugar, oferecer às

maçõ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.

ginga manual de identidade

NOSSA TIPOGRAFIA Emigre PLATELET Platelet 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 objeto de identificação viajantes de espírito aventureiro.

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

PLATELET ginga samba frevo

platelet thin

platelet regular

platelet heavy

a e i m q u y

b f j n r v z

c g l o s x

d h k p t w

ginga manual de identidade

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 incorpora também formas e espírito da tipografia das histórias de alguns superheróis.

ginga samba frevo Gotham thin

Gotham Regular

Gotham Black

GOTHAM a b c d e f g h i j k l m n o p q r s t u v x w y z ginga manual de identidade

EM TITULOS USA-SE PLATELET 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 mantenha 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.

ESTRUTURA DE TEXTO A estrutura dos textos presente em todos os projetos gráficos da Ginga propaganda deve obdecer impreterivelmente a estrutura da página anterior, 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)

ginga manual de identidade

NOSSA LOGO Aspectos Criativos

Vertical

Horizontal

Nossa logo foi criada inspirada nos quadriláteros da Obra de Hélio Oiticica, 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 multiplas 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.

ginga manual de identidade

NOSSAS APLICAÇÕES DE COR Monocromia, 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.

ginga manual de identidade

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 branco ou cinza claro em impressões P&B, utilizar valores de cinza que vão de 20 a 80 % black.

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 colorido pode-se utilizar qualquer cor na logomarca, desde que se respeite os critérios cromáticos já citados neste manual.

NOSSAS VARIAÇÕES Variações da Forma

13x

13x 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.

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.

13x

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

ginga manual de identidade

NOSSAS VARIAÇÕES Variações da Forma

13x x

13x

Como dito as formas quadriláteras podem variar livremente dentro 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.

ginga manual de identidade

NOSSAS VARIAÇÕES Variações cromáticas

C M Y K

1 20 100 13

C M Y K

62 1 100 5

C M Y K

100 70 1 4

C M Y K

100 1 64 4

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 somente o que não for = 1 ou 100 pode variar, neste caso podendo variar livremente. Abaixo alguns exemplos:

C M Y K

100 50 1 4

C M Y K

100 5 1 1

C M Y K

100 1 23 13

C M Y K

1 100 99 13

ginga manual de identidade

NOSSAS VARIAÇÕES Variações cromáticas

Aqui temos exemplo da varia reparem que neste exemplo sempre = 100 e o (M) varia li

É dessa maneira seguindo e ticas da logo devem ser reali

C M Y K

1 15 100 5

C M Y K

1 25 100 5

C M Y K

1 35 100 5

C M Y K

1 45 100 5

ação de tons em cima de uma mesma cor, o valor de (C) é sempre = 1, o valor de (Y) é ivremente, com o (K) se mantendo = 5.

mantendo essa regra que as variações cromáizadas

C M Y K

1 60 100 5

C M Y K

1 70 100 5

C M Y K

1 90 100 5

C M Y K

1 100 100 5

ginga manual de identidade

NOSSAS VARIAÇÕES Variações cromáticas

C M Y K

1 15 100 5

C M Y K

1 15 100 5

C M Y K

1 25 100 5

C M Y K

1 25 100 5

C M Y K

1 35 100 5

C M Y K

1 35 100 5

C M Y K

1 45 100 5

C M Y K

1 45 100 5

1 60 100 5

C M Y K

1 60 100 5

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.

C M Y K

1 15 100 5

C M Y K

1 15 100 5

C M Y K

1 25 100 5

C M Y K

1 25 100 5

C M Y K

1 35 100 5

C M Y K

1 35 100 5

C M Y K

1 45 100 5

C M Y K

1 45 100 5

1 60 100 5

C M Y K

1 60 100 5

ginga manual de identidade

NOSSAS VARIAÇÕES Gradientes

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.

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

ginga manual de identidade

NOSSAS VARIAÇÕES Aplicações de imagens coloridas

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.

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.

ginga manual de identidade

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

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’.

ginga manual de identidade

NOSSO ESPAÇO DE SEGURANÇA x

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.

ginga manual de identidade

POSICIONAMENTO SLOGAN 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.

PROPAGANDA

Enquanto a distância do slogan “sua

Sua marca mais brasileira.

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.

PROPAGANDA

Sua marca mais brasileira.

PROPAGANDA

Sua marca mais brasileira.

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.

ginga manual de identidade

POSICIONAMENTO SLOGAN Relação Slogan-Marca no quadro de atuação Diferenças importantes se apresentam quando utilizados somente o slogan ou somente a definição “propaganda” acompanhado a logo.

PROPAGANDA

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.

Sua marca mais brasileira. 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.

Abaixo as variações da logo ginga acompanhada do Slogan “Sua marca mais brasileira” e da logomarca na companhia da palavra “Propaganda”.

Sua marca mais brasileira. TM

É importante chamar atenção para o fato de que no slogan somente é TM

maiúscula.

primeira Já

letra palavra

“Propaganda” é utilizada toda em caixa alta.

PROPAGANDA

ginga manual de identidade

TAMANHO MINIMO

2,5 cm

Sua marca mais brasileira.

2,5 cm

Sua marca mais brasileira.

2,5 cm

2 cm 2 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.

PROPAGANDA

Sua marca mais brasileira.

2,5 cm

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.

Acima alguns exemplos dentre as infinitas possibilidades de variação da forma da logo dentro de sua área de atuação.

ginga manual de identidade

USO INCORRETO

Não usar logotipo sem forma

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

Não deixar o escrito vazar

Não adicionar mais arestas ao quadrilátero.

Não modificar a relação de proporção entre letra e forma

Não arredondar os cantos do quadrilátero

Não distorcer horizontalmente

Não distorcer verticalmente

Não rotacionar o escrito ginga

GINGA Não utilizar o escrito ginga na vertical

Não utilizar as letras no lado de fora da forma

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

ginga manual de identidade

USO INCORRETO

Não utilizar gradiente na palavra ginga

Não adicionar qualquer cor diferente de branco na palavra ginga

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

Não utilizar preto 100% como cor da forma

Não utilizar cores que desrespeitem o padrão cromático determinado

Não utilizar gradiente com mais de uma cor ou dois tons na forma

Não utilizar a cor de fundo como cor das letras

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

Não utilizar preto na palavra ginga

Não aplicar imagens P&B com cores próximas ao branco

Não transformar a forma da logo em triângulo

Não utilizar a logo com linha de contorno

Não utilizar quadrilatéros 100% retos

Não aplicar linha de contorno na palavra ginga

ginga manual de identidade

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

A disciplina de nu o DNA da marc mensagem e ide

unca negligenciar ca e qual a sua entidade ginga manual de identidade

Este manual foi cr princípios da ma apenas nos cora de poucos, mas difundido e com É 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á.

riado para que os arca não fiquem ações e mentes s que possa ser mpartilhado por ginga manual de identidade

Sua marca mais brasileira. TM