SUMÁRIO 4
APRESENTAÇÃO DO LOGOTIPO LOGOTIPO PRIME
12
PALETA
20
PATTERN
5
APRESENTAÇÃO LOGOTIPO REGIÕES
13
PALETA SECUNDÁRIA MONOCROMÁTICA
21
COMUNICAÇÃO INSTITUCIONAL
6
PRETO E BRANCO VERSÃO EM NEGATIVO
14
TIPOGRAFIA INSTITUCIONAL
22
FORMATO - POST FACEBOOK
7
MALHA CONSTRUTIVA USOS INDEVIDOS
15
TIPOGRAFIA PRIMÁRIA
23
MODELO 1 - RODAPÉ
8
REDUÇÃO MÁXIMA ÁREA DE SEGURANÇA
16
TIPOGRAFIA SECUNDÁRIA
24
MODELO 2 - YOUTUBERS
9
CONSTRUÇÃO DE NOVAS VERSÕES DE LOGOTIPOS REGIONAIS
17
TIPOGRAFIA COMPLEMENTAR
25
MODELO 3 - MOLDURA
10
PALETA DE COR PRIMÁRIA
18
ÍCONES
26
MODELO 4 - DESTAQUES
11
PALETA DE COR SECUNDÁRIA
19
DESENVOLVIMENTO DE ÍCONE
PANTONE METÁLICO
3
APRESENTAÇÃO DO LOGOTIPO Utilizando como referência a tradição estética dos jogos eletrônicos, o logotipo foi concebido mesclando cortes agudos e curvas suaves em uma fonte robusta, que facilita a aderência e a adaptabilidade em diversos formatos. Além disso, seus traços marcantes demonstram a personalidade da marca, remetendo ao dinamismo consagrado pela linguagem desse mercado.
LOGOTIPO PRIME Estipulamos a cor vermelha, que representa intensidade e impacto, para o principal evento da marca: o Age Prime. A versão opcional pode ser utilizada em peças com cores que prejudiquem a assimilação do logotipo ou em outros momentos pontuais.
Para estimular ainda mais a assimilação do logotipo, foi desenvolvido um berço no formato híbrido, inspirado em diversos controles, um elemento icônico no cotidiano do público alvo.
LOGOTIPO INSTITUCIONAL
LOGOTIPO PRIME PREFERENCIAL
LOGOTIPO PRIME VERSÃO OPCIONAL
LOGOTIPO PRIME VERSÃO AUXILIAR
4
APRESENTAÇÃO LOGOTIPO - REGIÕES Para reforçar a nova identidade em outros mercados, determinamos uma cor para cada região, aliando o projeto de expansão da marca com o senso de identidade regional.
5
PRETO E BRANCO A versão preto e branco deve ser utilizada somente em momentos de necessidade, sendo assim utilize o bom senso.
A versão preto e branco se aplica em qualquer variação do logotipo.
VERSÃO EM NEGATIVO Para não prejudicar a visualização da marca em materiais que apresentem cores similares ao do logotipo, foi disponibilizada a versão em negativo. Utilize apenas neste contexto determinado.
A versão preto e branco se aplica em qualquer variação do logotipo.
6
MALHA CONSTRUTIVA O equilíbrio nas medidas do logotipo são essenciais para a plena assimilação da marca pelo público. Respeite os padrões estipulados e não distorça as proporções sob nenhuma hipótese.
USOS INDEVIDOS Neste guia você encontra todo o direcionamento para fazer um bom uso do logotipo, sendo assim, são vetadas manipulações como as abaixo:
Não utilizar o logotipo sem o “joystick”.
PRIME
Não dimensionar o logotipo sem manter a proporção adequada.
Não aplicar degradê no logotipo.
Não alterar a tipografia utilizada no logotipo.
VALOR DE X PRIME
Não aplicar sombra no logotipo.
PRIME
Não dimensionar o AGE do logotipo.
7
REDUÇÃO MÁXIMA
ÁREA DE SEGURANÇA
A utilização do logotipo em tamanho menor ao citado abaixo é vetada, pois prejudica a legibilidade.
Quando for aplicar o logotipo, respeite a área de segurança. Utilize a letra A como medida de distância.
A redução máxima se aplica a qualquer variação do logotipo.
A área de segurança se aplica a qualquer variação do logotipo
MÍDIAS DIGITAIS
MATERIAIS IMPRESSOS
PRIME
PRIME
PRIME
Aplicação em tamanho real.
PRIME
Aplicação em tamanho real.
8
CONSTRUÇÃO DE NOVAS VARIAÇÕES DO LOGOTIPO
VALOR DE X
Utilizando a malha construtiva base, escolha a cor primária da região e aplique em 2016 e em AGE.
Agora, escolha a cor secundária da região e aplique no “joystick”.
A cidade deve sempre ser aplicada com altura de 1,5x e centralizada no “joystick”.
Quando o nome da cidade for muito grande para a aplicação em uma única linha, utilize 1x de entrelinha. VALOR DE X
9
PALETA DE COR PRIMÁRIA A paleta primária deve ser utilizada para dar destaque à comunicação, lembrando que a paleta secundária pode ser utilizada para enriquecer a composição da peça, sem nunca fugir das cores propostas. 40% 60% 80%
40% 60% 80%
C 0 M 15 Y 100 K 0 R 255 G 210 B 15 HEX FFCE00 PANTONE 116 C
40% 60% 80%
C 40 M 0 Y 100 K 0 R 165 G 205 B 60 HEX A1CC3A PANTONE 367 C
40% 60% 80%
C 80 M 0 Y 25 K 0 R 0 G 150 B 215 HEX 0099D6 PANTONE 801 C
C 0 M 100 Y 100 K 0 R 240 G 30 B 35 HEX E12626 PANTONE 485 C
40% 60% 80%
C 25 M 85 Y 0 K 0 R 190 G 80 B 160 HEX BC4E9D PANTONE 674 C
10
PALETA DE COR SECUNDÁRIA As cores secundárias são derivadas das cores primárias, logo, realçam suas características e enriquecem a peça. Utilize-as apenas como suporte. 40% 60% 80%
40% 60% 80%
C 45 M 75 Y 80 K 60 R 80 G 45 B 30 HEX 512B1C PANTONE 4625 C
40% 60% 80%
C 75 M 55 Y 85 K 70 R 30 G 45 B 25 HEX 22362A PANTONE 5605 C
40% 60% 80%
C 90 M 75 Y 55 K 65 R 10 G 30 B 50 HEX 081F2E PANTONE 5395 C
C 45 M 100 Y 75 K 70 R 70 G 20 B 25 HEX V PANTONE 4975 C
40% 60% 80%
C 80 M 100 Y 40 K 45 R 60 G 20 B 70 HEX 3E1051 PANTONE 2627 C
11
PALETA PANTONE METÁLICO Em materiais especiais, a impressão deve ser feita respeitando as escolhas dos pantones abaixo, relacionados diretamente com as cores primárias originais.
VERMELHO METÁLICO PANTONE 8883 C
DOURADO METÁLICO
VERDE METÁLICO
AZUL METÁLICO
LILÁS METÁLICO
PANTONE 8642 C
PANTONE 8683 C
PANTONE 8765 C
PANTONE 8104 C
12
PALETA SECUNDÁRIA MONOCROMÁTICA Em grandes tiragens existe a necessidade de impressão em 2x0, portanto utilize esta paleta quando necessário. 40% 60% 80%
40% 60% 80%
C 0 M 80 Y 0 K 95 PANTONE 4625 C
40% 60% 80%
C 0 M 0 Y 90 K 85 PANTONE 5605 C
40% 60% 80%
C 80 M 0 Y 0 K 85 PANTONE 5395 C
C 0 M 95 Y 0 K 85 PANTONE 4975 C
40% 60% 80%
C 0 M 70 Y 0 K 80 PANTONE 2627 C
13
TIPOGRAFIA INSTITUCIONAL A escolha da fonte foi definida utilizando impacto e legibilidade como características principais. Suas formas sinuosas não respeitam proporções simétricas, o que remete ao dinamismo desse mercado, atributo presente na fonte do logotipo.
PRIME Utilização: Criação de novos logotipos regionais.
abcdefghijklm nopqrstuvxwyz ABCDEFGHIJKLMN OPQRSTUVXWYZ
0123456789!@#$% ¨ & * ( ) - _ + = ´[ ] ^ ~ ; : . , < >
exemplo
14
TIPOGRAFIA PRIMÁRIA Escolhida em uma família de fontes que oferece variedade para diversas aplicações, a legibilidade e o estilo impactante da Source Code Pro é ideal para grandes formatos, como o display.
Utilização: Título, subtítulo e destaque.
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 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
exemplo
0 1 2 3 4 5 6 7 8 9 ! @ # $ % ¨ & * ( ) - _ + = ´[ ] ^ ~ ; : . , < > 15
TIPOGRAFIA SECUNDÁRIA A Source Sans Pro possui as mesmas características da opção anterior, porém otimizada para leitura em textos corridos.
Utilização: informações complementares, texto corrido e legenda.
SOURCE SANS PRO abcdefghijklm nopqrstuvxwyz 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
0 1 2 3 4 5 6 7 8 9 ! @ # $ % ¨ & * ( ) - _ + = ´[ ] ^ ~ ; : . , < >
exemplo
16
TIPOGRAFIA COMPLEMENTAR Nos momentos em que as tipografias principais estiverem indisponíveis, deve ser utilizada a fonte de sistema Tahoma.
Utilização: mídias digitais que não permitem webfonts, apresentações abertas e documentos.
abcdefghijklm nopqrstuvxwyz ABCDEFGHIJKLM NOPQRSTUVXWYZ
exemplo
0123456789!@#$%¨& * ( ) - _ + = ´[ ] ^ ~ ; : . , < > 17
ÍCONES Os ícones estão disponíveis para o uso em diversos contextos. Se houver o intuito de adicionar movimento às opções, respeite a inclinação de 45° e 90° graus. A possibilidade de criar os próprios ícones para as peças é viável. Apenas utilize o bom senso e mantenha a proposta flat e minimalista, valorizando principalmente os contornos do elemento trabalhado.
18
PATTERN Inspirado nos jogos antigos, onde a qualidade da resolução era baixa e a visualização de pixel era evidente, a utilização do padrão no fundo das peças estabelece um vínculo com a origem dos games.
Instruções de construção: No Photoshop, crie um novo arquivo, definindo o tamanho em 2x3 pixels. Já a resolução dependerá do meio em que o pattern será aplicado, logo, fica a seu critério definir este valor. Atenção: a aplicação deste valor incorretamente pode ocasionar problemas na impressão. Com o arquivo aberto, basta preencher os quadrados demonstrados ao lado com 40% de preto. Atente-se a proporção quando aplicar o pattern, o mesmo varia de acordo com o tamanho do formato
19
COMUNICAÇÃO INSTITUCIONAL
TÍTULO EM SOURCE CODE PRO BLACK ITALIC
LOGOTIPO PRIME VERSÃO OPCIONAL
TEXTO CORRIDO EM SOURCE SANS PRO REGULAR
GAMA DE ÍCONES
21
SOCIAL MEDIA PRIME
FORMATO POST FACEBOOK Para uma qualidade de imagem superior no Facebook, optamos pelo formato 1500x1500 pixels.
Em publicações patrocinadas, há necessidade de respeitar o encaixe do texto dentro do grid estipulado pelo Facebook. O grid contempla 25 quadrados, portanto, para não ultrapassarmos o limite de 20% de texto, utilizamos até 05 quadrados com texto. Fica a seu critério a melhor forma de diagramar o card, tanto o layout quanto a disposição do texto.
23
MODELO 01 - RODAPÉ O primeiro modelo de peça para o Facebook foi pensado para ser adaptável a diversos conteúdos visuais. De fácil aplicação, pode ser alterado com o conteúdo desejado em um curto período de tempo.
APLIQUE A TIPOGRAFIA NA COR BRANCA SOURCE CODE PRO BLACK ITALIC 70PTS ENTRELINHA 75PTS ESPAÇAMENTO -40PTS
BOX OUTLINE 20PTS VERMELHO PALETA SECUNDÁRIA BOX OUTLINE 20PTS BRANCO BOX VERMELHO PALETA SECUNDÁRIA OPACIDADE 35%
ÍCONE EM VERMELHO PALETA SECUNDÁRIA 80% ÍCONE EM VERMELHO PALETA SECUNDÁRIA 60% LOGOTIPO PRIME VERSÃO OPCIONAL
NUNCA ALTERE O TAMANHO DA CHAMADA.
BOX VERMELHO PALETA PRIMÁRIA
RESPEITE A PROPORÇÃO DOS ÍCONES DO RODAPÉ. A ESCOLHA DOS ÍCONES DEVE SEMPRE SER RELACIONADA COM O CONCEITO DA PEÇA
24
MODELO 02 - YOUTUBERS Este template foi idealizado para a inserção de conteúdo relacionado aos youtubers.
BOX OUTLINE 20PTS VERMELHO PALETA SECUNDÁRIA BOX OUTLINE 20PTS BRANCO
APLIQUE A TIPOGRAFIA NA COR BRANCA SOURCE CODE PRO BLACK ITALIC 70PTS ENTRELINHA 75PTS ESPAÇAMENTO -40PTS NUNCA ALTERE O TAMANHO DA CHAMADA.
ESPAÇO DESTINADO A FOTO DO YOUTUBER
BOX VERMELHO PALETA SECUNDÁRIA OPACIDADE 35% APLIQUE A TIPOGRAFIA NA COR BRANCA SOURCE CODE PRO BLACK ITALIC 65PTS ESPAÇAMENTO -40 LOGOTIPO PRIME VERSÃO PREFERENCIAL
25
MODELO 03 - MOLDURA Em coberturas de eventos ou em postagens originadas por usuários, foi desenvolvida uma alternativa de aplicação rápida do conteúdo.
BOX VERMELHO PALETA PRIMÁRIA OPACIDADE 70% BOX VERMELHO PALETA PRIMÁRIA OPACIDADE 60% BOX VERMELHO PALETA PRIMÁRIA OPACIDADE 35%
APLIQUE A TIPOGRAFIA NA COR BRANCA SOURCE CODE PRO BLACK ITALIC 70PTS ENTRELINHA 75PTS ESPAÇAMENTO -40PTS
LOGOTIPO PRIME VERSÃO EM NEGATIVO
NUNCA ALTERE O TAMANHO DA CHAMADA.
26
MODELO 04 - DESTAQUES Quando houver necessidade de foco em alguma informação destacada, como um ícone ou símbolo, sendo assim disponibilizamos mais esta opção.
BOX BRANCO OPACIDADE 10%
APLIQUE A TIPOGRAFIA NA COR BRANCA SOURCE CODE PRO BLACK ITALIC 70PTS ENTRELINHA 75PTS ESPAÇAMENTO -40PTS NUNCA ALTERE O TAMANHO DA CHAMADA.
BOX VERMELHO PALETA SECUNDÁRIA OPACIDADE 40%
BOX VERMELHO PALETA SECUNDÁRIA OPACIDADE 40%
LOGOTIPO PRIME VERSÃO EM NEGATIVO
27