Manual completo

Thamires Citro Thayna Toman

Manual de

Identidade

Caroline Cardoso

Visual Parque

Diego Igor Beatrice Jacob

Toronto

O que move empregos, ciência e tudo mais é a - RAFIC FARAH*

, tecnologia, a Cultura." *Arquiteto, Designer, Diretor Artístico, Designer Gráfico, Fotógrafo, Cenarista.

Farah é um dos fundadores e um dos diretores da Escola da Cidade, coordenando também a cadeira de Desenho e a de Debates sobre Cultura Brasileira.

Autor do livro "Como Vi" (Cosac & Naify)

EDITORIAL Entende-se por identidade visual o conjunto de elementos formais que representam visualmente uma empresa, nome, produto, serviço ou instituição.

Esses elementos têm como base um logotipo integral.

Em resumo, a identidade visual é a representação gráfica da identidade corporativa, mesclando valores e conceitos da empresa na sua estrutura.

A identidade visual tem uma importância enorme no mercado de trabalho, pois é a partir dela que o consumidor tem o seu primeiro contato com a empresa. Por isso, o logotipo tem que passar a sensação de credibilidade, segurança, confiança e responsabilidade da instituição.

Por este motivo, o Parque Cidade de Toronto foi escolhido para a execução de todo a reposicionamento de sua identidade visual e sinalização, pois à atual não transmitia os verdadeiros valores do parque.

Localizado no bairro de Pirituba, onde foi considerado um dos bairros mais verdes de São Paulo, possui uma área de 109.100 metros2. O lugar nos passou a imagem de parque familiar, onde existe um playground para crianças "não terem medo de ser feliz" especialmente trazido da cultura canadense. Caminhar pelo trapiche sobre o lago, com visão da sua rica fauna é uma experiência gostosa e marcante.

Trilha fechada e arborizada também faz parte dos prazeres do lugar. Poder namorar ou mesmo ler um livro na grama da trilha é desligar-se do corre-corre da cidade.

A área de práticas de cooper e churrasqueira permitem um domingo de união familiar e jovens atletas. O esporte continua ao livre com a quadra poliesportiva ao lado direito da entrada.

A programação cultural se destaca pela intervenção do "Bosque da Leitura", com horários programados para a leitura e discução em grupo.

Reposicionar a marca Parque Toronto no mercado é o primeiro passo para o aumento de sua visitação e exibição no mercado. Logo, nos elementos do logotipo decidimos evidenciar a natureza peculiar existente no Toronto.

A folha da árvore Plátano é presente na bandeira do Canadá, ela está presente na flora do parque e cai seca na relva. Conhecidas como folhas de Outono, ela foi redesenhada e nos fez evidenciar em hierarquia.

O Capim-dos-Pampas é gigante, mede 2,5 metros de altura. Suas folhagens se parecem com longas plumas. São folhas lineares e com bordas cortantes. É uma beleza marcante que pode ocorrer em diversas cores: branca, amarelada e arroxeada, cultivadas preferencialmente no verão.

Fechar o símbolo ao adicionar o elemento lago ao logotipo foi o toque mais peculiar do projeto. Fazer valer da imensidão de água doce que o parque possui foi um approach do nosso orientador.

A cores escolhidas para compor a proposta da marca foram reverenciadas para o meio eletrônico. A cor vermelha-viva presentes na folha de bandeira do Canadá, o roxo encontrado em versões de versões dos capim-dos-pampas e, juntamente com o cian, presente no céu. O azul e a turquesa compõem a coloração do lago, todos em tons modernos e prontos para a web.

Desenhar o símbolo em estilo icon art de linha de 9pt foi um desafio. Esse estilo permite que seja pensado no design da web e meios eletrônicos.

Por fim, a tipografia usada chama-se Ciutadella. Ela nos oferece uma leitura moderna de tipologia com cantos arredondados, combinada com a arquitetura do símbolo da marca. Desenhada em 2015, por Eduardo Manso (Emtype Foundry) conta com várias classes, podendo ocorrer em diversos projetos de design.

Em tempo, sua sinalização foi modernizada de acordo com os padrões de parques internacionais.

Todos nós

SUMÁRIO 07 08 10

