28

AGE Guideline

Embed Size (px)

DESCRIPTION

Guideline AGE.

Citation preview

Page 1: AGE Guideline
Page 2: AGE Guideline
Page 3: AGE Guideline

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

Page 4: AGE Guideline

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

Page 5: AGE Guideline

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.

Page 6: AGE Guideline

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.

Page 7: AGE Guideline

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.

Page 8: AGE Guideline

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

Page 9: AGE Guideline

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

Page 10: AGE Guideline

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

Page 11: AGE Guideline

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

Page 12: AGE Guideline

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

Page 13: AGE Guideline

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

Page 14: AGE Guideline

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

Page 15: AGE Guideline

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

Page 16: AGE Guideline

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

Page 17: AGE Guideline

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

Page 18: AGE Guideline

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.

Page 19: AGE Guideline

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:

Page 20: AGE Guideline

COMUNICAÇÃOINSTITUCIONALCOMUNICAÇÃOINSTITUCIONAL

Page 21: AGE Guideline

21

LOGOTIPOPRIMEVERSÃOOPCIONAL

TÍTULO EMSOURCE CODE PROBLACK ITALIC TEXTO CORRIDO

EM SOURCESANS PROREGULAR

GAMADE ÍCONES

Page 22: AGE Guideline

SOCIALMEDIA

PRIME

Page 23: AGE Guideline

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.

Page 24: AGE Guideline

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

Page 25: AGE Guideline

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

Page 26: AGE Guideline

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

Page 27: AGE Guideline

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

Page 28: AGE Guideline