1

M a n u a l d e i d e n t i d a d e v i s u a lN o B r a i n n o G a i n

C a r o l i n a H e n r i q u e s L o p e sF e r n a n d o B e r t o l oP a u l o S h i n j oR e n a t o S a b b a g ( ? ? )L e a n d r o N a s c i m e n t o ( ? ? )

S u m á r i o

A marca

As ideias .........................................................................6

A marca ..........................................................................7

Grid e área de proteção............................................8

Resistência visual ........................................................9

Como aplicar e como não aplicar ...................... 10

Cores e alfabeto

Tipografia e alfabeto .............................................. 12Formatação det texto ............................................ 13Padrões cromáticos ................................................ 14

O uso da cor e da marca ....................................... 15A marca sobre imagens ......................................... 16

ImpressosCartão de visita e timbrado ................................. 18CD e envelope ......................................................... 19Identificação e camiseta ....................................... 20Frota ............................................................................. 21Objetos ........................................................................ 22

Web e telaAplicação em tela .................................................... 24Aplicação e reducão para web ........................... 25Assinatura de email e apresentacões ............... 26Wallpaper ................................................................... 27

Considerações finais .................................. 28

5

A m a r c a

6

A agência No Brain no Gain trabalha com plane-jamento estratégico e com o estudo aprofundado do mercado. Em nosso método de trabalho a cria-tividade, a inovação e a diferenciação fazem parte de um processo mais amplo de percepção das ne-cessidades dos nossos clientes, vamos a fundo nas suas necessidades e com base em muito estudo e pesquisa traçamos uma planejamento que faz com que todas a nossas ações ganhem uma dimensão a longo prazo.

A s i d é i a s

MissãoEstudar, planejar, estudar e planejar cada vez

mais, para que toda ação criativa faça com que nossos clientes tenham um crescimento sólido.

ValoresBuscar sempre a melhor informação, trabalhando

com honestidade e disposição, atrás de solucões eficiêntes, não fazendo diferenciação de valores entre o tamanho de clientes.

JustificativaEsse manual apresenta a nossa marca, que na-

da mais é do que a sintaxe do nosso pensamento corporativo, o estudo e planejamento sólido que

norteiam todas as nossas ações, possibilitanto um crescimento seguro, valorizando as idéias e usando da melhor forma os recursos disponíveis.

7

A m a r c a

n o b r a i n n o g a i n

n o b r a i n n o g a i n

Nossa marca é a síntese do nosso pensamento, por isso aplicá-la corretamente é muito imporânte para a construção da nossa imagem.

No exemplo desta página temos a apresentação das versões positivas e negativas, e com e sem a aplicação do nome da agência.

8

G r i d e á r e a d e p r o t e ç ã o

Aqui temos a marca aplicada á um grid de construção, ideal pa-ra que ampliações ou reduções aconteçam sem que aconteça distorções.

A área de proteção é marca-da pela parte interna da letra b, qualquer elemente deve ser posicionado fora desse espaço.

9

R e s i s t ê n c i a v i s u a l

8mm 50px

ImpressoPara manter a integridade da

leitura a redução mínima consi-derada para uma impressão em offset é de 8 milimetros, porém essa medida pode variar de acor-do com especifidades técnicas de cada meio de reprodução

TelaPara internet pode-se adotar,

como uma regra simples, o limite de 50 pixeis como a redução má-xima. Porém em casos específicos em seja uma redução maior con-sulte a sessão de aplicação em te-la, presente no final deste manual

10

C o m o a p l i c a r e c o m o n ã o a p l i c a r

Aplicação corretaAplicação incorreta

Elementos separados

A aplicação correta da marca na sua versão pos-sitiva e negativa

Não deve-se usar tom sobre tom, distorções na proporção da sigla em relação ao elemento ou ro-tacionar a sigla dentro do elemento, sob a pena de tomar um puxão de orelha.

Não é vetado o uso dos elementos separados ca-so exista alguma necessidade específica, porém eles não devem dividir o mesmo campo visual, como por exemplo, aparecerem juntos em uma mesma página

11

