Manual de Identidade Visual da Marca
Projeto desenvolvido por: Paulo Augusto Borges Rodrigo Cherém Felipe Paiva Orientação: Andréa Franco Aminger - Projeto Integrador Colaboração: Fernando Torres - Fotografia Aleksandra Sliwowska - Marketing Angela Moreira - Identidade Visual Vinicius Guimarães - Imagem Digital Andréa Franco Aminger - Produção Gráfica, Editoração Eletrônica Coordenadora: Mirella Migliari Faculdade Senac Rio Gradução Tecnológica Em Design Gráfico Turma 2015.2
4
APRESENTAÇÃO
A MARCA
- O MANUAL - CONCEITO DA MARCA - PROJETOS DA ONG - PRANCHA CONCEITO - PRIMEIROS RASCUNHOS
- A MARCA - ASSINATURAS - MALHA CONSTRUTIVA ASSINATURA VERTICAL - MALHA CONSTRUTIVA ASSINATURA HORIZONTAL - ASSINATURAS APLICADAS EM CORES CLARAS - ASSINATURAS APLICADAS EM CORES ESCURAS - LOGO COMEMORATIVA ANIVERSÁRIO DE 15 ANOS - ESCALA DE CINZA / FUNDO PRETO - AS CORES DA MARCA - VERSÃO OUTLINE - APLICAÇÕES ERRADAS - ASSINATURA COMEMORATIVA DE 15 ANOS
ÁREA DE PROTEÇÃO E COMPORTAMENTO - ÁREA DE PROTEÇÃO VERTICAL - ÁREA DE PROTEÇÃO HORIZONTAL - COMPORTAMENTO DA LOGO AO LADO DE OUTRAS - COMPORTAMENTO DA MARCA SOBRE TEXTOS - COMPORTAMENTO DA MARCA SOBRE FOTOS - REDUÇÕES MÁXIMAS
TIPOGRAFIA
- TIPOGRAFIA PRINCIPAL - TIPOGRAFIA SECUNDÁRIA
MASCOTE
- RASCUNHOS
APLICAÇÃO EM PRODUTOS - APLICAÇÃO EM BRINDES - APLICAÇÃO EM CAMISAS
APLICAÇÕES PUBLICITÁRIAS - APLICAÇÕES EXTERNAS PADRONAGEM E GRAFISMO
- PADRONAGEM PRINCIPAL E SECUNDÁRIA - EXEMPLO DE PADRONAGEM APLICADA - GRAFISMO - EXEMPLO DE GRAFISMO APLICADO
PAPELARIA INSTITUCIONAL - CARTÃO DE VISITA - ENVELOPE - PAPEL TIMBRADO - ENVELOPE OFÍCIO
MÍDIAS DIGITAIS
- PÁGINA EM REDE SOCIAL - SITE NA INTERNET
SUBMARCAS
- EXEMPLO DE SUBMARCAS
5
APRESENTAÇÃO
O MANUAL
O manual de Identidade Visual é um documento que explica como aplicar a marca em diferentes situações através da padronização de elementos gráficos sem que ocorra perda das características principais da marca. É importante seguir esse manual para garantir a identidade visual da associação e facilitar o reconhecimento da AMAR pelo público.
8
CONCEITO DA MARCA
O redesenho da nossa marca, teve como principal objetivo simplificar a logo original, diminuindo elementos e unificando-os. Foram escolhidas, cidadania, respeito e acolhimento como as palavras chave para o redesenho da marca. A partir dessas palavras, alguns elementos foram escolhidos para serem usados como base para criação da nova marca. Pensando em acolhimento e cidadania, foi usada a representação de uma casa, o coração formado por duas mãos, reforça a ideia do respeito humano, do acolhimento e da cidadania, com a função de unir os jovens assistidos. As cores escolhidas para o redesenho da marca, foram o Azul e o verde. O azul remete à ideia de calma, paz, tranquilidade e firmeza do propósito já o verde veio através de um de seus principais significados que é a esperança.
9
PROJETOS DA ONG
Ação Pedagógica de Apoio à Escolaridade: acompanhamento de crianças no período contra turno escolar, com atividades para uma formação integral, nos Municípios do Rio de Janeiro e Duque de Caxias. -Duque de Caxias -Grajaú Adoção à Distância: crianças e adolescentes de famílias muito pobres que recebem ajuda de pessoas do exterior, para garantir a saúde, a formação escolar das crianças e o fortalecimento dos vínculos familiares. Casa de Acolhida Frei Carmelo Cox: Promove a melhoria da qualidade de vida de crianças e adolescentes em situação de rua, dando acolhida e apoio para seu desenvolvimento. Centro de Formação de Educadores: Atividades de formação para todos os educadores da Associação Beneficente AMAR. Evangelização: Momentos de valorização da religiosidade na formação integral para todos os participantes dos projetos. 10
Grupo das Jovens Mulheres: Desenvolver trabalho específico para um grupo de até 20 jovens mulheres, por vez, que se substituem durante o ano, à medida que cada uma atinge o seu objetivo, possibilitando-lhes desenvolvimento pleno de suas capacidades profissionais e de liderança feminina, no âmbito social e na atuação familiar. Iniciação ao Mundo do Trabalho – Jovem Aprendiz: Inserir adolescentes e jovens em situação de risco pessoal e social no mercado de trabalho, através de uma formação humana e profissional, que lhes garanta a autonomia e o ingresso no mundo do trabalho profissional. Intercâmbio Cultural e Solidariedade Internacional: Acolhimento de jovens para intercâmbio cultural e voluntariado internacional. Meninos de Rua: Atendimento a crianças, que se encontram nas ruas do Rio de Janeiro, oriundos das várias regiões do Estado, em três etapas: - Abordagem de Rua - Atividades no Centro Sócio Educativo - Acolhimento Institucional na Casa de Acolhida Frei Carmelo Cox Adoção à Distância: Apoio à formação escolar e cursos profissionais, para jovens. Projeto Padrinho 11
PRANCHA CONCEITO
Antes do processo de criação da nova marca da instituição, foi realizada uma pesquisa tendo como base as determinadas “Palavras-chave” Respeito, Cidadania e Acolhimento. 12
PRIMEIROS RASCUNHOS Antes de se chegar a marca final, foram feitos alguns rascunhos sobre a idéia, ao lado os primeiros rascunhos ja com conceito formado. Logo mais foi criada a logo que depois ainda passou por diversar alterações até chegar na versão final.
13
A MARCA
A MARCA
16
ASSINATURAS
17
ASSINATURA VERTICAL NA MALHA CONSTRUTIVA 27,5 x
36,5 x
2x 8x
3x X =X
25,5 x 33,5 x
18
ASSINATURA HORIZONTAL NA MALHA CONSTRUTIVA 27,5 x
36,5 x 8x 3x X
=X
25,5 x
33,5 x
19
ASSINATURAS APLICADA EM FUNDOS DE COR CLARA
20
ASSINATURAS APLICADA EM FUNDOS DE COR ESCURA
21
ASSINATURAS APLICADA EM ESCALA DE CINZA 10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
Para aplicação da marca em fundos em escala de cinza, sempre usar a logo em cor preta de 10% até 50% de preto, e a cor branca para 60% de preto até 100%.
22
ASSINATURAS APLICADA EM FUNDO PRETO
Logo horizontal com slogan plicada ao fundo preto, sempre na cor branco. Logo sem slogan em cor Logo com slogan em cor branco quando for apli- branco quando for aplicada em fundo preto. cada em fundo preto.
Logotipo aplicado ao fundo preto, sempre na cor branco.
23
AS CORES DA MARCA PANTONE 7455 C C90 M75 Y0 K0 R50 G85 B165 HEXADECIMAL - #3255a6 PANTONE 7739 C C80 M5 Y90 K0 R0 G170 B90 HEXADECIMAL - #1caa57
24
ASSINATURA HORIZONTAL E VERTICAL EM OUTLINE Vers천es em Outline
25
APLICAÇÕES ERRADAS
Alguns exemplos de como a Logo não pode ser executada em qualquer uma que seja a situação. Temos alguns erros de proporções, posicionamentos, logo achatada e esticada. 26
ASSINATURA COMEMORATIVA DE 15 ANOS
15 anos
Selo comemorativo 15 anos. 27
ÁREA DE PROTEÇÃO E COMPORTAMENTO
ÁREA DE PROTEÇÃO VERTICAL
6x
6x 30
=X
ÁREA DE PROTEÇÃO HORIZONTAL
6x
6x
=X
31
COMPORTAMENTO DA LOGO AO LADO DE OUTRAS 6x
6x
=X
A Logo mantém sua área de proteção de 6x ao ser aplicada ao lado de outras. 32
MARCA APLICADA SOBRE TEXTO Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
A logo quando aplicada sobre textos, também deve manter a mesma área de proteção de 6x para que a marca possa respirar e fique fácil sua leitura .
=X
33
MARCA APLICADA SOBRE FOTO A Logo, quando aplicada de forma colorida em uma imagem, mantém a mesma área de proteção de 6x. Para facilitar sua leitura deve-se projetar a marca no primeiro plano. =X
34
MARCA APLICADA SOBRE FOTO
Aplicação em roda-pé:
Logo quando aplicada em fundos es-
curos sem necessidade de cores. Será aplicada em cor branca.
Aplicação em roda-pé: Exemplo da Logo quando aplicada em
fundos escuros sem necessidade de cores e Sem a frase “a caminho da cidadania”. Neste caso aplicada em cor Preto.
35
REDUÇÃO MÁXIMA DA MARCA Sem o logotipo e sem o slogan
1,5cm
Para se garantir uma leitura boa e nítida da logo sem a palavra AMAR, é recomendável que se respeite o padrão de redução máxima. Podendo ser reduzida até 1,5cm. 36
REDUÇÃO MÁXIMA DA MARCA
6,8cm 2,5cm
A Logo quando aplicada com “a caminho da cidadania” tem 6,8cm de redução máxima para não perder a legibilidade.
A Logo quando aplicada apenas com logotipo AMAR, tem 2,5cm de redução máxima para uma melhor leitura. 37
REDUÇÃO MÁXIMA DA MARCA
5cm
Para redução da marca em formato horizontal, é preciso respeitar o limite de redução máxima de 5 centímetros, para quando está escrito “a caminho da cidadania” para que possa ter uma boa leitura da frase. 38
REDUÇÃO MÁXIMA DA MARCA
1,5cm
Para redução da marca em formato horizontal, quando não é utilizada a frase “ a caminho da cidadania”, a redução máxima pode chegar até 1,5cm visto que ainda assim a marca AMAR ainda estará legível. 39
TIPOGRAFIA
TIPOGRAFIA PRINCIPAL
A Tipografia Principal, é aquela que foi escolhida para fazer parte da Marca AMAR, Liberation Serif, com suas formas simples e rígidas proporciona uma boa leitura mesmo quando aplicada em seu menor tamanho. 42
TIPOGRAFIA PRINCIPAL
Liberation Serif
Liberation Serif em caixa baixa regular, bold, italico e bold italico
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 0123456789-“!@#$%&*() ? 0123456789 -“!@#$%&*() ? 0123456789 -“!@#$%&*()? 0123456789 -“!@#$%&*()?
43
TIPOGRAFIA PRINCIPAL
Liberation Serif
Liberation Serif em caixa Alta regular, bold, italico e bold italico
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789-“!@#$%&*() ? 0123456789 -“!@#$%&*() ? 0123456789 -“!@#$%&*()? 0123456789 -“!@#$%&*()?
44
TIPOGRAFIA SECUNDÁRIA
MoolBoran
MoolBoran em caixa baixa, numerais e símbolos
abcdefghijklmnopqrstuvwxyz 0123456789-“!@#$%&*() ? MoolBoran em caixa Alta, numerais e símbolos
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789-“!@#$%&*() ? A Tipografia Secundária, é a tipografia utilizada no manual da marca, e em outros casos como em produtos, flyers e material de sinalização interno. 45
MASCOTE
MASCOTE
48
MASCOTE
Dinho O mascote foi pensado para ser a representação viva da marca desenvolvida. Ao olhar para o mascote, é fácil identificar a marca criada através da forma e das cores mantidas.
49
APLICAÇÃO DA MARCA EM PRODUTOS
APLICAÇÃO DA MARCA EM BRINDES
Exemplo de caneca, um dos brindes com a logo e mascote aplicados no produto. 52
APLICAÇÃO DA MARCA EM BRINDES
Exemplo de brindes com aplicação da marca. 53
APLICAÇÃO DA MARCA EM CAMISAS T-SHIRT
Exemplo de camisas com a logo aplicada em modelos infantil e feminino em malha branca. 54
APLICAÇÃO DA MARCA EM CAMISAS T-SHIRT
Exemplo de camisas com a logo aplicada em modelos masculino e feminino em malha azul. 55
APLICAÇÕES PUBLICITÁRIAS DA MARCA
APLICAÇÃO PUBLICITÁRIA EM BANCA DE JORNAL
58
APLICAÇÃO PUBLICITÁRIA EM RELÓGIOS DE RUA E METRÔ
59
APLICAÇÕES PUBLICITÁRIAS EM ÔNIBUS
60
APLICAÇÕES PUBLICITÁRIAS EM OUTDOOR
61
SINALIZAÇÃO INTERNA
APLICAÇÕES DA IDENTIDADE VISUAL EM SINALIZAÇÕES INTERNAS
Sinalizações de banheiro masculino e feminino com a identidade da marca presente. 64
APLICAÇÕES DA IDENTIDADE VISUAL EM SINALIZAÇÕES INTERNAS
Aplicação da identidade visual também em placas que indicam banheiros e não fume. 65
APLICAÇÕES DA IDENTIDADE VISUAL EM SINALIZAÇÕES INTERNAS
Placas que sinalizam cantina e pátio, também foram criadas, e sempre mantendo a identidade. 66
CRACHA
Identidade da marca aplicada em crachá de identificação. 67
PADRONAGEM E GRAFISMO
PADRONAGEM PRINCIPAL
A padronagem foi criada usando a ideia de figura e fundo, a padronagem principal, é a mais usada e está presente em materias gráficos da marca como no manual, em folders, envelopes e outros. 70
PADRONAGEM SECUNDÁRIA
A padronagem secunária também pode ser usada assim como a principal, caso ocorra alguma situação em que ela nessa cor quando aplicada, tenha melhor harmonia. 71
EXEMPLO DE PADRONAGEM APLICADA A padronagem aparece aplicada sobre a malha de uma das camisas femininas .
72
EXEMPLO DE PADRONAGEM APLICADA Exemplo de padronagem aplicaao em Folder de divulgação da ONG.
73
GRAFISMO
Grafismo desenvolvido a partir da ideia do telhado contido na logo. 74
EXEMPLO DE GRAFISMO APLICADA
Exemplo de grafismo aplicado em brindes. 75
PAPELARIA INSTITUCIONAL
CARTﾃグ DE VISITAS Cartﾃ｣o de visitas minimalista, com apenas a logo na parte frontal e o padrﾃ｣o na parte de trﾃ｡s.
Roberto Saturnino Braga Presidente
Rua.Alexandre Calaza 243 Vila Isabel - Rio de Janeiro CEP. 20560-110 Tel. 0055-21-2258-7890 / 2258-7898 assoc.amar@acaminho.org.br www.acaminho.org.br
78
ENVELOPE
Tel. 0055-21-2258-7890 / 2258-7898 assoc.amar@acaminho.org.br www.acaminho.org.br Rua Alexandre Calaza 243 Vila Isabel - Rio de Janeiro CEP. 20560-110
79
PAPEL TIMBRADO
80
ENVELOPE OFICIO
81
Mﾃ好IAS DIGITAIS
PÁGINA DA ONG EM REDE SOCIAL
Representação da página da ONG em rede social. 84
PÁGINA DA ONG NA INTERNET
Representação de como seria a página da ONG na internet, em duas mídias diferentes. 85
SUBMARCAS
SUBMARCAS Casa de Acolhida Frei Carmelo Cox
Centro de Formação de Educadores
Algumas das submarcas criadas para representar os projetos internos da ONG. 88
SUBMARCAS
Algumas das submarcas criadas para representar os projetos internos da ONG. 89
Este manual foi produzido em papel couchê 180g/m² Para a construção dos textos contidos neste documento, foi utilizada a fonte MoolBoran. Para tópicos e subtópicos foi utilizado o corpo 25pt, e para os demais textos foi utilizado o corpo 18pt Na biblioteca da faculdade de tecnologia do Senac - Fatec, há um CD que contém todas as informações presentes no manual da marca AMAR.