Manual da Marca e Identidade Visual do Instituto Social São Cristovão Conceito, estratégias e aplicações
Manual produzido por Daniela Nóbrega, Marcel Barboza, Régis Florêncio e Rodrigo Moon, alunos de Design Gráfico da UNESP Bauru para a disciplina de Projeto II, sob orientação da Prof. Dr. Cássia Carrara no ano de 2015/2016.
Sumário
1 2 3
2
Introdução 1.1 Apresentação 1.2 Proposta do projeto 1.3 Processo de criação Os elementos da identidade 2.1 Marca 2.2 Monocromia 2 .3 Malha de construção 2.4 Area de proteção 2.5 Reduções 2.6 Tipografia 2.7 Cores Institucionais
5 6
8
9 10 12 13 14
Como usar os elementos da identidade 3.1 Como usar a marca 3.2 Usos da tipografia 3.3 Uso sobre fundos Fundos escuros e claros Fundos fotográficos Fundos coloridos 3.4 Materialização do logo 3.5 Uso de padronagem (Pattern)
Manual de Identidade INSCRI
4
4
15
17 21
Aplicações da marca 4.1 Mídia impressa Papel timbrado Envelope A4 Envelope carta Adesivo Cartão de visita Crachá Convite 4.2 Mídia digital Foto de capa Foto de perfil Assinatura email Modelo de postagem 4.3 Mídia externa Banners Fachada Uniformes
22
5
25 26
Produção gráfica 5.1 Papéis recomendados 5.2 Bibliotecas de cores
28 29 31
30
32
33 33 34 34 34 35 37 38 39
41 41
Introdução 1.1 Apresentação 1.2 Proposta do projeto 1.3 Processo de criação
1.1 Apresentação Este manual foi construído e desenvolvido para o Instituto Social São Cristovão, INSCRI enquanto projeto da disciplina de Projeto II, do curso de Design da UNESP. O projeto foi desenvolvido em conjunto com a coordenação do instituto e com as próprias crianças que o frequentam. Este manual visa o uso correto da marca e todos seus elementos acessórios e aplicações possíveis. O Instituto Social São Cristovão é um serviço de convivência e fortalecimento de vínculos para crianças e adolescentes de 6 a 15 anos. Com foco na constituição de espaço de convivência, formação para a participação e cidadania, desenvolvimento do protagonismo e da autonomia das crianças e adolescentes, a partir dos interesses, das necessidades e das potencialidades dessa faixa etária.
4
Manual de Identidade INSCRI
1.2 Proposta do projeto O Instituto Social São Cristovão é um Serviço de Convivência e Fortalecimento de Vínculos para Crianças e Adolescentes de 6 a 15 anos. Com foco na constituição de espaço de convivência, formação para a participação e cidadania, desenvolvimento do protagonismo e da autonomia das crianças e adolescentes, a partir dos interesses, das necessidades e das potencialidades dessa faixa etária. O projeto se deu início com a história do instituto. Fundado por senhoras que frequentavam a paróquia de São Cristovão, o projeto tinha como objetivo ajudar e promover atividades com crianças das áreas carentes das favelas próximas. Com atividades como pintura e artesanato, o projeto foi evoluindo até tomar forma de projeto de assistência social a crianças de baixa renda, fornecendo complemento de conteúdo escolas e auxílio nos deveres de casa. Hoje, o instituto é regulamentado pela prefeitura de Bauru e atende crianças de 3 bairros próximos. Contudo, o instituto possui pequena visibilidade dentro da comunidade local e também depende de doações para se manter. Dessa forma, percebeu-se que a principal carência do instituto era a visibilidade e ausência de voz perante a comunidade bauruense, da qual dependia. Propomos um redesign de toda a marca, de uma forma que representasse melhor o que o instituto propõe e inovasse esta imagem, a qual tem como função dar voz às necessidades e atividades do instituto.
Manual de Identidade INSCRI
5
1.3 Processo de criação
Inicialmente não se tinha uma claro o que era esta imagem que queríamos transparecer. Foi necessária uma aproximação não somente com a coordenação do instituto, como também com as crianças beneficiadas por ele. Através de uma dinâmica, recolhemos depoimentos e desenhos feitos pelas crianças, dos mais diversos assuntos e cores e formas. Logo, ficou claro que o instituto não possui uma cara, mas sim inúmeras: as das crianças que o frequentam. Dessa forma, se tornou claro que o logo, elemento de maior visibilidade, deveria ser não uma forma única e fechada, mas aberta e diversa. Decidimos por incorporar partes dos desenhos das crianças, para realmente transparecer esta mensagem de pluralidade e diversidade alegre que nos contagiou na visita. O resto é história.
6
Manual de Identidade INSCRI
Os elementos da identidade visual 2.1 2.2 2.3 2.4 2.5 2.6 2.7
Marca Monocromia Malha de construção Area de proteção Reduções Tipografia Cores Institucionais
2.1 Marca
Utilizando-se dos desenhos feitos pelas crianças, durante a dinâmica, criamos um desenho positivo e outro negativo. Dispomos eles de tal forma que, ou formam, em sua presença ou em sua ausência a palavra “inscri”. INSCRI é a abreviação do nome por extenso do Instituto Social São Cristóvão. Foi percebido que as crianças, quando se referiam ao instituto, se utilizavam da sigla, e isto gerava certo carinho pelo nome. Incorporamos isto a ideia de aglutinar os desenhos das crianças a fim de formar a palavra. Depois de inúmeras propostas, chegamos na final, a seguir.
Instituto Social São Cristovão
8
Manual de Identidade INSCRI
2.2 Monocromia
Instituto Social São Cristovão
Instituto Social São Cristovão
As versões preto e branco são destinadas as divulgações de baixo custo já que apresenta menor número de cores e consequentemente menor uso de tinta (apenas tinta preta). O uso da monocromia do logotipo funciona em versão melhorada quanto maior for sua dimensão. Como se trata de uma marca detalhada seu elementos funcionam em maior escala.
Manual de Identidade INSCRI
9
2.3 Malha de construção (Outline)
=
10
Grid do logo em que o ponto do I serve de base para a metade de cada quadrado.
Manual de Identidade INSCRI
2.3 Malha de construção (Outline)
=
Manual de Identidade INSCRI
11
2.4 Área de proteção
Verdana 12 pt, 11 pt, 10 pt,
8 pt, 7 pt
Instituto Social São Cristovão
12
Manual de Identidade INSCRI
2.5 Reduções
Reduções mínimas Instituto Social São Cristovão
30mm Instituto Social São Cristovão
20mm
10mm
Instituto Social São Cristovão
Manual de Identidade INSCRI
13
2.6 Tipografia
Tipografia Primária
Tipografia Secundária
Arial Rounded MT Bold 20 pt, 14 pt, 12 pt, 10 pt,
Verdana
ABCDEFGHIJKLMN OPQRSTUVXYZ abcdef ghijklmnop qrs uvxywz 1234567890 {}()[]|><\”?:! @#$%&*^~-+ áÁ éÉ íÍ úÚ óÓ çÇ
ABCDEFGHIJKLM NOPQRSTUVXYZ abcdefghijklmn opqrs uvxywz 1234567890 {}()[]|><\”?:! @#$%&*^~-+ áÁ éÉ íÍ úÚ óÓ çÇ
Tipografia principal, usada para títulos.
8 pt
14
Manual de Identidade INSCRI
Fonte padrão windows, usada para texto corrido.
12 pt, 11 pt, 10 pt,
8 pt, 7 pt
2.7 Cores institucionais C贸digo
CMYK
RGB
Manual de Identidade INSCRI
15
Como usar os elementos da identidade visual 3.1 Como usar a marca 3.2 Usos da tipografia 3.3 Uso sobre fundos Fundos escuros e claros Fundos fotogråficos Fundos coloridos 3.4 Materialização do logo 3.5 Uso de padronagem (Pattern)
3.1 Como usar a marca Usos corretos e incorretos
Sem tipografia em cores
Com tipografia em cores
Instituto Social S達o Cristov達o
Instituto Social S達o Cristov達o
Manual de Identidade INSCRI
17
3.1 Como usar a marca
18
Manual de Identidade INSCRI
3.1 Como usar a marca
Manual de Identidade INSCRI
19
3.1 Como usar a marca
20
Manual de Identidade INSCRI
3.2. Usos da tipografia Usos corretos e incorretos
Existem duas identidade visual:
tipografias
utilizadas
nesta
1- Arial Rounded MT Bold; 2- Verdana Regular; A primeira é utilizada para títulos e elementos gráficos tipográficos, ou seja, onde não haja texto corrido, em que se priorize a estética à legibilidade. A segunda é utilizada para textos corridos, ou seja, em grandes massas de textos onde se priorize a legibilidade à estética.
inscri
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec blandit lorem, dapibus posuere nulla. Nam aliquet tempus ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus porta velit sit amet enim egestas suscipit eu eu ipsum. Nulla eget odio mollis, placerat velit quis, pulvinar quam. In mollis cursus lorem. Aliquam risus odio, malesuada quis mattis at, tempor id ex. Mauris ultrices sodales fringilla. Vivamus congue rutrum nisl, nec pretium elit sollicitudin nec. Vivamus a massa pellentesque, scelerisque tortor ac, consectetur est. Duis ut augue felis. Nulla ex arcu, porta sed congue a, maximus eu sapien. Etiam tellus erat, tristique rutrum eros quis, tincidunt hendrerit eros.
inscri Manual de Identidade INSCRI
21
3.3. Usos da marca sobre fundos diversos
Fundo Escuro
Fundo Claro
Instituto Social São Cristovão
Instituto Social São Cristovão Em fundo escuro, pode-se optar por utilizar-se de qualquer das cores de nossa palheta para o nome extenso do instituto, sempre prezando pela legibilidade, ou seja, oferecendo contrastecom o fundo.
Instituto Social São Cristovão
22
Manual de Identidade INSCRI
Instituto Social São Cristovão
3.3. Usos da marca sobre fundos diversos
Em fundo fotogrรกfico, preza-se pela legibilidade da marca, sendo emprega do, quando necessรกrio, uma caixa de fundo branco de opacidade 50%.
Manual de Identidade INSCRI
23
3.3. Usos da marca sobre fundos diversos
24
Manual de Identidade INSCRI
3.4. Materialização do logo O uso de efeitos tridimensionais está terminantemente proibido. O uso da marca se dará exclusivamente em 2D.
O uso da marca enquanto objeto tridimensional será sempre utilizada em forma de objeto 2D extrudado, ou seja, sem a criação de relevos diferenciados entre as letras ou mesmo dentro de uma mesma letra ou símbolo. O uso correto se dará pela ampliação do logo em apenas uma direção ou eixo.
Manual de Identidade INSCRI
25
3.5 Usos de padronagem (Pattern) O uso do padrão/malha/textura é aplicável para casos em que se necessita de uma estampa como elemento acessório, como em aplicações de papelaria. Não se deve usar o padrão conjuntamente com o logo, enquanto fundo, tendo em vista a legibilidade do logo. Não se deve utilizar o padrão em casos que prejudique a legibilidade, tanto de elementos, quanto tipografia, de quaisques espécies.
26
Manual de Identidade INSCRI
Aplicações da marca 4.1 Mídia impressa Papel timbrado, Envelope A4, Envelope carta, Adesivo, Cartão de visita, Crachá, Convite
4.2 Mídia digital Foto de capa, Foto de perfil, Modelo de postagem, Assinatura digital
4.3 Mídia externa Banners, Fachada, Uniformes
4.1 Mídia impressa
- Papel Timbrado colorido e escala de cinza
74,735mm 52mm
14,55mm 10mm
10mm 15,25mm
Tel: (14) 3016-2854 ou (14) 3234-5898 R. Charles Hughs, 4-40 - Jardim Europa Bauru - SP, 17017-390 E-mail: inscriinstituto@yahoo.com.br CNPJ: 66493909000137
27,2mm
Tel: (14) 3016-2854 ou (14) 3234-5898 R. Charles Hughs, 4-40 - Jardim Europa Bauru - SP, 17017-390 E-mail: inscriinstituto@yahoo.com.br CNPJ: 66493909000137
Instituto Social São Cristovão
Instituto Social São Cristovão
31,3 mm Lorem ipsum dolor sit amet, atqui nobis disputando te eum, omittantur persequeris at sit. An quo copiosae vulputate conceptam, mel cu movet reformidans. Duo unum ferri graece te, at pri essent fastidii, mei animal feugait menandri ea. No nisl concludaturque vel, cum malis explicari et.
Lorem ipsum dolor sit amet, atqui nobis disputando te eum, omittantur persequeris at sit. An quo copiosae vulputate conceptam, mel cu movet reformidans. Duo unum ferri graece te, at pri essent fastidii, mei animal feugait menandri ea. No nisl concludaturque vel, cum malis explicari et.
Pro decore aliquip in, delenit aliquando accommodare has ne, tollit molestie similique sed at. Ex nec euismod omittantur dissentiunt. Copiosae ullamcorper eu est. Vel aperiri dolorem et, suas possit repudiandae has et.
Pro decore aliquip in, delenit aliquando accommodare has ne, tollit molestie similique sed at. Ex nec euismod omittantur dissentiunt. Copiosae ullamcorper eu est. Vel aperiri dolorem et, suas possit repudiandae has et.
No ius quem vocent expetendis. Ut tollit principes nam, meis aliquip cu has, tollit semper latine ne per. Cu quo liber voluptatum vituperatoribus, mea cu minim doming copiosae, an nec eius nonumes detracto. Ea legere recusabo vim, ut lorem paulo eos. Appetere instructior ne per, per et nullam possit veritus. Est quod denique fastidii no, cum ut fierent disputationi. Vel ei regione similique. Dicunt numquam evertitur an pri, te ius malis minimum ullamcorper. Qui te vidit eligendi tacimates, eu nobis blandit vix. Illum latine tractatos in ius, zril possit consetetur mea an, quaeque eligendi sapientem cu nec. Pri cu congue molestiae. Id enim dolore pro, duo eu tractatos molestiae. Perpetua pericula ne per.
No ius quem vocent expetendis. Ut tollit principes nam, meis aliquip cu has, tollit semper latine ne per. Cu quo liber voluptatum vituperatoribus, mea cu minim doming copiosae, an nec eius nonumes detracto. Ea legere recusabo vim, ut lorem paulo eos. Appetere instructior ne per, per et nullam possit veritus. Est quod denique fastidii no, cum ut fierent disputationi. Vel ei regione similique. Dicunt numquam evertitur an pri, te ius malis minimum ullamcorper. Qui te vidit eligendi tacimates, eu nobis blandit vix. Illum latine tractatos in ius, zril possit consetetur mea an, quaeque eligendi sapientem cu nec. Pri cu congue molestiae. Id enim dolore pro, duo eu tractatos molestiae. Perpetua pericula ne per.
Lorem ipsum dolor sit amet, atqui nobis disputando te eum, omittantur persequeris at sit. An quo copiosae vulputate conceptam, mel cu movet reformidans. Duo unum ferri graece te, at pri essent fastidii, mei animal feugait menandri ea. No nisl concludaturque vel, cum malis explicari et.
Lorem ipsum dolor sit amet, atqui nobis disputando te eum, omittantur persequeris at sit. An quo copiosae vulputate conceptam, mel cu movet reformidans. Duo unum ferri graece te, at pri essent fastidii, mei animal feugait menandri ea. No nisl concludaturque vel, cum malis explicari et.
Zril possit consetetur mea an, quaeque eligendi sapientem cu nec. Pri cu congue molestiae. Id enim dolore pro, duo eu tractatos molestiae. Perpetua pericula ne per.
Zril possit consetetur mea an, quaeque eligendi sapientem cu nec. Pri cu congue molestiae. Id enim dolore pro, duo eu tractatos molestiae. Perpetua pericula ne per.
Pri cu congue molestiae. Id enim dolore pro, duo eu tractatos molestiae. Perpetua pericula ne per.
Pri cu congue molestiae. Id enim dolore pro, duo eu tractatos molestiae. Perpetua pericula ne per.
Att.
Att.
27,02mm
28,55mm
28
Texto justificado alinahdo a esquerda usando a família tipográfica Verdana no tamanho 11 pt, com o espaçamento de 13 pt entre linhas.
Manual de Identidade INSCRI
4.1 Mídia impressa
- Envelope A4
0.6cm 3,7cm
10cm
0.6cm
3.1cm
2.6cm
12.3cm 5cm
5cm
Instituto Social São Cristovão
33.4cm
26.4cm
Instituto Social São Cristovão R. Charles Hughs, 4-40 - Jardim Europa 1.5cm Bauru - SP, 17017-390 (14) 3016-2854 ou (14) 3234-5898 inscriinstituto@yahoo.com.br CNPJ: 66493909000137 2cm 0.82cm 0.93cm
22.3cm
Manual de Identidade INSCRI
29
4.1 Mídia impressa
- Envelope Carta
Instituto Social São Cristovão
linha de dobra linha de corte área de sangria margem não colocar arte nesta área monte sua arte dentro da area cercada pela linha azul. se houver cor de fundo expanda-a para a area vermelha.
Instituto Social São Cristovão Rua Abraão Saad 51, Vila Europa Tel. (14) 3417-9835 inscri@gmail.com
30
Manual de Identidade INSCRI
4.1 Mídia impressa
Dimensões Adesivo
- Adesivos (brindes)
Modelos de Adesivo
1.4cm
Instituto Social São Cristovão 2.2cm
2.2cm
eu
Instituto Social São Cristovão 2cm 2cm
Instituto Social São Cristovão
Instituto Social São Cristovão
Instituto Social São Cristovão
Instituto Social São Cristovão
eu
4cm
eu
4cm
Instituto Social São Cristovão 2cm
Manual de Identidade INSCRI
31
4.1 Mídia impressa
- Cartões de visita
7,8mm
Frente do cartão feita, respeitando a área de respiro do logomarca.
6,4mm
Instituto Social São Cristovão
22mm
Cássia Pedagoga
32,75mm
Psicologa cassia@pegagoga.com +55 8895-8999 5,9mm
7,8mm
25,97mm
Instituto Social São Cristovão
Texto alinhado ao centro usando a família tipográfica Arial Rounded MT Bold no tamanho 10 pt.
Cássia Pedagoga Psicologa cassia@pegagoga.com +55 8895-8999
32
Manual de Identidade INSCRI
Texto alinhado a esquerda usando a família tipográfica Arial Rounded MT Bold no tamanho 6,5 pt, com o espaçamento de 10 pt entre linhas.
4.1 Mídia impressa
- Crachá e modelo para convite
0.8cm
1.3cm
3.8cm
3.8cm
3.8cm
3.8cm
3.8cm
3.8cm
3.8cm
3.8cm
nome
nome
0.8cm
0.8cm
8,1mm
1º Jantar Beneficente INSCRI Rua Seu João 18hr - 27/11
27,35mm
Texto alinhado ao centro usando a família tipográfica Arial Rounded MT Bold no tamanho 12 pt, com o espaçamento de 18 pt entre linhas. 20,518mm
15mm
28,25mm
9,068mm
13,76mm 8,1mm
23,5mm
Manual de Identidade INSCRI
33
4.2 MĂdia digital
34
Manual de Identidade INSCRI
- Redes sociais (modelo foto de capa e foto de perfil)
Mídia digital
- Opção de foto de capa e assinatura digital (e-mail)
25px
No final da tela
25px
25px
Dra. Cássia Psico Lóga R. Charles Hughs, 4-40 - Jardim Europa, Bauru - SP, 17017-390 Fixo: (14) 3234-5898 Celular: (14) 98899-9909 www.inscri.com.br
Instituto Social São Cristovão 25px
Manual de Identidade INSCRI
35
4.2 Mídia digital
- Modelo de postagem para rede social
modelo avisos gerais
Que a mensagem de fé e esperança do Natal renove nossas forças no novo ano que se aproxima!
Feliz Natal e um próspero Ano Novo !
moldura fotos
modelo convite
convida familiares e amigos para o
Chá de Primavera Beneficente a ser realizada no dia 4 de Novembro de 2015 no Buffet Márcia&Marô. Te vejo lá!
Boas festas!
moldura fotos ver tical
moldura fotos horizontal
36
Manual de Identidade INSCRI
4.3 Mídia externa
- Banners
9.8cm
Se doar é de mais, 5.7cm
Seja demais!
5cm
Instituto Social São Cristovão Rua Charles Hughs 40-40 Jd. Europa
Fachada, Banners,
(14) 3234-5898
4.2cm O inscri é um instituto focado em educação complementar para crianças de baixa renda. Funcionamos nos períodos de manhã e tarde com turmas diferentes. O instituto não tem fins lucrativos e sua renda se baseia em doações. Ao doar você ajuda a manter um ensino para crianças que muitas vezes aprender a ler e escrever 7.4cm aos 8 anos, graças a nossa ajuda. 7.4cm Com a sua ajuda, podemos continuar mudando o futuro de crianças para melhor! Faça parte dessa iniciativa!
Instituto Social São Cristovão
O inscri é um instituto focado em educação complementar para crianças de baixa renda. Funcionamos nos períodos de manhã e tarde com turmas diferentes.
Deposite sua doação aqui!
5.5cm
5.5cm
O instituto não tem fins lucrativos e sua renda se baseia em doações. Ao doar você ajuda a manter um ensino para crianças que muitas vezes aprender a ler e escrever aos 8 anos, graças a nossa ajuda. Com a sua ajuda, podemos continuar mudando o futuro de crianças para melhor! Faça parte dessa iniciativa!
4.8cm
Rua Charles Hughs 40-40 Jd. Europa (14) 3234-5898
4.5cm
Rua Charles Hughs 40-40 Jd. Europa (14) 3234-5898
4.7cm
4.7cm
Instituto Social São Cristovão
Manual de Identidade INSCRI
37
4.3 MĂdia externa
38
Manual de Identidade INSCRI
- Fachada
4.3 MĂdia externa
- Uniformes
Manual de Identidade INSCRI
39
Produção gráfica 5.1 Bibliotecas de cores 5.2 Papéis recomendados
5.1 Biblioteca de cor Código
Cartão Papel Timbrado Posters Caixa de doação Envelope de Carta Crachá Camiseta Adesivo Convite Sinalização (Salas)
CMYK
Código RGB
5.2 Papéis recomendados CMYK
RGB
Couché Sulfite A4 Vinil Acrílico Envelope (Empresa) Couché Empresa Papel Adesivo (Empresa) Counché Adesivo
Digital Offset/Digital Digital Silk/Vinil Offset/Digital Digital Silk Digital Digital Digital
Manual de Identidade INSCRI
41