Manual de Identidade Visual
Introdução Apresentação
Sumário
A 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.
1) Apresentação dos logotipos 1.0 Logos em roxo 2 1.1 Logos em branco e preto 3 2) Aplicação da logo 2.0 Fundos sob a logo 2.1 Margens e reduções 2.2 Usos incorretos
4 5 6
3.0 Tipografia
8
4.0 Elementos gráficos
9
5.0 Peças para referência
10
1
1.0 l Logos em roxo A logo possui versões diferentes para serem usadas em situações específicas 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.
#92278F CMYK: 50/100/0/0 #64126D CMYK: 58/100/0/30
A seguir serão apresentadas as logos e, junto a elas, acompanham as configurações cromáticas. As versões em degradê tem suas cores de extremidades representadas, e as chapadas, as de sua totalidade. #82489 CMYK: 55/100/0/5 Pantone 2612C
2
1.1 l Logos em branco e preto
#FFFFFF
#404040
#D1D3D4
#000000
#FFFFFF CMYK: 0/0/0/0
#000000 CMYK: 0/0/0/100
3
2.0 l Fundos sob a logo 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, dificultando 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.
4
2.1 l Margens e reduções Ao aplicar a logo, para que haja espaço de respiro e não haja elementos sobre ela, foi definida 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.
2,5 cm
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.
5
2.2 l Usos incorretos Para esclarecer ainda mais as diretrizes de aplicação da logo, para que se mantenha uma estética uniforme e boa fixaçã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.
Proporções distorcidas
Apresentação rotacionada
Uso de sombra projetada demasiadamente opaca
6
2.2 l Usos incorretos
Aplicação em fundos com muito ruído
Alteração das cores sem definir um outro segmento identitário
Aplicação em fundos de cores não-contrastantes
Uso de bordas
Aplicação em fundos de cores fora da gama institucional
Preenchimento das áreas vazadas
7
3.0 l Elementos gráficos 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.
TEXTO TEXTO
TEXTO
Nº
O “W” presente no logotipo, representando um joystick, também pode ser usado como elemento ilustrativo.
TEXTO TEXTO
8
Nº
Nº
4.0 l Tipografia
sQUAREFONT AaBbCc 123456
Myriad Pro Regular AaBbCc 123456 Myriad Pro Semi Bold AaBbCc 123456
Myriad Pro Bold AaBbCc 123456
Myriad Pro Italic Semi Bold AaBbCc 123456
Myriad Pro Italic Bold AaBbCc 123456
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 Italic AaBbCc 123456
9
5.0 l Peças para referência
Capa para página de Facebook
10
Post para anúncio de live no Facebook
5.0 l Peças para referência
Capa para canal da Twitch
Painel para canal da Twitch
11
2014