Manual de Identidade Visual

1

Sumário1) Apresentação dos logotipos1.0 Logos em roxo 21.1 Logos em branco e preto 3

2) Aplicação da logo2.0 Fundos sob a logo 42.1 Margens e reduções 52.2 Usos incorretos 6

3.0 Tipogra�a 8

4.0 Elementos grá�cos 9

5.0 Peças para referência 10

Introdução

ApresentaçãoA NW Games Brasil é um grupo de jogadores que produz conteúdo de entretenimento relacionado a games, apresentando formatos como livestreams, gameplays e reviews. A identidade do grupo é moderna e divertida, assim como o visual construído para ele. Este manual contém diretrizes de uso para apresentação da marca, devendo ser apresentado a todos os integrantes e que produzirão conteúdo visual para promoção do grupo.

2

A logo possui versões diferentes para serem usadas em situações especí�cas para melhor aplicação. Elas estão divididas entre as versões roxa, branca e preta, cada uma com sua apresentação em degradê e cor sólida.Na versão original (roxa), o uso em degradê é sempre preferível, estando a em cor sólida reservada a situações de restrição de cores.Já nas versões branca e preta, deve-se reservar as em desgradê para uso em meio digital e as em cores sólidas aos impressos.

A seguir serão apresentadas as logos e, junto a elas, acompanham as con�gurações cromáticas.

As versões em degradê tem suas cores de extremidades representadas, e as chapadas, as de sua totalidade.

#92278FCMYK: 50/100/0/0

#64126DCMYK: 58/100/0/30

#82489CMYK: 55/100/0/5Pantone 2612C

1.0 l Logos em roxo

3

1.1 l Logos em branco e preto

#FFFFFF

#D1D3D4

#FFFFFFCMYK: 0/0/0/0

#404040

#000000

#000000CMYK: 0/0/0/100

4

As logos podem ser aplicadas sobre fundo contrastante e monocromático nas cores relacionadas às outras versões da logo que não esteja sendo usada na peça.Não utilize de fundo a mesma cor da versão da logo usada, pois não haverá contraste, di�cultando a vizualização. Deve haver pouco ruído no fundo para que não seja atrapalhada sua leitura. Caso seja necessário aplicação em fundos de outras cores e/ou ruidosos, aplique-a sobre um dos elementos apresentados posteriormente na seção 4.0.

2.0 l Fundos sob a logo

5

Ao aplicar a logo, para que haja espaço de respiro e não haja elementos sobre ela, foi de�nida a área de não intervenção como a letra M presente na segunda linha da logo.

Obs: As versões da logo contidas nos anexos institucionais já estão em um box transparente com esta margem, basta importá-la corretamente.

Também, em prol de que a logo se mantenha visível em impressos, deve ser respeitada a redução mínima na medida de 2,5 centímetros horizontais. Em mídia digital, apenas manter a frase “Games Brasil” legível.

2,5 cm

2.1 l Margens e reduções

6

Para esclarecer ainda mais as diretrizes de aplicação da logo, para que se mantenha uma estética uniforme e boa �xação da identidade, serão apresentadas situações comuns em que a apresentação da marca é prejudicada devida a condição de percepção visual – portanto, que não devem ser reproduzidas.

Apresentação rotacionada

Uso de sombra projetada demasiadamente opaca

Uso de sombra projetada

Proporções distorcidas

2.2 l Usos incorretos

7

2.2 l Usos incorretos

Aplicação em fundos de cores fora da gama institucional

Aplicação em fundos de cores não-contrastantes

Aplicação em fundos com muito ruído

Preenchimento das áreas vazadas

Uso de bordas

Alteração das cores sem de�nir um outro segmento identitário

8

Junto à logo, as peças produzidas também devem seguir padrões. Caso seja necessário inserção de textos e elementos que demandem estarem enquadrados em algo, use as formas sugeridas para fazer isso. Elas podem ser barras, paralelogramos, trapézios, círculos e/ou fragmento deles, nas cores da gama dos degradês das logos nas seções 1.0 e 1.1. Como referência, estão: o layout do próprio manual, os exemplos ao lado e peças já produzidas na seção 5.0.

O “W” presente no logotipo, representando um joystick, também pode ser usado como elemento ilustrativo.

TEXTO

TEXTO

TEXTO

Nº NºNº

TEXTO

TEXTO

3.0 l Elementos grá�cos

9

Para produção de texto em peças, foram escolhidas duas fontes para situações distintas. A primeira, SquareFont, pode ser utilizada em textos curtos e sinalizações, por se tratar de uma fonte gratuita para uso comercial e quadrada, remetendo aos pixels, íntimo ao segmento da NW. Recomenda-se usar caixa alta-baixa para mais de uma frase.

A segunda, Myriad Pro, é mais simples e legível, recomendada para textos longos e também de fácil obtenção, por estar contida no pacote Adobe, que contém softwares indispensáveis para a produção das peças. Suas famílias ao lado representadas também podem ser usadas em ocasiões apropriadas.

Myriad Pro RegularAaBbCc123456

Myriad Pro Semi BoldAaBbCc123456

Myriad Pro BoldAaBbCc123456

Myriad Pro ItalicAaBbCc123456

Myriad Pro Italic Semi BoldAaBbCc123456

Myriad Pro Italic BoldAaBbCc123456

4.0 l Tipogra�a

sQUAREFONTAaBbCc123456

10

Capa para página de Facebook

Post para anúncio de live no Facebook

5.0 l Peças para referência

11

5.0 l Peças para referência

Capa para canal da Twitch

Painel para canal da Twitch

2014