CONCEITO METODOLOGIA BRANDWHEEL DESIGN

13 14 15 16 17 18 19

MARCA DESENHO DA MARCA ASSINATURAS MALHA DE REFERÊNCIA ÁREA DE PROTEÇÃO REDUÇÃO MINIMA PARCERIA E PROGRAMAS

21 22 23

TIPOGRAFIA TIPOGRAFIA CORPORATIVA TIPOGRAFIA WEB E MEIOS DIGITAIS

25 26 27 28 28 29

CORES CORES CORPORATIVAS CORES SECUNDÁRIAS VERSÃO MONOCROMÁTICA FUNDOS COLORIDOS VERSÃO EM RETÍCULA DE PRETO

31

PADRÃO COM GRAFISMOS

33 34 35 36

APLICAÇÕES PAPELARIA UNIFORMES /BRINDES WEB

39

FOTOGRAFIA

43

USOS INCORRETOS

45 45 46 46 46 47 47 47

PROJETO DE SINALIZAÇÃO MAPA CRIATIVO PARQUE TORONTO PLACA DE LOCALIZAÇÃO PLACA NORTEADORA PLACA DE INFORMAÇÃO ECOLÓGICA PLACAS DE IDENTIFICAÇÃO PLACAS DE ADVERTÊNCIAS PLACAS GERAIS DE SINALIZAÇÃO

48

REFERÊNCIAS BIBLIOGRÁFICAS

CONCEITO Page | 6

• METODOLOGIA BRANDWHEEL • DESIGN

07

CONCEITO METODOLOGIA BRANDWHEEL O QUE É A METODOLOGIA BRANDWHEEL? Brandwheel é uma metodologia para construção de marcas que define duas abordagens complementares.

1 ∙ A essência da marca (Brandessence®) É a busca pelo DNA da marca ou a definição que a torna única. Isso é possível a artir do mapeamento dos quadrantes: usuários, benefícios, personalidade e modelo de negócios.

2 ∙ Vetores da marca (Brandvector®) São as diretrizes que definem a aplicação da essência em peças, ações, ambientes e discursos que vão garantira consistência da marca em todos os pontos de contato.

Usuário Benefícios Personalidade Modelo de Negócios

QUEM SÃO? familias, mães com seus filhos pequenos, namorados e jovens atletas CONSUMER INSIGHT Quero um dia de lazer a beira do rio, com minha família.

BENEFÍCIOS EMOCIONAIS "Nossas manhãs e tardes ao redor do lago marcaram nossa vida" "Possibilita bons momentos. oferece manhãs de domingo prazerosas BENEFÍCIOS RACIONAIS Respirar ar puro e praticar esporte é a melhor junção para uma vida saúdavel em São Paulo

ESTILO DE PERSONALIDADE LIVRE JOVEM SÉRIO ACOLHEDOR CONTEMPLATIVO VISIONÁRIO

O QUE TEM DE NOVO? playground típico Canadense trilha fechada para caminhada e cooper O QUE TEM DE DIFERENTE? Área de churrasqueira O QUE TEM DE MELHOR? Sua filosofia de paz e vida saúdavel com a família

A FLORA PECULIAR O PEDAÇO VERDE DO CANADÁ EM TERRAS TUPINIKINS

ESSÊNCIA

CONCEITO DESIGN O Parque Toronto é resultado do programa de intercâmbio profissional criado em 1987 pelas prefeituras de São Paulo e Toronto, no Canadá.

A representação gráfica da imagem foi pensada para explicar a estrutura do parque situado na Zona Norte de São Paulo e suas particularidades que liga o local à cidade canadense.

palavras chave

LAGO

BEM-ESTAR FAMÍLIA

CANADÁ LIBERDADE PLUMA LAZER Page | 10

Brand Manual Guidelines

O desenho A arquitetura de linhas com 9 pt em seu corpo produz um símbolo capaz de ser aplicado em impressos de várias medidas e site e apps responsivos.

A FOLHA DE OUTONO A folha da árvore Plátano remete à folha que está na bandeira oficial canadense.

Toronto é uma das cidades mais importantes e muticulturais do Canadá.

