Manual de Identidade Visual - Avante

Apostila de Identidade Visual

Sumário Quem somos nós

Introdução à marca - 7 Por que existimos - 8 Com quem falamos - 9 Posicionamento - 10 Atributos verbais - 11 Aspectos visuais - 12

Elementos primários

Assinatura visual - 17 Versões da assinatura - 18 Cores - 19 Área de proteção e tamanho mínimo - 20 Uso sobre fundo colorido - 21 Uso incorreto - 22

Elementos secundários

Tipografia institucional - 25 Tipografia de sistema/web - 27 Cores institucionais - 28

Aplicações

Elementos gráficos - 31 Fotografia - 32 Aplicações - 33 Papelaria - 36 Material escolar - 40 Redes sociais - 42 Website - 43

Quem somos n贸s

Introdução à marca Avante é um programa de alfabetização de adultos, voltado ao ambiente empresarial. Bancado pelas empresas, como benefício aos funcionários que interromperam os estudos precocemente. Inclui outros conteúdos além do Português, tornando os alunos mais aptos a se comunicar por escrito, e compreender melhor as comunicações internas da empresa.

7

Por que existimos A Avante existe para poder proporcionar àqueles trabalhadores que abandonaram os estudos uma nova oportunidade de aprender e crescer.

A metodologia de ensino e as aulas são totalmente adaptadas às necessidades do trabalhador da construção civil, uma vez que os cursos tradicionais de alfabetização de jovens e adultos apresentam diversas barreiras, como horários após expediente de trabalho e um sistema de alfabetização ineficaz.

São ministradas aulas de curta duração utilizando uma metodologia eficiente que se preocupa com a vivência dos alunos, em grupos pequenos e em intervalos na obra. Com destaque às aulas voltadas à toda a família do trabalhador em finais de semanas específicos que tem por objetivo ensinar economia doméstica, reaproveitamento de resíduos, gestão de pequenos negócios, entre outras aulas que visam ajudar a o trabalhador a ter uma melhor em família.

Com quem falamos A Avante tem como público alvo principal o trabalhador da construção civil, popularmente conhecido como pedreiro.

A profissão de pedreiro é uma das mais antigas. No mundo árabe, recebia o nome de “alvanel” a pessoa que erguia paredes de alvenaria com pedras, tijolos ou outros materiais. O nome pedreiro teve sua origem do latim petrarium, ou seja, relativo às pedras.

Um pedreiro apesar de desempenhar funções básicas em uma obra, necessita também ter conhecimentos de alguns aspectos importantes da construção, como saber consultar plantas, saber realizar marcações em um terreno de uma obra, além de procurar possuir um conhecimento dos tipos de materiais e equipamentos disponíveis para o seu trabalho.

9

Posicionamento A Avante é a única empresa de alfabetização de jovens e adultos que propõe um sistema de ensino integrado a vivência de trabalho do aluno e colaborativo ao seu cotidiano e comunidade.

A Avante é inclusiva, sinérgica e consciente.

Atributos verbais

11

Aspectos visuais Cenรกrio

Aspectos visuais Trabalhador

13

Aspectos visuais Cores

Elementos primรกrios

Assinatura visual A assinatura visual da avante tem como símbolo a ponta de um lápis na horizontal e que se assemelha a uma seta que aponta para frente, indicando o futuro e o crescimento.

Assinatura visual avante

A fonte do logotipo que compõe a assinatura foi escolhida por ter uma aparência de escrita manual, com suas letras bem desenhadas, sem perder a aparência moderna.

Sua composição foi feita de forma que a horizontalidade do logotipo e do símbolo lembrassem os contornos de um lápis.

Logotipo

Símbolo

17

Versões da assinatura A avante possui somente uma versão de assinatura visual composta por logotipo e símbolo e que tem seu uso preferencial em cores sendo sempre aplicado sobre fundo branco.

As versões em monocromia do logotipo devem ser usadas somente quando for impossível o uso em cores.

Assinatura em cores (preferencial)

Assinatura monocomática em positivo

Assinatura monocomática em negativo

Cores As cores que compõe a assinatura visual da avante são o amarelo e o azul.

O amarelo foi escolhido por ser uma cor quente brilhante e energizante que remete à felicidade, é acolhedora e estimulante. Assim como estimula o otimismo e a esperança e também ajuda a concentrar a atenção e estimular o intelecto.