C o r e s e a l f a b e t o

12

T i p o g r a f i a e a l f a b e t o

Alfabeto principalMyriad pro é a família de fontes usadas para

compor textos mais longos que devem priorizar a facilidade de leitura.

Alfabeto de apoioMyriad pro light condensed é a família utilizada

para compor títulos e textos que devem priorizar o destaque. Importante resaltar que o tracking entre as letras deve estar sempre configurado com o valor de 200, quando se estiver utilizando essa família.

a b c d e f g h i j k l m n o p q r s t u v x z A B C D E F G H I J K L M N O P Q R S T U V X Z 1 2 3 4 5 6 7 8 9 0

a b c d e f g h i j k l m n o p q r s t u v x z A B C D E F G H I J K L M N O P Q R S T U V X Z 1 2 3 4 5 6 7 8 9 0

13

Formatação básica de textoPara documentos impressos devesse utilizar o

alfabeto principal sempre com o tamanho de 12 pontos, a entrelinhas de 15 pontos e recuo da pri-meira linha deve ser sempre de 3mm. Sempre que possível deve-se utilizar cinza 70% como tom para o texto e não se deve altera o espaçamento antes e depois do parágrafo.

F o r m a t a ç ã o d e t t e x t o

Para sub títulos também se utiliza o alfabeto príncipal porém sem recuo na primeira linha e com tamanho de corpo de 12 pontos, a entrelinhas continua 15 pontos. não é necessário usar bold, como cor deve-se utilizar o vermelho pincipal, que se constitui de 0% de cyan, 100 de magenta, 100% de amarelo e 20% de preto.

14

P a d r õ e s c r o m á t i c o s

As cores principais

Tons de apoio

Vermelho 1C 0 - M 100 - Y 100 - P 20Pantone 1805Vermelho 2C 0 - M 100 - Y 100 - P 80Pantone 1817Vermelho 3C 0 - M 100 - Y 100 - P 45Pantone 188

Cor 1C 0 - M 0 - Y 0 - P 70Cor 2C 0 - M 0 - Y 0 - P 30Cor 3C 0 - M 50 - Y 90 - P 0

Cor 4C 0 - M 50 - Y 90 - P 15Cor 5C 0 - M 90 - Y 20 - P 0Cor 6C 0 - M 90 - Y 20 - P 15

1 2

3

1

2

3

4

5

6

15

O u s o d a c o r e d a m a r c a

Não faça assim

Faça dessa forma

A sigla em tom escuro sobre o elemento está vetado por preju-dicar a leitura.

A marca original possui uma cor sólida vermelha, porém ela pode se adecuar ao meio em que estiver iserida, permitindo inclusive a sua aplicação sem as cores princiais ou de apoio, mas sempre respeitanto a sigla vazada sobre o tom chapado.

Esses são exeplos corretos em que a aplicação da marca sobre um fundo colorido não prejudica a leitura.

Aplicação do sigla vermelha sobre fundo preto ou cinza de qualquer tom é vetada.

Na aplicação da marca sobre fundos ou textura deve-se sem-pre buscar a solução de maior contraste.

A versão negativa da marca também comtempla variações para diferentes aplicações, sempre valen-do as regras citadas anteriormente.

16

A m a r c a s o b r e i m a g e n s

Tons ClarosPara proporcionar maior leitu-

ra, recomenda-se a versão nega-tiva da imagem

Tons EscurosEm imagem com predominân-

cia de tons escuros a versão po-sitiva proporciona maior leitura.

17

I m p r e s s o s

18

C a r t ã o d e v i s i t a e t i m b r a d o

Cartão de visita

Papel Timbrado

Frente Verso

b e r t o l o @ n b n g . c o m@ b e r t o l o1 1 9 9 0 3 - 2 9 4 7w w w . n b n g . c o m . b r

F u l a n o d e t a lG e r e n t e d a á r e a

N o B r a i n N o G a i n P u b l i c i d a d eT e l 9 9 0 0 - 9 9 0 0 •   @ n b g n g p u b w w w . n b n g . c o m . b r • a t e n d e @ n b n g . c o m . b r

