manual de identidade visual
Apresentação Este manual de identidade visual tem por finalidade orientar a aplicação correta da marca nos diversos meios de comunicação. O intuito é padronizar a aplicação da marca, garantindo sua integridade e tornando possível sua identificação e, posteriormente, reconhecimento e acolhimento pelos moradores da região.
3
manual de identidade visual
Designers responsรกveis
4
Evelyn Samantha Fernandes Fernanda Esteves Marcos Penachioni Naiady Caldin
manual de identidade visual
Sumário Apresentação Conceito Versões Malha Construtiva Redução Mínima Padrão cromático Outline Monocromático Negativo Fundos Coloridos Fundos Heterogêneos Proibições de uso Cores Auxiliares Grafismo Alfabeto institucional Papelaria Cartão de visita Envelope Oficio Papel timbrado Cartaz Aplicações Assinatura de email Crachá Aplicativo Sinalização Placas
3 6 8 10 12 13 14 15 16 18 20 22 24 25 26 29 30 31 32 33 34 34 35 36 38 40
5
manual de identidade visual
Conceito
6
O bairro da Mooca é um dos mais antigos da cidade de São Paulo, o ano de 1556 é dado como seu marco de surgimento, e seu nome é derivado das palavras em tupi guarani moo = fazer e, oca = casa. A Mooca foi palco de inúmeros acontecimentos, a construção das primeiras estradas de ferro, o começo da industrialização e a vinda dos imigrantes como mão de obra. O fator mais marcante do local é o bairrismo, a grande paixão que habita o coração dos moradores pela região, ao ponto de se intitularem ‘mooquenses’. Dessa paixão nasce uma grande união entre os cidadãos, demonstrada pela participação em associações para manter o patrimônio histórico do bairro e sua qualidade de vida. Atualmente a região também vem se modernizando com a construção de vários prédios residênciais. Pensando nessas e em outras informações que foi desenvolvida a identidade visual do bairro, tendo em mente atender seus moradores e demonstrar o bairrismo existe. A formação do símbolo gráfico da Mooca é composto por uma serie de curvas entrelaçadas, orgânicas, que simbolizam a união entre os moradores da mooca. A tipografia foi baseada na fonte Aleo, sua escolha se deu
manual de identidade visual
pelo fato de ser uma fonte serifada egipciana bold, que consegue se harmonizar com as formas cuvilineas do simbolo e representa a tradição além da calma presente no bairro. A cor utililizada na marca representa a tradição, sendo a vermellho escuro uma cor que está presente no bairro, tando em construções antigas como também no logo do time de futebol Juventus, sendo uma cor muito utilizadas em produtos referentes ao bairro.
7
manual de identidade visual
Versões A marca pode ocorrer em duas versões: vertical e horizontal. A versão vertical é prioritária e deve ter predominância nas aplicações. Ela deve ser aplicada respeitando sempre as proporções e os alinhamentos entre todos os elementos que constituem a marca. O uso da versão horizontal deve ser utilizada apenas em casos em que não houver possibilidade de uso da versão prioritária como, por exemplo, devido a altura do logo.
8
manual de identidade visual
Versão prioritaria
Versão secundária
9
manual de identidade visual
Malha Construtiva Para que se possa definir todas as relações entre os componentes da identidade visual, é estabelecida uma modulação padrão. A malha construtiva deve ser adotada para em casos em que a marca precise ser reproduzida em grandes formatos, pintada à mão, gerada em terceira dimensão, etc. A construção da marca respeita a proporção de 21 x 14 módulos. Cada módulo tem seu tamanho definido em X, correspondente a largura do quinto circulo (da esq. a dir.) do simbolo. Dentro da malha foi adicionado um segundo grid composto de modulo do tamanho de X/2, para maior precisão sobre as distâncias dos elementos. Tambem pdoe ser visualizado na melha ao lado o campo de proteção que tem como objetivo preservar a visibilidade e leitura da marca, evitando a aproximação excessiva de outros elementos, conferindo-lhe mais destaque e clareza. Portanto, nenhuma informação ou elemento gráfico podem ultrapassar o espaço delimitado neste manual. O campo de proteção ao redor da marca corresponde a 4 módulos.
10
manual de identidade visual
X X=2
11
manual de identidade visual
Redução Mínima Para garantir a legibilidade da marca, foi estabelecida a redução mínima do logo, como apresentada abaixo, nas versões prioritária, secundária, e o simbolo isolado. Deve-se respeitar a redução mínima para que não se perca a qualidade e leitura da marca. A versão prioritária não deve ser reduzida menos de 6 x 4 mm e, a versão secundária 16 x 3 mm e o simbolo isolado 7 x 3 mm.
12
manual de identidade visual
Padrão cromático A cor vermelho escuro foi escolhida por remeter a austeridade e tradicionalidade do bairro, podendo representar confiança e paixão pelo mesmo.
RGB R187 G25 B24 Hexadecimal #BB1918 CMYK C18 M100 Y100 K9 ESCALA PANTONE DS 83-1 C
13
manual de identidade visual
Outline A versão prioritária deve ter ênfase nas aplicações. A versão em outline pode ser utilizada em situações onde não for possivel o uso de cores, seja por imposições técnicas ou devido aos custos. Deve-se ter especial cuidado em sua redução, devido a possibilidade das linhas se juntarem em tamanhos muito reduzidos.
14
manual de identidade visual
Monocromático A versão monocromática devem ser utilizada quando houver limitação na impressão ou aplicação. Sendo utilizada em situações onde não for possivel o uso de cores, seja por imposições técnicas ou devido aos custos.
15
manual de identidade visual
Negativo A versão prioritária deve ter ênfase nas aplicações. A versão negativa pode ser utilizada em fundos de cor escura, e em situações de limitação do uso de cores.
16
manual de identidade visual
17
manual de identidade visual
Fundos Coloridos Sempre que for necessário aplicar a marca sobre fundos que prejudiquem de alguma forma a sua leitura (fundos poluidos ou com cores que dificultem a visualização) o melhor recurso será a utilização de uma caixa ou tarja branca de forma a preservar a sua leitura. As medidas da caixa obedecem às mesmas características das descritas nas paginas 10-11, sobre o campo de proteção. Em casos onde a versão prioritária não seja possível as versões negativa e positiva podem ser utilizadas se forem cuidadosamente colocada em fundos que gerem contraste com a cor da versão selecionada. Esta escolha deverá ser feita dependendo da situação, tendo sempre em conta o bom senso visual, de forma a garantir a legibilidade da marca.
18
manual de identidade visual
19
manual de identidade visual
Fundos HeterogĂŞneos
20
manual de identidade visual
21
manual de identidade visual
Proibições de uso Nunca deverão ocorrer alterações das normas estabelecidas no presente manual. Mudanças fora das regras impostas prejudicam a forma como a identidade é comunicada e percebida. Ao lado apresentamos algumas aplicações definitivamente impróprias para o bom funcionamento da marca.
22
manual de identidade visual
Não utilizar como marca d’agua.
É proibido modificar a proporção dos elementos.
É proibido qualquer distorção.
É proibido a mudança de cores.
Não modificar o logotipo.
Não utilizar contorno.
23
manual de identidade visual
Cores Auxiliares A paleta de cores auxiliares serve para uso em peรงas graficas da marca Mooca, como folhetos, cartazes, banners e para meios digitais como, sites, aplicativos e etc.
C: 60% M: 80% Y: 100% K: 25%
R: 103 G: 57 B: 33
#673921 Pantone 469 C C: 0% M: 50% Y: 85% k: 0%
24
#409F30 Pantone 7738 C
R: 232 G: 70 B: 44
#E8462c Pantone 172C R: 243 G: 150 B: 53
C: 5% M: 35% Y: 85% K: 0% #F3B033 Pantone 1235 C
R: 243 G: 176 B: 51
R: 64 G: 159 B: 48
C: 100% M: 55% Y: 0% K: 15%
R: 0 G: 88 B: 157
#F39635 Pantone 1375 C C: 70% M: 0% Y: 100% K: 10%
C: 0% M: 80% Y: 85% K: 0%
#00589D Pantone 2935C
manual de identidade visual
Grafismo O sistema de identidade visual da Mooca possui elementos de apoio que devem ser aplicados em seu material de comunicação. A construção dos elementos ilustrativos tem como base a estrutura do logotipo e do simbolo, sua malha construtiva é formada pelos mesmo módulos que a da marca. Nas páginas deste manual é possivel visualizar a aplicação de um dos grafismos. Lembrando que os grafismos podem ser utilizados com outras cores além da cor institucional e as auxiliares.
25
manual de identidade visual
Alfabeto institucional Para se criar uma padronização da marca e a unificação de sua mensagem foi adotado as seguintes familias tipográficas que devem ser a Aver regular e a Roboto. Se necessário a utilização de outra fonte é recomendado a o uso de tipografias com um estilo semelhante. A familia tipográfica Roboto Bold deve ser utilizada para títulos, textos curtos, chamadas e destaques. Essa tipografia também é recomendada para aplicação em meios digitais. A familia tipográfica Aver Regular deve ser utilizada para textos extensos e/ou que exijam uma maior legibilidade
26
manual de identidade visual
Aver Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 /*-+,.;.^~/´[]{}ºª¹²³£¢¬-_
Roboto Condensed
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 /*-+,.;.^~/´[]{}ºª¹²³£¢¬-_
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 /*-+,.;.^~/´[]{}ºª¹²³£¢¬-_
27
manual de identidade visual
Papelaria A seguir estão expostos os modelos de papelaria da marca que devem ser utilizados de acordo com as especificaçþes para que se mantenha a unidade visual da marca.
29
manual de identidade visual
Cartão de visita Tamanho: 50 x 90 mm Papel: couchet 180g/m² Processo de impressão: Offset
30
manual de identidade visual
Envelope Oficio Tamanho aberto: 261 x 270 mm Tamanho fechado: 230 x 115 Papel: offset 90 g Processo de impress達o: Offset Faca especial
Rua Napole達o de barros, 250
003256-85 - Mooca - S達o Paul o
31
manual de identidade visual
Papel timbrado Tamanho: 210 x 297 mm Papel: offset 90g Processo de impressão: Offset
Sao Paulo. 21 de outubro de 2014 É um fato conhecido de todos que um leitor se distraia com o conteúdo de texto legivel de uma página quando estiver examinando sua diagramação. A vantagem de se usar o Lorem Ipsum é que tem uma distribuição normal de letras ao contrário de um "Contéudo aqui, contéudo aqui", fazendo com que ele tenha uma aparência similar a de um texto legivel. Muitos softwares de publicação e editores de páginas na internet agora usam Lorem Ipsum como texto-modelo padrão. Várias versões novas surgiram ao longo dos anos, eventualmente por acidente, e ás vezes de porpósito (injetando humor, e coisas do genêro). Esse texto foi utilizado na diagramação do papel timbrado da marca Gus. Muitos softwares de publicação e editores de páginas na internet agora usam Lorem Ipsum como texto-modelo padrão. Várias versões novas surgiram ao longo dos anos, eventualmente por acidente, e ás vezes de porpósito (injetando humor, e coisas do genêro). Esse texto foi utilizado na diagramação do papel timbrado da marca Gus.
rua napoleao de barros, 250 | santa ruz| mooca@mooca.com.br | www.mooca.com.br
32
manual de identidade visual
Cartaz Tamanho: 297 x 420 mm Papel: couchet 120g Processo de impress達o: Offset
33
manual de identidade visual
Aplicaçþes Assinatura de email Tamanho: 400 x 200 px
34
manual de identidade visual
Crachรก Tamanho: 54 x 86 mm Papel: offset 180g Processo de impressรฃo: Offset Faca especial
35
manual de identidade visual
Aplicativo Foi desenvolvido o layout de um possivel aplicativo para o bairro que teria como finalidade auxiliar não só os moradores como visitantes a encontrar pontos turisticos como também restaurantes e bares entre outros estabelecimentos. Uma finalidade importante inclusa no aplicativo seria um leitor de QRCode para a leitura dos códigos presentes nas aplicações da identidade visual do bairro, como os cartazes.
36
manual de identidade visual
Entrar
37
manual de identidade visual
Sinalização O sistema de sinalização foi criado pensado em um viés turistico, a fim de auxiliar o trajeto de pessoas que estiverem visitando o bairro pela primeira vez. O mapa ao lado mostra 5 trajetos possiveis, foram realizados os modelos das placas do primeiro trajeto como um exemplo de todo o sistema, sendo que todos os trajetos tem como inicio o metrô besser-mooca. Os pontos finais dos trajetos são: 1° 2° 3° 4° 5°
38
Memorial do Imigrante Teatro Anhembi Morumbi Teatro Alfonso Arthur Azevedo Doceria Di cunto Estádio Juventus
manual de identidade visual
39
manual de identidade visual
Placas
40
Tamanho: 500 x 800 mm Material: PVC 2 mm com aplica巽達o de vinil auto adesivo Impress達o Digital Suporte: Poste de base metalica fixado no ch達o.
manual de identidade visual
Tamanho: 500 x 800 mm Material: PVC 2 mm com aplica巽達o de vinil auto adesivo Impress達o Digital Suporte: Poste de base metalica fixado no ch達o.
41
manual de identidade visual
Tamanho: 500 x 800 mm Material: PVC 2 mm com aplica巽達o de vinil auto adesivo Impress達o Digital Suporte: Poste de base metalica fixado no ch達o.
42
manual de identidade visual
Tamanho: 500 x 600 mm Material: PVC 2 mm com aplica巽達o de vinil auto adesivo Impress達o Digital Suporte: Poste de base metalica fixado no ch達o.
43
manual de identidade visual
Tamanho: 500 x 250 mm Material: PVC 2 mm com aplica巽達o de vinil auto adesivo Impress達o Digital Suporte: Poste de base metalica fixado no ch達o.
44
manual de identidade visual
45