O azul é uma cor fria que é complementar ao amarelo, tornando a composição interessante, e que aumenta a criatividade e contemplação e estimula a produtividade, além de promover confiança na marca.

CMYK C:0 - M:15 - Y:100 - K:0

CMYK C:100 - M:50 - Y:5 - K:60

RGB R:255 - G:212 - B:0

RGB R:0 - G:54 - B:94

As cores devem sempre ser usadas nas proporções CMYK definidas e apresentadas ao lado.

19

Área de proteção e tamanho mínimo x

A área de proteção é a medida mínima de segurança de respiro da assinatura, sempre que possível a área livre ao redor da assinatura deve ser maior que a área de proteção.

A assinatura deve ser redimensionada (sem distorções) para que possa atender às necessidades de cada peça de comunicação.

O tamanho mínimo da assinatura de forma que seja possível perfeita legibilidade e entendimento é de 15mm. A assinatura nunca deve ser aplicada em tamanho inferior.

x

x x

x Tamanho mínimo

15mm

x

Uso sobre fundo colorido A assinatura visual da avante não deve ser utilizada sobre fundo colorido ou imagem.

Somente em casos de impossibilidade da aplicação sobre fundo branco deve ser utilizada a aplicação da versão monocromática em versão positiva ou negativa, dependendo da necessidade da peça, sobre fundo cromático.

21

Uso incorreto O uso correto de um assinatura é essencial para manter a integridade e força de uma empresa em todos os seus pontos de contato.

Tendo os usos corretos da assinatura sido mostrados na página anterior aqui são mostrados alguns exemplos de uso incorreto, que não se limitam a somente estes.

Sendo proibido distorcer a assinatura (1), recriar ou alterar (2), mudar as cores (3), aplicar a assinatura sobre fundos com cores ou imagens (4), invadir a área de proteção (5), aplicar efeitos 3D ou de sombra (6), aplicar a assinatura sobre imagem, mesmo que em um box branco (7), separar ou alterar os componentes da assinatura (8) e usar a assinatura no meio de um texto (9).

1

2

3

4

5

6

Ensino de qualidade

7

8

9

Elementos secundรกrios

Tipografia institucional A escolha de uma tipografia para um sistema de identidade visual é essencial para qualquer marca e as fontes escolhidas para compor a identdade visual da avante forma uma composição única e esclusiva.

Blogger Sans

A Blogger Sans, nossa fonte primária, é uma fonte round que possui uma aparência amigável e cujas letras bem desenhadas facilitam a legibilidades.

Light Italic abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ

A Blogger Sans deve sempre, e somente, ser utilizada para compor títulos., podendo suas variações serem usadas da forma que for adequado à comunicação.

Blogger Sans está disponível para download gratuito em: http://www.fontfabric.com

Light abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ

Regular abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ Italic abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ Medium abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ Medium Italic abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ Bold abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ Bold Italic abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ

25

Tipografia institucional Nossa fonte secundária é a Cordale, cujo desenho das letras e proporções condensadas fazem dela uma ótima opção para corpos de textos.

A Cordale, devida às características já descritas, deve sempre e somente ser utilizada para compor corpos de textos, podendo suas variações serem usadas da forma que for adequado à comunicação.

Cordale está disponível para compra em: http://www.daltonmaag.com

Cordale

Regular abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ Italic abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ

Bold abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ

Bold Italic abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ

Tipografia de sistema/web Times New Roman é uma fonte padrão de sistema que deve ser usada para substituir a Blogger Sans e a Cordale em peças de comunicação feitas em programas de sistema como pacote Office e em e-mails.

Times New Roman Regular abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ Italic abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ Bold abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ Bold Italic abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ

27

Cores institucionais A paleta de cores da avante é composta por cores primárias, secundárias e auxliar.

Primárias

As cores primárias devem ser usadas somente em destaque. Para que associações imediatas possam ser feitas com a marca e sem desgastar as cores da assinatura.

As cores secundárias devem ser utilizadas como apoio nos materiais de comunicação.

A cor auxiliar definida deve ser utilizada para compor os textos nas peças de comunicação da marca.

Pantone: 116C

Pantone: 2955C

CMYK: 0 - 15 - 100 - 0

CMYK: 100 - 50 - 0 - 60

CMYK: 0 - 0 - 0 - 0

RGB: 255 -212 - 0

RGB: 0 -54 - 99

RGB: 255 -255 - 255

Hex.: #FFD400

Hex.: #003663

Hex.: #FFFFFF

