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