O CAPIM DOS PAMPAS O capim dos pampas representa os jardins do parque, já que a vegetação do parque paulista é composta predominantemente por brejo, bosque com espécies que caracterizam a paisagem canadense.

O LAGO O lago é remanescente do loteamento “City América”, e constitui parte da área. O lago juntamente com toda a vegetação, são características das paisagens canadenses.

Conclusão Desta forma, a imagem em questão é uma representação dos elementos que compõem a estrutura do parque. O resultado é simplicidade e leveza que resumem as características que predominam no Parque Toronto.

Page | 11

MARCA

MARCA

• DESENHO DA MARCA • ASSINATURAS • MALHA REFERENCIAL

Page | 13

• ÁREA DE PROTEÇÃO • REDUÇÃO MINIMA • PARCERIAS E PROGRAMAS

13

MARCA DESENHO DA MARCA 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.

VERTICAL

A assinatura principal é formada pela união de símbolo + logotipo. Prioritariamente, ela deve ser aplicada nas cores institucionais sobre fundo branco ou cinza, respeitando sempre as proporções e os alinhamentos entre todos os elementos que constituem o todo.

parque Page | 14

ASSINATURAS Existem duas configurações possíveis para a utilização da marca: vertical e horizontal.

A assinatura vertical é prioritária e deve ter predominância nas aplicações.

A utilização do símbolo isolado é permitida em algumas peças gráficas, como aplicação em lombada ou rodapé de livros. Contudo, a aplicação deve ser cautelosa para que não haja descaracterização da marca.

HORIZONTAL

Page | 15

parque

SÍMBOLO ISOLADO

MARCA MALHA DE REFERÊNCIA O desenho da marca se constitui a partir das relações entre seus elementos: as distâncias e os alinhamentos estabelecidos proporcionam uma sensação visual de equilíbrio, harmonia e estabilidade. Os diagramas a seguir possibilitam a visualização da geometria da marca e a malha quadriculada estabelece as proporções entre os elementos.

Não é permitido redesenhar a marca. Os arquivos digitais, com todas as versões permitidas, podem ser encontrados nas administrações.

9

3

Icon Art Ao utilizar-se desse estilo, pensou-se em aplicações para a web, seu design e experiências do usuário.

A marca foi produzida com linhas arredondadas de 9pt (3,175 mm). Respeitar a medida Y do diagrama permite um redesenho exato das medidas.

Page | 16

ÁREA DE PROTEÇÃO A área de proteção objetiva preservar a visibilidade e leitura da marca, evitando a aproximação excessiva de outros elementos. Portanto, nenhuma informação ou elemento gráfico (textos, outras assinaturas etc.) pode ultrapassar o espaço delimitado pela linha laranja.

4

O módulo X equivale à altura da letra ‘a’, e a área de proteção é definida obtida por 2X. A regra vale para a versão vertical também.

4

Vertical Nas medidas de um quadrado exato, a marca na vertical é a versão padrão a ser utilizado.

Page | 17

MARCA REDUÇÃO MINIMA A redução demasiada de qualquer marca dificulta a sua leitura e o seu reconhecimento. No entanto, a determinação de limites de redução estará sujeita ao processo empregado, à qualidade do original utilizado e à qualidade de reprodução obtida.

Recomendamos como limite de redução da marca, para impressões em off-set, as medidas especificadas abaixo.

A sua redução além desse limite comprometerá a leiturabilidade da marca.

30mm 20mm

parque

parque

parque

123px 75px

parque

RELEVO SECO 10mm Impresso Page | 18

Para aplicação em relevo seco, deve-se utilizar a marca em sua versão monocromática (vide página 28)

37px Virtual

(exemplo 1)

PARCERIAS E PROGRAMAS O Parque Toronto, firma parcerias com ONG's a favor da sustentabilidade, projetos ambientais e sociais.

A fim de preservar a integridade da marca, recomenda-se não criar assinaturas especificas para esses programas e projetos.

Portanto, foram estabelecidos alguns parâmetros para não causar interferências na marca Toronto e, facilitar as aplicações

em que ela conviva com demais assinaturas: • nos materiais impressos, a marca Toronto deve se apresentar, preferencialmente, à direita das demais marcas, assinaturas e nomenclaturas; • marcas e logotipos devem estar totalmente desvinculados da marca institucional, obedecendo à área de proteção. (exemplo 1)