Secundárias

Auxiliar

Pantone: 144C

Pantone: 801C

Pantone: 418C

CMYK: 0 - 50 - 100 - 0

CMYK: 100 - 0 - 0 - 15

CMYK: 15 - 0 - 25 - 75

RGB: 247 -148 - 30

RGB: 0 -152 - 209

RGB: 83 -92 - 80

Hex.: #F7931E

Hex.: #0098D2

Hex.: #535D50

Aplicações

Elementos gráficos Entre os principais elementos gráficos do sistema estão as padronagens e suas duas variantes de cores assim como o grafismo de assinatura branco sobre fundos cromáticos ou fotográficos.

Nas peças de comunicação da avante o grafismo de assinatura deve ser sempre usado quando for necessária a adição de área branca para posicionamento da assinatura visual.

Padronagem

Assinatura

31

Fotografia As peças fotográficas devem ser usadas como capas e em áreas de destaque. As imagens selecionadas devem conter o pedreiro em primeiro plano e sempre realizando alguma atividade, de maneira que a passe a ideia de construção.

As imagens devem ser tratadas de forma que que se tire toda a cor e se aplique as cores secundárias por cima.

Processo de tratamento: Abrir a imagem (1) no Adobe Photoshop, clicar em create new fill or adjustment layer, selecionar black and white e colocar o preset como lighter. Agora que a imagem está em preto e branco (2) basta criar uma nova camada por cima das anteriores e preencher com uma das cores secundárias e colocar essa camada em multiply.

Seguindo corretamente os passos o resultado será como o apresentado nessa página (3).

Original (1)

Resultado final (3)

Preto e branco (3)

Aplicações Algumas das aplicações mais comuns serão nos uniformes dos profissionais da empresa e na sinalização das salas e banheiros, tanto na empresa como nas salas de aula.

Uniforme

Sinalização

33

Aplicações Na sala comercial da empresa serão utilizadas placas de acrílico transparente com a aplicação da assinatura visual.

Sala comercial

Além das placas serão aplicadas as placas de sinalização.

Placa de acrílico

Aplicações Uma vez que as aulas serão ministradas nas obras a mobilidade das salas de aula se torna essencial.

Sala de aula

Por este motivo as aulas serão dadas em containers cuja única aplicação externa é a identificação na fachada com a assinatura visual aplicada.

35

Papelaria Os itens de papelaria são alguns dos mais importantes quando se fala em identidade visual. Sendo assim é vital que estes itens reflitam as características da empresa de forma a reforçarem quem somos.

Cartão de visitas

Mariele Rodrigues Gerente

(11) 3724-1236 Av. Ipiranga, 437 - Centro São Paulo, SP | CEP 13400-000

Papelaria Papel carta

(11) 3724-1236 Av. Ipiranga, 437 - Centro S達o Paulo, SP | CEP 13400-000

37

Papelaria Pasta L

Av. Ipiranga, 437 - Centro S達o Paulo, SP | CEP 13400-000 Tel.: (11) 3724 1236 - Fax.: (11) 3724 1230

39 Av. Ipiranga, 437 - Centro S達o Paulo, SP | CEP 13400-000 Tel.: (11) 3724 1236 - Fax.: (11) 3724 1230

Envelope

Papelaria

Material escolar As aplicações apresentadas no material escolar tem como objetivo reforçar a identidade da empresa assim como criar um laço entre nós e os alunos.

Material escolar

Material escolar Certificado

CERTIFICADO Certificamos que

Fabrício de Oliveira Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vestibulum porttitor justo eu ullamcorper. Phasellus tempor tristique cursus. Maecenas interdum massa eu maximus mollis.

Duis ex magna, lobortis viverra aliquet fringilla, tristique aliquam est. Cras non dictum urna.

Donec posuere in velit eget lobortis. Aliquam erat volutpat. Nulla laoreet auctor ex eu aliquet.

Nulla laoreet auctor ex eu aliquet, 2015

Titular do certificado

Diretor(a) da Unidade de Ensino

41

Redes sociais Sendo o Facebook um dos principais canais de comunicação com o público-alvo da empresa é de vital importância que a identidade seja mantida em ambiente digital.

Página do Facebook

Website Assim como as demais aplicações o website da empresa tem o objeitvo de conectar o público-alvo com a empresa, por este motivo o site apresenta um layout simples e intuitivo mantendo sempre a identidade desenvolvida e trabalhada.

Página inicial do website

43