19

C D e e n v e l o p e

r . c r i a t i v a d e m a i o , 2 3 4

0 4 0 2 6 - 0 4 0 S ã o P a u l o - S P

1 1 9 9 0 9 - 0 9 9 0

a r t d o o r . c o m . b r

Envelope

CD

20

I d e n t i f i c a ç ã o e c a m i s e t a

I d e n t i f i c a ç ã o

F u l a n o d e t a lD e p a r t a m e n t o t a l

Identificação

Camiseta

21

F r o t a

22

O b j e t o s

Esses são apenas alguns exemplos de como apli-car o conceito da marcar a objetos, e servem apenas para nortear outras ideias, porém sempre manten-do o conceito de sobriedade e modernidade.

23

W e b e t e l a

24

A p l i c a ç ã o e m t e l a

As cores principais Tons de apoio

Vermelho 1R 215 - G 0 - B 21#D70015Vermelho 2R 93 - G 0 - B 0#5D0000Vermelho 3R 163 - G 0 - B 3#A30003

Com exceção de alguma nuances, como redução mínima e especificações de cor a aplicação em tela segue as mesma regras que a aplicação em papel.

Cor 1R 109 - G110 - B 113#6D6E71Cor 2R 188 - G 190 - B 192#BCBECOCor 3R 255 - G140 - B 36#FF8C24

Cor 4R 227 - G 123 - B 31#E37B1FCor 5R 199 - G 9 - B 130#C70982Cor 6R 182 - G 4 - B 119#B60477

1 2

3

1

2

3

4

5

6

25

A p l i c a ç ã o e r e d u c ã o p a r a w e b

Para web a redução mínima recomenda para que não haja perca de legibilidade é de 50 pixeis, podendo-se utilizar a versão positiva ou negativa. É vetado apenas o uso de degradês.

Caso seja nescessário a utilização menores que 50 pixeis, o ideal é a utilização do simbolo sem os tipo ou somente com o primeiro tipo da sigla. Neste recomenda-se também a versão negativa, por pro-pocionar maior leitura. É vetado o uso de degradês nesse tipo de redução8mm 50px

26

A s s i n a t u r a d e e m a i l e a p r e s e n t a c õ e s

F u l a n o d e t a lG e r e n t e d a á r e a 9 9 0 3 - 2 9 4 7

P l a n o d e m í d i a2 0 1 0

L o r e m i p s u n d o l u m s i t a m e t

L o r e m i p s u n d o l u m s i t e

• Sedu novum takimata vix

• No summoicam nec vocent

• Argumentum definitiones at pri

• Fabellasm tcipitur tempi

• Ad oratio sapientem argumentum

• Du novum takimata vi

• Princip novum tritani

• Dolores eam

L o r e m i p s u n d o l u m s i t a m e t

Ad oratio sapientem argumentum sed, cu novum takimata vix, duo no summo principes. Ne novum tritani dolores eam

Assinatura de email

Modelo de apresentação

Esse e apenas um modelo de layout para apresentação, podendo ser alterado de acor-do com a necessidade do conteúdo. Porém é importante manter sempre o alfabeto institu-cional e sua formatacão e as cores da marca.

27

W a l l p a p e r

Modelo armonioso para se criar uma padronização nos mo-nitores da empresa

28

C o n s i d e r a ç õ e s f i n a i s

Como a todo conceito na sociedade as ideias da No Brain no Gain também possui um simbolo pa-ra repesentá-lo, por isso aplicar a marca da NBNG de forma correta é dar importância a tudo que a empresa representa e acredita.

Neste manual demos uma base para que você possa conhecer como a marca funciona e se com-porta em algumas situações, porém o nosso espaço é muito limitado para abranger todas a possibilida-des que possam aparece, por isso gostaríamos de lembrá-los de uma regra de ouro que servirá para adaptar a marca a qualquer situação: o bom senso.

Comtamos com o seu bom gosto e carinho para cuidar da nossa marca e esperamos que tenhamos ajudado de alguma forma no seu trabalho.

Abraços da equipe NBNG

29