parque

Lembre-se: A distância mínima requerida entre a marca do Parque e demais elementos – área de proteção.

Page | 19

TIPOGRAFIA

- DESENHO DA MARCA - ASSINATURAS MALHA REFERENCIAL • -TIPOGRAFIA CORPORATIVA ÁREA DE PROTEÇÃO • --TIPOGRAFIA WEB E MEIOS ELETRÔNICOS REDUÇÃO MINIMA - PARCERIAS E PROGRAMAS

01 21

TIPOGRAFIA TIPOGRAFIA CORPORATIVA A uniformização da tipografia é um recurso capaz de conferir unidade e profissionalismo à imagem de uma empresa e, consequentemente, otimizar a experiência da marca nos pontos de contato com os públicos internos e externos.

Para títulos e display de periódicos ou cabeçario da papelaria, deve-se Ciutadella Rounded, nas seguintes variações: FONTE PRIMÁRIA

Regular/ Regular It

Bold / Bold It

CIUTADELLA ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 $#€£{}!$& ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 $#€£{}!$&

Light / Light It

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 $#€£{}!$&

A FONTE

Os cantos arredondados e suaves da família tipografica são reais em todos os pesos.

Adequado para ser usado em uma ampla gama de aplicações, desde sistemas de identidade de publicações.

Ele está disponível nos formatos OpenType e inclui caracteres alternativos ('a', 't'), ligaduras tabulares, frações, numeradores, denominadores, superiores e inferiores. O tipo de família é composta por 10 estilos e cinco pesos (Light, Regular, Medium, SemiBold e Bold) mais os itálicos. www.behance.net/emtype

Download

Page | 22

www.parquetoronto.com.br/ciutadella.rar

TIPOGRAFIA WEB E MEIOS ELETRÔNICOS Em meios eletrônicos, e corpo do texto a família tipográficas a ser utilizada é a Source Sans Pro, criada pela Adobe e com corpo robusto para boa leitura nas diversas mídias: FONTE SECUNDÁRIA O CRIADOR

"Foi um desafio conseguir alcançar um efeito arredondado em caracteres próximos, especialmente nos tipos pesados onde há menos espaço disponível para acomodar o final arredondado" Eduardo Manso.

Eduardo Manso (Argentina, 1972). Vive em Barcelona desde 2000. Estudou Design Gráfico na 'Martín Malharro School of Visual Arts' em Mar del Plata e Pós-Graduação em Comunicação Visual na "Universidade Nacional de Mar del Plata '.

Ele já publicou diversos tipos em [T-26], ITC fontes, Bitstream e Linotype.

Regular / Italic

SOURCE SANS PRO ABCDEFGHIJKLMNOPQRSTUV WX YZ abcdefghijklmnopqrstuvwxyz 1234567890 $#€£{}!$&

Bold /Bold Italic

ABCDEFGHIJKLMNOPQRSTUV WXYZ abcdefghijklmnopqrstuvwxyz 1234567890 $#€£{}!$&

Light / Light Italic

ABCDEFGHIJKLMNOPQRSTUV WX YZ abcdefghijklmnopqrstuvwxyz 1234567890 $#€£{ }!$& Download

Page | 23

https://goo.gl/FfAMgj

| free |

CORES Page | 24

TIPO GRAFIA

• CORES CORPORATIVA • CORES SECUNDÁRIAS

• VERSÃO MONOCROMÁTICA • FUNDOS COLORIDOS • RETÍCULA DE PRETO

25 03

CORES CORES CORPORATIVA Para garantir a consistência da cor, por favor aderir a estas especificações e usar fornecedores qualificados e métodos de reprodução confiáveis. Use o sistema de correspondência de cores PANTONE® como referência para garantir a precisão quando a correspondência de cores para materiais impressos. Os códigos das cores são um guia importante, sempre que possível, a gráfica deve ser dada oferecer uma amostra de cor a seguir. Arquivos JPEG e PNG são tipicamente especificado RGB e são recomendados para uso em apresentações, incluindo PowerPoint.

