BRAND BOOK | Manual da Identidade Visual
Desenvolvido por Alex Barboza Glauber Estevão Mário Raimundo Para Projeto Integrador I Professora Gisela Pinheiro Em colaboração com as disciplinas Editoração Eletrônica: Andrea Aminger Fotografia: Fernando Torres Sistemas de Identidade Visual: Angela Monteiro Imagem Digital: Marcelo Loureiro Marketing Aplicado ao Design: Isabela Rocha Produção Gráfica: Andrea Aminger Coordenadora Mirella Migliari Faculdade Senac Rio Graduação Tecnológica em Design Gráfico Turma 2015 DG.W2N
INDICE PROCESSO CRIATIVO
8
ASSINATURA 12 Vertical 12 Horizontal 13 MALHA CONSTRUTIVA 14 Horizontal 14 Vertical 15 ÁREA DE PROTEÇÃO 16 Horizontal 16 Vertical 17 CONVÍVIO COM OUTRAS MARCAS 18 Horizontal 18 Vertical 19 COMPORTAMENTO 20 Horizontal 20 Vertical 21 REDUÇÕES MÁXIMAS PERMITIDAS 22 Horizontal e Vertical 22 EM CORES POSITIVAS Vertical e Horizontal
24 24
EM CORES NEGATIVAS Horizontal e Vertical
25 25
MONOCROMÁTICA POSITIVA Horizontal e Vertical
26 26
FUNDO FOTOGRÁFICO 40 Imagens e Fotográficos 40
MONOCROMÁTICA NEGATIVA Horizontal e Vertical
27 27
FUNDOS COM TEXTURA 41 Imagens e Fotográficos 41
MONOCROMÁTICA Horizontal e Vertical
28 28
APLICAÇÕES INCORRETAS
MONOCROMÁTICA NEGATIVA Horizontal e Vertical
29 29
42
MASCOTE 45
OUTLINE 30 Horizontal e Vertical 30 RETÍCULA DE PRETO Horizontal e Vertical
31 31
CORES INSTITUCIONAIS Especif Técnicas
33 33
TIPOGRAFIA 35 Especif Técnicas 35 TIPOGRAFIA 36 Especif Técnicas 36 FUNDOS COLORIDOS Fundos Claros Fundos Escuros
38 38 39
BRINDES 46 Squeeze 47 Caneca 48 Caneca Infantil 49 Bolsas 50 Pen drive 51 Calendário 52 Estojo 53 Canetas 54 UNIFORMES 55 Bonés 56 Uniforme Funcionários 57 Uniforme Infantil 58 PAPELARIA Envelope Papel Timbrado Cartão de visita
59 60 61 62
MÍDIAS DIGITAIS
63
“O importante não é o que se dá, mas o amor com que se dá.” Madre Teresa de Calcutá
APRESENTAÇÃO
Neste manual estão demonstradas as definições conceituais, estratégicas e as normas que estabelecem os critérios para a aplicação correta da identidade visual da marca Associação Beneficente Amar. Se for necessário, um profissional de comunicação poderá auxiliá-lo a fazer a correta leitura e tradução da linguagem gráfica na aplicação destas normas durante a implantação e manutenção dos projetos, assim como na continuidade do trabalho e possíveis adequações às situações não previstas neste manual. O uso das regras aqui determinadas irá colaborar diretamente para o fortalecimento da comunicação visual da marca, estabelecendo um nível eficaz de entendimento por parte de todos. Reproduza os arquivos originais deste documento através de processo digital para preservar com segurança o design original do logotipo, simbolo e sua identidade. Quaisquer modificações e formas de utilização diferenciadas devem ser consultadas e aprovadas pelo gerente de Marketing da Associação Beneficente Amar. Obrigado.
6
A ONG A Associação Beneficente AMAR fundada em 20/07/2000, é uma organização sem fins lucrativos que desenvolve seu trabalho junto a crianças, adolescentes e jovens em situação de risco pessoal e social, através da metodologia do Sistema Preventivo da Educação, em três linhas operativas: Linha Emergencial, Linha Preventiva e Linha Formativa. A sua Missão é o desenvolvimento integral e inclusão social de crianças, adolescentes e jovens mais empobrecidos e em situação de risco, com foco no resgate da dignidade e na conquista da cidadania. A metodologia de ação usada pela AMAR fundamenta-se nos princípios de um processo ativo e participativo do educando, na construção de seu projeto de vida, visando sua reintegração social. Inspiram-se também nos princípios do Sistema Preventivo de Educação de Dom Bosco, que já em meados do século XIX levava em consideração os valores que cada criança, adolescente e jovem traz consigo, iluminados pelo tripé pedagógico da razão, do afeto e da espiritualidade, com um profundo respeito à opção religiosa de cada um dos assistidos.
7
PROCESSO CRIATIVO O processo criativo partiu de três marcas distintas esboçadas pelo grupo. O símbolo da primeira, apresentando um laço, tem como objetivo transmitir a ideia de SEGURANÇA e LIGAÇÃO, que são dois pilares importantes na instituição. Já o símbolo da segunda, representado pelo coração e os dois círculos superiores a ele, tem o intuito de comunicar o VÍNCULO AFETIVO entre integrantes da ONG e as crianças acolhidas. O resultado final visa sintetizar esses conceitos trazidos pelas duas partes preliminares. A contribuição da terceira marca é a fonte tipográfica, escolhida por preservar conceito e afeiçoar-se esteticamente ao símbolo.
8
9
As cores escolhidas para a representar a ONG foram o VERMELHO e o AZUL. O AZUL representa a FRIEZA, MONOTONIA e DEPRESSÃO, dada situação dos jovens antes do contato com a ONG. O VERMELHO representa o AMOR, AFETIVIDADE e ACOLHIMENTO, presentes nas ações da ONG. O dégradé, presente no laço do símbolo da marca, representa a transição existente na vida do jovem diante da atuação da instituição AMAR.
10
A MARCA
ASSINATURA Vertical
A marca é o elemento central de uma identidade visual. Quando bem utilizada, torna-se o item primário para o reconhecimento de qualquer produto no menor tempo de leitura e espaço.
12
ASSINATURA Horizontal
A assinatura principal é formada pela união de símbolo + logotipo. Prioritariamente, ela deve ser aplicada nas cores institucionais sobre fundo branco, respeitando sempre as proporções e os alinhamentos entre todos os elementos que constituem a marca.
13
MALHA CONSTRUTIVA Horizontal
A malha construtiva serve como guia para os casos de reprodução à mão. É proibido o redesenho ou reprodução da logotipia a partir de outras fontes que não as digitais. Caso seja necessário, solicite os arquivos ao Marketing.
7x
7x
7x
7x x 16x
21x
x 28x
14
72x
MALHA CONSTRUTIVA Vertical
7x
7x
7x x
x
21x
4x 6x
0,5x
0,5x 27x 28x
15
ÁREA DE PROTEÇÃO Horizontal
Esta área é determinada para evitar interferências de outros elementos na identidade visual da marca. Seu objetivo é assegurar a integridade da marca no caso de aproximações de elementos gráficos ou outras assinaturas que possam danificar sua imagem original.
14x 14x
16
area de proteção
ÁREA DE PROTEÇÃO Vertical
14x área de proteção
14x
17
CONVÍVIO COM OUTRAS MARCAS Horizontal
As alternativas de diagramação a seguir apresentadas consideram as situações de aplicação junto a outras marcas.
14x
18
14x
CONVÍVIO COM OUTRAS MARCAS Vertical
14x
14x
19
COMPORTAMENTO Horizontal
As alternativas de diagramação a seguir apresentam situações de aplicação junto a textos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi convallis vitae augue ut lacinia. Donec finibus quis lectus non sollicitudin. Vestibulum rhoncus tempus nisl, in imperdiet nisi auctor ac. Suspendisse vitae nunc dignissim mi dapibus dapibus in ut mi. Aliquam sit amet nibh ac eros placerat condimentum sed nec orci. Suspendisse potenti. Aenean mollis pharetra elit sed commodo. A l i q u a m vulputate arcu eget elit ornare feugiat. D o n e c faucibus non magna vitae luctus. Cras sed fringilla purus, nec feugiat magna. Praesent vestibulum ex nisi, eget dapibus tortor eleifend non. Nam vitae risus ac lectus commodo facilisis. Ut posuere orci ipsum, ac finibus nisl malesuada id. Suspendisse viverra ac ligula nec dictum. Donec lacus quam, mattis fermentumstibulum massa. Ut sollicitudin lacus nunc, non placerat sapien rhoncus in.
20
COMPORTAMENTO Vertical
Tem reiciis dolum dolora sapel in eos et omnis dollibus dolorum la commodi tibus, sitamus, sequo evelit audis mi, cor rati delisquat fugitatist, volori dolore nonsequias aut landae pellectam, autemodit vel is ut arite volupta tinvelique eratur sant fugitat. Ipienis sum as nonserro quaspita doluptibus dolorum harum remo duciliqui blabo. Ut enieni bla vel ma de nemqui vitat et quidunt dolores eniendi volorporiti ommolor atatur sandae ressi nimpore dolore sequi iliquos molut velitiur, to cullorunte occullum vent odit lit laboreperiae pa quiandae. Ehenimi, quaecat emporio nsequas sitatiania qui aut ped quuntionse pratecaborum a consenist faccat proreic tenderferias pliquis et occaepr ovidelent eum aperum inctota dolupta sus ipici num fuga. Itatemp oremquiae ma cum alisque dolorro quunt eumque natiisquatur sendipsapere sunt min ex explita eriorei cipsandem. Ro et reperi sit quiduci untionestrum re, consequo et et dusdae que laboreptatem eate exceria dolore parchil ictemporis vel ium as enditaqui aut ommo culparum reicient quam eossita ereicip sandae doloreribus autem evereptat autest, unt eost, si volorum quamustios pero eum dollaccum aligeni hiciis audae volum quatat unt ullate premos est int vellign ihilictur sam, con erem labori volum nobisim oluptaque ex
21
REDUÇÕES MÁXIMAS PERMITIDAS Horizontal e Vertical
A marca em sua redução máxima deve respeitar as medidas abaixo. É proibido o uso da marca menor que as dimensões estabelecidas. Esta aplicação deve ser adotada apenas nos impressos em papel. Em qualquer outro material deve ser previamente testado.
28mm
5,4mm 20mm
21mm
22
EM CORES POSITIVAS Vertical e Horizontal
24
EM CORES NEGATIVA Horizontal e Vertical
25
MONOCROMÁTICA POSITIVA Horizontal e Vertical
Não havendo possibilidade de impressão e reprodução da marca monocromática, em escala de preto e cinza, conforme demonstrado a seguir, é permitido o uso da marca em preto, nas versões positiva e negativa.
26
MONOCROMÁTICA NEGATIVA Horizontal e Vertical
27
MONOCROMĂ TICA Horizontal e Vertical
Escala de cinza positiva
28
MONOCROMĂ TICA NEGATIVA Horizontal e Vertical
Escala de cinza negativa
29
OUTLINE Horizontal e Vertical
A versão outline é recomendada para uso em papel de fax e aplicações de bordado.
30
RETÍCULA DE PRETO Horizontal e Vertical
Para fundos em tonalidade de cinza deve-se optar por uma versão monocromática, de acordo com a tabela de legibilidade apresentada.
31
CORES
CORES INSTITUCIONAIS Especificações Técnicas
A marca é utilizada em diversos materiais gráficos (embalagens, folders, brindes) com diferentes processos de impressão, e em várias mídias. O cuidado com o uso das cores determina a manutenção da identidade visual da marca. A utilização padrão de tons cromáticos, da forma apresentada abaixo, é a que deve ser seguida:
Escala Pantone
Policromia (Processo 4 cores - CMYK)
Para aplicação da marca em cores puras
Para aplicação no processo de impressão policromia
Pantone Solid Coated 2034 C
C: 7 / M: 93 / Y: 100 / K: 1
Pantone Solid Coated 2202 C
C: 73 / M: 23 / Y: 13 / K: 0
Processo Eletrônico (RGB)
Processo Eletrônico (Hexadecimal)
Utilizado para reprodução da marca em mídia eletrônica, exemplo: vídeo ou internet.
Utilizado para reprodução da marca em mídia eletrônica, exemplo: CSS ou HTML.
R: 222 / G: 51 / B: 20
# de3314
R: 56 / G: 157 / B: 195
#389dc3
33
TIPOGRAFIA
TIPOGRAFIA Especificações Técnicas
A família de fontes e suas variantes indicadas nessa página compõem o padrão tipográfico utilizado junto à marca. Evite utilizar outras fontes de letra e, se alguma inclusão for necessária, deve ser previamente informada e aprovada pelo Marketing.
ABCDEFGHIJKLMNOP abcdefghijklmnopqrs 1234567890!@#$%ˆ&*()_
ABCDEFGHIJKLMNO abcdefghijklmnopqr 1234567890!@#$%ˆ&*()_
Proxima Nova Light
Proxima Nova Regular
ABCDEFGHIJKLMNO abcdefghijklmnopqr 1234567890!@#$%ˆ&*()_
ABCDEFGHIJKLMNO abcdefghijklmnopqr 1234567890!@#$%ˆ&*()_
Proxima Nova Semibold
Proxima Nova Bold
Proxima Nova é uma fonte moderna que combina facilidade de leitura com uma personalidade incisiva. Sua forma permite uma excelente legibilidade.
35
TIPOGRAFIA Especificações Técnicas
Abaixo as especificações da forma correta de aplicar cada fonte.
TÍTULOS Bebas Neue
Subtítulos Proxima Nova Semibold
Destaques Proxima Nova Bold / Proxima Nova Extrabold
Texto paragráfo Proxima Nova Light (impresso) / Proxima Nova Regular (web)
36
APLICAÇÃO
FUNDOS COLORIDOS Fundos Claros
A marca pode ser utilizada sobre fundos diversos, devendo-se tomar cuidado com a legibilidade e a harmonia das cores. Preferencialmente aplicar sobre cores claras e branco.
38
C 10%
Y 10%
M 10%
K 10%
FUNDOS COLORIDOS Fundos Escuros
Sobre fundos escuros, deve-se optar por uma versão monocromática respeitando os critérios de contrates e legibilidade C 89% M 73% Y 0% K 0% C 73% M 15% Y 0% K 0% C 75% M 0% Y 49% K 0% C 64% M 0% Y 92% K 0% C 36% M 1% Y 93% K 0% C 6% M 0% Y 87% K 0% C 0% M 42% Y 92% K 0% C 2% M 60% Y 93% K 0% C 1% M 77% Y 93% K 0% C 35% M 81% Y 94% K 51% C 27% M 100% Y 90% K 29% C 0% M 94% Y 85% K 0% C 4% M 95% Y 0% K 0% C 22% M 65% Y 2% K 0% C 50% M 78% Y 0% K 0%
39
FUNDO FOTOGRÁFICO Fundos com Imagens e Fotográficos
A aplicação sobre fundos fotográficos deve obedecer aos seguintes critérios: - A marca deve ser aplicada sobre uma área da imagem com cor homogênea; - A área de proteção deve ser respeitada, de modo que outros elementos não interfiram na correta visualização da imagem
40
FUNDOS COM TEXTURA Fundos com Imagens e Fotográficos
Em imagens com muita textura a marca deve ser aplicada sobre a área de proteção em branco, com opacidade de 50%
41
APLICAÇÕES INCORRETAS O que não fazer
A marca Amar nunca deve ser alterada, seja na letra, na cor ou na forma, salvo exceções aprovadas pelo departamento de comunicação da ONG.
NÃO ALTERAR A COR
42
NÃO GIRAR
NÃO DISTORCER
APLICAÇÕES INCORRETAS O que não fazer
NÃO ACRESCENTAR BORDA
NÃO ALTERAR A ORDEM DOS ELEMENTOS
NÃO ALTERAR A ORDEM DAS CORES
43
O MASCOTE
MASCOTE O esquilo Edu é o animal que personifica a Associação Amar. A escolha se deu por suas características serem positivamente afins aos conceitos centrais já apresentados, de maneira a realçá-los. O personagem traz consigo inicialmente ALEGRIA e DIVERTIMENTO, fazendo presente o bem estar à juventude, proposto por meio das ações beneficentes e em suas devidas fases. Surpreendentemente, mas não casualmente, Edu tem uma série de valores que, sequenciados, refletem fielmente as diretrizes e aspirações que tem movido a instituição. São eles PLANEJAMENTO; PREVENÇÃO; PREPARAÇÃO; TRABALHO; PERSISTÊNCIA; CONSERVAÇÃO; RESERVA; PROSPERIDADE. A figura do mascote evoca fatores tocando os dois lados envolvidos - os atendidos e quem os socorre. Apresenta a visão de futuro, clara a um e nem tanto ao outro. Mostra a AMAR a se posicionar diante de determinado panorama, além de partir para prática e insistir no que se quer, papel que igualmente o jovem acolhido deve buscar. Por conseguinte, preservar o que se tem, o que se agregou; as ações e preceitos da ONG devem se perpetuar e alcançar outros, assim como a criança, o adolescente, e o jovem, devem fazê-lo aos que estão em condição um dia experimentada por eles. Edu é redução de Eduardo, que significa GUARDIÃO DE RIQUEZA.
45
BRINDES
SQUEEZE
47
CANECA
48
CANECA INFANTIL
49
BOLSAS
50
PEN DRIVE
51
CALENDÁRIO
52
ESTOJO
53
CANETAS
54
UNIFORMES
BONÉS
56
UNIFORME FUNCIONÁRIOS Todos os modelos são unissex.
57
UNIFORME INFANTIL
58
PAPELARIA
ENVELOPE
Rua.Alexandre Calaza 243 Vila Isabel - Rio de Janeiro CEP. 20560-110
Rua.Alexandre Calaza 243 Vila Isabel - Rio de Janeiro CEP. 20560-110
60
Formato aberto - 259 x 244 mm Formato fechado - 229 x 114 mm Cor - 4/4 Papel - alta alvura 120 g/m² Acabamento - corte especial, vinco e colagem
PAPEL TIMBRADO O papel timbrado mostrado abaixo contempla formatação expecifica. Em correspondências externas, deve-se sempre utilizar o papel timbrado com a assinatura colorida completa e com endereço. Em correspondências internas, pode-se também utilizar a versão monocromática básica.
Formato - A4 (210 x 297 mm) Cor - Branco Papel - alta alvura 90 g/m² Impressão 4/0 Acabamento - corte reto (simples)
Prezados senhores, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in felis in arcu malesuada elementum eu blandit libero. Suspendisse potenti. Nulla facilisi. Mauris non est feugiat, molestie enim et, laoreet enim. Sed suscipit nibh eu tortor convallis, et gravida quam varius. Duis bibendum ipsum eros. Nam id iaculis quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer bibendum metus mattis, sagittis orci eget, pharetra nisi. Nunc volutpat velit dui, quis suscipit dolor tempor id. Nulla venenatis, lorem vitae ornare semper, lacus sem blandit nunc, nec interdum libero dui non orci. Nullam et sapien nec lectus ullamcorper varius. Etiam nec diam quis lorem ornare facilisis nec nec urna. Morbi interdum, velit et accumsan semper, odio leo fermentum mauris, vitae consequat nisi orci eu turpis. Aliquam erat volutpat. Suspendisse sit amet nisl ligula. Pellentesque eu arcu ac turpis ultricies pulvinar nec a erat. Ut nisl mauris, sodales vel diam et, malesuada pellentesque nibh. Cras et lectus ex. In suscipit id lectus eget mollis. Pellentesque sed porttitor sem, nec porta neque. Donec nisl velit.
Tipologia: - Corpo: Proxima Nova Regular - Rodapé: Proxima Nova Light Alinhamento à esquerda
Mollis et iaculis acimperdiet, ut pretium risus cursus. Integer eu eros leo. Mauris scelerisque orci quis tortor consectetur ullamcorper. Morbi sodales urna sit amet felis luctus egestas. Aenean varius convallis fermentum. Ut luctus eu tellus malesuada fringilla.
Rio de Janeiro, 20 de novembro de 2015
Rua.Alexandre Calaza 243 Vila Isabel - Rio de Janeiro CEP: 20.560-110 Tel: (21) 2258-7890 / 2258-7898 assoc.amar@acaminho.org.br www.acaminho.org.br
Assinatura
Rua.Alexandre Calaza 243 Vila Isabel - Rio de Janeiro CEP: 20.560-110 Tel: (21) 2258-7890 / 2258-7898 assoc.amar@acaminho.org.br www.acaminho.org.br
Rua.Alexandre Calaza 243 Vila Isabel - Rio de Janeiro CEP: 20.560-110 Tel: (21) 2258-7890 / 2258-7898 assoc.amar@acaminho.org.br www.acaminho.org.br
61
CARTÃO DE VISITA Formato - 90 x 55 mm. Cor - 4/4 Papel - couché 300 g/m² Acabamento - corte reto (simples) e laminação frente e verso
Roberto Saturnino Braga Presidente
(21) 2258-7890 / (21) 2258-7898
assoc.amar@acaminho.org.br www.acaminho.org.br
62
Rua.Alexandre Calaza 243 Vila Isabel - Rio de Janeiro CEP. 20560-110
Mテ好IAS DIGITAIS
64
ASSINATURA DE E-MAIL
Atenciosamente, Mauro Furlan Elaboração de Projetos e Captação de Recursos (21) 2258-7890 / (21) 2258-7898 assoc.amar@acaminho.org.br www.acaminho.org.br
65
Este manual foi produzido em papel couchê 180g/m² Para o corpo de texto foi usada a fonte Proxima Nova Light. Para os títulos, foi usada a fonte Beba Neue Para o sumário foram usadas as fontes Proxima Nova e Bebas Neue Na Biblioteca da Faculdade de Tecnologia do Senac - Fatec, há um exemplar disponível para consulta pública a Fatec fica na rua Santa Luzia 735, 4º andar.