age guideline
Post on 25-Jul-2016
250 Views
Preview:
DESCRIPTION
TRANSCRIPT
3
SUMÁRIO
APRESENTAÇÃO DO LOGOTIPOLOGOTIPO PRIME
APRESENTAÇÃO LOGOTIPO REGIÕES
PRETO E BRANCOVERSÃO EM NEGATIVO
MALHA CONSTRUTIVAUSOS INDEVIDOS
REDUÇÃO MÁXIMAÁREA DE SEGURANÇA
CONSTRUÇÃO DE NOVAS VERSÕES DE LOGOTIPOS REGIONAIS
PALETA DE COR PRIMÁRIA
PALETA DE COR SECUNDÁRIA
12 PALETA PANTONE METÁLICO
13 PALETA SECUNDÁRIA MONOCROMÁTICA
14 TIPOGRAFIA INSTITUCIONAL
15 TIPOGRAFIA PRIMÁRIA
16 TIPOGRAFIA SECUNDÁRIA
17 TIPOGRAFIA COMPLEMENTAR
18 ÍCONES
19 DESENVOLVIMENTODE ÍCONE
20 PATTERN
21 COMUNICAÇÃO INSTITUCIONAL
22 FORMATO - POST FACEBOOK
23 MODELO 1 - RODAPÉ
24 MODELO 2 - YOUTUBERS
25 MODELO 3 - MOLDURA
26 MODELO 4 - DESTAQUES
4
5
6
7
8
9
10
11
4
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.
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.
LOGOTIPOINSTITUCIONAL
LOGOTIPO PRIME
Estipulamos a cor vermelha, que representa intensidadee impacto, para o principal evento da marca: o Age Prime.A versão opcional pode ser utilizada em peças com coresque prejudiquem a assimilação do logotipo ou emoutros momentos pontuais.
LOGOTIPO PRIMEPREFERENCIAL
LOGOTIPO PRIMEVERSÃO OPCIONAL
LOGOTIPO PRIMEVERSÃO AUXILIAR
5
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.
6
PRETO E BRANCO VERSÃO EM NEGATIVO
A versão preto e branco deve ser utilizada somente em momentos de necessidade, sendo assim utilize o bom senso.
Para não prejudicar a visualização da marca em materiais que apresentem cores similares ao do logotipo, foi disponibilizadaa versão em negativo. Utilize apenas neste contexto determinado.
A versão preto e branco se aplicaem qualquer variação do logotipo.
A versão preto e branco se aplicaem qualquer variação do logotipo.
7
MALHA CONSTRUTIVA USOS INDEVIDOS
O equilíbrio nas medidas do logotipo são essenciais para a plena assimilação da marca pelo público. Respeite os padrões estipuladose não distorça as proporções sob nenhuma hipótese.
Neste guia você encontra todo o direcionamentopara fazer um bom uso do logotipo, sendo assim,são vetadas manipulações como as abaixo:
Não dimensionaro AGE do logotipo.
Não aplicar sombrano logotipo.
PRIME PRIME
Não dimensionaro logotipo sem mantera proporção adequada.
Não utilizar o logotiposem o “joystick”.
PRIME
VALOR DE X
Não aplicar degradêno logotipo.
Não alterar a tipografia utilizada no logotipo.
8
REDUÇÃO MÁXIMA ÁREA DE SEGURANÇA
A utilização do logotipo em tamanho menor ao citado abaixoé vetada, pois prejudica a legibilidade.
A redução máxima se aplica a qualquer variação do logotipo.
Quando for aplicar o logotipo, respeite a área de segurança.Utilize a letra A como medida de distância.
A área de segurança se aplica a qualquer variação do logotipo
Aplicação em tamanho real.
PRIME
Aplicação em tamanho real.
PRIME
MATERIAISIMPRESSOS
PRIME
MÍDIASDIGITAIS
PRIME
9
CONSTRUÇÃO DE NOVAS VARIAÇÕES DO LOGOTIPO
Utilizando a malha construtiva base, escolhaa cor primária da região e aplique em 2016 e em AGE.
A cidade deve sempre ser aplicada com altura de 1,5xe centralizada no “joystick”.
Quando o nomeda cidade for muito grande para a aplicação em uma única linha, utilize 1x de entrelinha.
Agora, escolha a cor secundária da regiãoe aplique no “joystick”.
VALOR DE X VALOR DE X
10
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.
C 0 M 100 Y 100 K 0R 240 G 30 B 35HEX E12626PANTONE 485 C40% 60% 80%
40% 60%60% 80%80%
C 0 M 15 Y 100 K 0R 255 G 210 B 15HEX FFCE00PANTONE 116 C 40% 60% 80%
C 80 M 0 Y 25 K 0R 0 G 150 B 215HEX 0099D6PANTONE 801 C 40% 60% 80%
C 25 M 85 Y 0 K 0R 190 G 80 B 160HEX BC4E9DPANTONE 674 C40% 60% 80%
C 40 M 0 Y 100 K 0R 165 G 205 B 60HEX A1CC3APANTONE 367 C
11
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.
C 45 M 100 Y 75 K 70R 70 G 20 B 25HEX V PANTONE 4975 C40% 60% 80%
40% 60%60% 80%80%
C 45 M 75 Y 80 K 60R 80 G 45 B 30HEX 512B1CPANTONE 4625 C 40% 60% 80%
C 90 M 75 Y 55 K 65R 10 G 30 B 50HEX 081F2EPANTONE 5395 C 40% 60% 80%
C 80 M 100 Y 40 K 45R 60 G 20 B 70HEX 3E1051PANTONE 2627 C40% 60% 80%
C 75 M 55 Y 85 K 70R 30 G 45 B 25HEX 22362APANTONE 5605 C
12
PALETA PANTONE METÁLICO
Em materiais especiais, a impressão deve ser feita respeitandoas escolhas dos pantones abaixo, relacionados diretamente comas cores primárias originais. VERMELHO
METÁLICO
PANTONE 8883 C
LILÁS METÁLICO
PANTONE 8104 C
AZUL METÁLICO
PANTONE 8765 C
DOURADO METÁLICO
PANTONE 8642 C
VERDE METÁLICO
PANTONE 8683 C
DOURADOMETÁLICO
13
PALETA SECUNDÁRIA MONOCROMÁTICA
Em grandes tiragens existe a necessidade de impressão em 2x0, portanto utilize esta paleta quando necessário.
C 0 M 95 Y 0 K 85PANTONE 4975 C40% 60% 80%
40% 60%60% 80%80%C 0 M 80 Y 0 K 95PANTONE 4625 C 40% 60% 80%
C 80 M 0 Y 0 K 85PANTONE 5395 C 40% 60% 80%
C 0 M 70 Y 0 K 80PANTONE 2627 C40% 60% 80%
C 0 M 0 Y 90 K 85PANTONE 5605 C
14
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 dinamismodesse mercado, atributo presente na fonte do logotipo.
TIPOGRAFIA INSTITUCIONAL
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
0 1 2 3 4 5 6 7 8 9 ! @ # $ % ¨ & * ( ) - _ + = ´[ ] ^ ~ ; : . , < >
Utilização: Criação de novos logotipos regionais.
PRIMEPRIME
exemplo
15
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.
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
0 1 2 3 4 5 6 7 8 9 ! @ # $ % ¨ & * ( ) - _ + = ´[ ] ^ ~ ; : . , < >
Utilização: Título, subtítulo e destaque.
exemplo
16
TIPOGRAFIA SECUNDÁRIA
A Source Sans Pro possui as mesmas características da opção anterior, porém otimizada para leitura em textos corridos.
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 Z0 1 2 3 4 5 6 7 8 9 ! @ # $ % ¨ & * ( ) - _ + = ´[ ] ^ ~ ; : . , < >
Utilização: informações complementares, texto corrido e legenda.
SOURCE SANS PRO
exemplo
17
Utilização: mídias digitais que não permitem webfonts,apresentações abertas e documentos.
TIPOGRAFIA COMPLEMENTAR
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 zA B C D E F G H I J K L M N O P Q R S T U V X W Y Z0 1 2 3 4 5 6 7 8 9 ! @ # $ % ¨ & * ( ) - _ + = ´[ ] ^ ~ ; : . , < >
Nos momentos em que as tipografias principais estiverem indisponíveis, deve ser utilizada a fonte de sistema Tahoma.
exemplo
18
ÍCONES
Os ícones estão disponíveis para o uso em diversos contextos. Se houver o intuitode 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 utilizeo bom senso e mantenha a proposta flat e minimalista, valorizando principalmenteos contornos do elemento trabalhado.
19
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.
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
Instruções de construção:
COMUNICAÇÃOINSTITUCIONALCOMUNICAÇÃOINSTITUCIONAL
21
LOGOTIPOPRIMEVERSÃOOPCIONAL
TÍTULO EMSOURCE CODE PROBLACK ITALIC TEXTO CORRIDO
EM SOURCESANS PROREGULAR
GAMADE ÍCONES
SOCIALMEDIA
PRIME
23
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.
24
MODELO 01 - RODAPÉ
BOXVERMELHO PALETA SECUNDÁRIAOPACIDADE 35%
BOXVERMELHOPALETAPRIMÁRIA
BOX OUTLINE 20PTSVERMELHO PALETA SECUNDÁRIA
BOX OUTLINE 20PTSBRANCO
ÍCONE EM VERMELHOPALETA SECUNDÁRIA 60%
ÍCONE EM VERMELHOPALETA SECUNDÁRIA 80%
LOGOTIPO PRIME VERSÃO OPCIONAL
RESPEITE A PROPORÇÃODOS ÍCONES DO RODAPÉ.A ESCOLHA DOS ÍCONES DEVE SEMPRE SER RELACIONADACOM O CONCEITO DA PEÇA
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 desejadoem um curto período de tempo.
SOURCE CODE PROBLACK ITALIC 70PTSENTRELINHA 75PTSESPAÇAMENTO -40PTSNUNCA ALTEREO TAMANHODA CHAMADA.
APLIQUEA TIPOGRAFIANA COR BRANCA
25
MODELO 02 - YOUTUBERS
BOXVERMELHO PALETA SECUNDÁRIAOPACIDADE 35%
ESPAÇO DESTINADO A FOTO DO YOUTUBER
BOX OUTLINE 20PTSVERMELHO PALETA SECUNDÁRIA
BOX OUTLINE 20PTSBRANCO
LOGOTIPO PRIME VERSÃO PREFERENCIAL
Este template foi idealizado para a inserçãode conteúdo relacionado aos youtubers.
SOURCE CODE PROBLACK ITALIC 65PTSESPAÇAMENTO -40
APLIQUE A TIPOGRAFIANA COR BRANCA
SOURCE CODE PROBLACK ITALIC 70PTSENTRELINHA 75PTSESPAÇAMENTO -40PTSNUNCA ALTEREO TAMANHODA CHAMADA.
APLIQUEA TIPOGRAFIANA COR BRANCA
26
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.
LOGOTIPO PRIME VERSÃO EM NEGATIVO
BOXVERMELHO PALETA PRIMÁRIAOPACIDADE 35%
BOXVERMELHO PALETA PRIMÁRIAOPACIDADE 60%
BOXVERMELHO PALETA PRIMÁRIAOPACIDADE 70%
SOURCE CODE PROBLACK ITALIC 70PTSENTRELINHA 75PTSESPAÇAMENTO -40PTSNUNCA ALTEREO TAMANHODA CHAMADA.
APLIQUEA TIPOGRAFIANA COR BRANCA
27
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.
LOGOTIPO PRIME VERSÃO EM NEGATIVO
BOXBRANCOOPACIDADE 10%
BOXVERMELHO PALETA SECUNDÁRIAOPACIDADE 40%
BOXVERMELHO PALETA SECUNDÁRIAOPACIDADE 40%
SOURCE CODE PROBLACK ITALIC 70PTSENTRELINHA 75PTSESPAÇAMENTO -40PTSNUNCA ALTEREO TAMANHODA CHAMADA.
APLIQUEA TIPOGRAFIANA COR BRANCA
top related