CORES PRIMÁRIAS VERMELHO VIVO Códigos

CMYK: C000 M096 Y091 K000 RGB : R229 G031 B03 HEX: #e51f21 Web: #cc3333

Tons das cores

O degradê 100 %

80 %

60 %

20 %

CINZA

Códigos CMYK: C020 M000 Y000 K080 RGB : R072 G081 B086 Web : #485156

Tons das cores

O degradê 100 %

Page | 26

80 %

60 %

20 %

CORES SECUNDÁRIAS Por favor, consulte a tabela para as especificações de cor dos elementos da marca, quanto a reprodução do logotipo. Cores finais do impresso pode variar consideravelmente, dependendo de papel, a quantidade de tinta aplicada, e o processo de impressão utilizado.

CORES SECUNDÁRIAS Ciano CMYK : 100 000 000 000 HEX : #009fe3 Roxo CMYK : 065 087 007 000 HEX : #783a88 Azul escuro CMYK : 100 019 000 041 HEX : #006191 Verde azulado CMYK : 080 020 049 002 HEX : #14938c

Page | 27

A paleta de cores é dividida em paletas primárias e secundárias. Aplique a cor, escolhendo entre os tons brilhantes, puros da paleta primária com uma cor cinza ou secundária neutra.

CORES VERSÃO MONOCROMÁTICA

FUNDOS COLORIDOS

A marca possui versão monocromática. Usar na cor preta (versão positiva) ou branca (versão negativa), outra cromia pode comprometer a identidade visual do logotipo.

parque

parque versão prata Pantone Prata 877 ou hot stamping

Page | 28

parque

parque

parque

parque

parque

parque versão dourada Pantone Prata 871 ou hot stamping

FUNDOS CLAROS

A marca pode ser aplicada com a versão em cor original, sobre fundos homogêneos e claros até 10% da saturação da cor.

VERSÃO EM RETÍCULA DE PRETO Quando houver restrições de uso para impressão em retícula de preto, a marca deve ser aplicada sobre fundo branco com a seguinte configuração:

parque

parque

parque

parque

K 70% C100 M100

C100 M40

C100 Y30

K 100%

C100 Y100 K10

K 70%

K 80%

parque M100 Y100 K10

parque

parque M70 Y100

M30 Y100

parque

parque

K 50%

M40 Y100 K50

K 100%

Para fundos em tonalidades de cinza, deve-se optar por uma versão monocromática, de acordo com a tabela de legibilidade apresentada abaixo:

parque

C50

M100

FUNDOS ESCUROS Page | 29

parque

parque M50

parque parque

parque

parque

parque

parque

parque

parque

parque

parque

parque

Y100

Para aplicações em fundo escuro, deve-se optar por uma versão monocromática, respeitando critérios de contraste e legibilidade.

PADRﾃグ COM GRAFISMOS

Page | 30

Este padrĂŁo ao fundo foi criado a partir dos elementos existentes na marca.

O padrĂŁo pode ser usado em material grĂĄfico ou promocional.

31

APLICAÇÕES - PAPELARIA - UNIFORMES E BRINDES - MEIOS ELETRÔNICO / WEB

CORES

33

APLICAÇÕES PAPELARIA

Cartão de visita

Carimbo

Papel timbrado

Page | 34

Envelope

Pasta

Page | 35

UNIFORMES / BRINDES

APLICAÇÕES WEB / MEIOS ELETRÔNICOS

Page | 36

Page | 37

FOTOGRAFIA FOTOGRAFIA parque

parque

39

parque

parque

parque

parque parque

parque

parque

parque

Page | 41

USOS PROIBIDOS

43

PROJETO DE SINALIZAÇÃO

MAPA CRIATIVO PARQUE TORONTO

1 2 3

6

Ro d. do Ba nd eir an tes

9

10

ta al Mo arde Av. C

7

6 4

9 3 [Você está aqui] Av. Cardeal Mota

4 5

8

5

1

3

2

7 8 9 10

Playground

O parque possui Playground com brinquedos típicos canadenses. Área ampla com as árvores, contribue para um ambiente seguro. É aconchegante para as crianças.

Administração

A administração do parque está do lado direito. Com programação cultural como o "Bosque da Leitura", onde incentiva seus frequentadores a não se ausentar da leitura.

Banheiros 2 banheiros sendo masculino e feminino, próximo entrada. Contem também 2 próximos a área de churrasqueira/quiosque.

à

Quadra Poliesportiva

Ampla quadra poliesportiva demarcadas e preparada para práticas esportivas como: basquete, futebol, futsal entre outros.

Trapiche

Ponte de madeira que atravessa o lago, proporcionando uma vista impecável.

Caminhos

A trilha circunda o lado esquerdo do parque. O rio passa por ela e o caminho é prazeroso a sombra.

Paisagem Canadense

Paisagem que conta com árvores nativas do Canadá (Plátanos)e, plantas como Capim dos Pampas fazem parte da paisagem.

Equipamentos de ginástica

Equipamentos exclusivos para prática de exercícios fisicos após a caminhada pelos caminhos do parque.

Mata Ciliar

Ao criar a mata ciliar pensou-se na proteção do grande lago de água doce do Parque. Plantas e árvores de várias espécies foram plantadas.

Área da Churrasqueira

O lazer continua com a área da churraqueira. Se informe para começar um dia prazeroso com a família.

45

SINALIZAÇÃO PLACA NORTEADORA DE FLUXO Vista Frontal MAPA DE LOCALIZAÇÃO Vista frontal

PLACA DE INFORMAÇÃO ECÓLOGICA

parque

25cm

50cm

parque 170cm

135cm

3 6

Ro d. do Ba nd eir an tes

9

10

l Mota ardea Av. C

7

8

5

4

9 3 1

200cm

[Você está aqui] Av. Cardeal Mota

2

1

Playground

6

Caminhos

2

Administração

7

Paisagem

3

Banheiros

8

Eq. Ginástica

4

Quadras

9

Mata

5

Ponte

10 Quiosque

75cm

• PLAYGROUND • PONTE DE MADEIRA • TRILHA • EQ. DE GINÁSTICA • CHURRASQUEIRA

PLACAS DE IDENTIFICAÇÃO APLICADAS

300cm

O Parque Toronto PonteIt ipsuntium eum nulpa asintiatem aut omnis maio veliquam, et qui blabo. modipsunde quid quaepre

• ADMINISTRAÇÃO • SANITÁRIOS • QUADRAS 70cm

151cm 80cm

10cm Page | 46

165cm

10cm

100cm

20cm

PLACAS DE IDENTIFICAÇÃO

PLACAS GERAIS DE SINALIZAÇÃO

PLACAS DE ADVERTÊNCIA

35cm

20cm

A sinalização do parque foi modernizada com novos ícones e materiais duráveis. Todas as placas são produzidas com chapa galvanizada e pintura automotiva.

A leitura é visível para uma pessoa de até 2m altura a uma distância miníma de 1,50m.

20cm

banheiro masculino 20cm

banheiro feminino

3M

2M

bebedouro

70cm

Bosque da leitura

Page | 47

REFERÊNCIAS BIBLIOGRÁFICAS PESQUISA PREFEITURA DE S. PAULO WWW.AREASVERDESDASCIDADES.COM.BR MYFONTS.COM DRIBBBLE.COM DOWNLOAD E REFERÊNCIAS MANUAL SENAC CREATIVEMARKET.COM FONTSQUIRREL.COM FREEPIK.COM MAKERBOOK.COM

Page | 48

HEROTURKO.ORG BEHANCE.COM WIKIPEDIA.ORG FOTOGRAFIA THAYNÁ TOMAN DIEGO IGOR STOCKSNAP.IO WWW.AREASVERDESDASCIDADES.COM.BR PIXABAY.COM FUNDAÇÃO GRUPO BOTICÁRIO

As letras se amam, sim.

No entando, devido a suas diferenças anatômicas, é difícil para algumas letras chegar à indimidade."

- ELLEN LUPTON

Ellen Lupton nasceu em 1963, na Filadélfia, Pensilvânia. Ela é designer, escritora, curadora, editora e educadora norte-americana. Lupton escreveu diversos livros influentes sobre a prática, história e teoria do design gráfico.

OBRIGADO!

1º C NOITE Tecnólogo Design Gráfico