Manual de Identidade Visual do Governo do Estado de São
Transcrição
Manual de Identidade Visual do Governo do Estado de São
Manual de Identidade Visual do Governo do Estado de São Paulo Governador do Estado de São Paulo Geraldo Alckmin Secretário da Casa Civil Sidney Beraldo Subsecretário de Comunicação Marcio Aith Unidade de Marketing Coordenação | Mariana Montoro Jens Equipe Técnica | Susy Arcanjo, Renata Nogueira, Livia Mattos, Leonor Francischelli, Fernanda Feres, Danielle Cunha e Barbara Sanches | Adag Comunicação Atendimento | Roberto Varo Equipe de criação e design | José Cascão, Mara Barros, Guillermina De Marco e Gabriel Cravero Finalização e Produção |Roze Pedroso, Oswaldo Gouveia e Marcelo Santos Edição: fev./2012 Introdução É com muita satisfação que lhe apresentamos neste Guia, a nova Identidade Visual do Governo do Estado de São Paulo: o novo Logotipo, as fontes, os símbolos e as cores a serem priorizadas nos materiais de comunicação das diversas Secretarias e Órgãos Governamentais. Como você poderá observar nas páginas a Introdução seguir, a proposta apresentada sugere uma comunicação mais quente, com mais vida e novas cores. A ideia é que trabalhemos juntos: a sua Secretaria e a Subsecretaria de Comunicação. Este Guia portanto, é um facilitador das suas tarefas. Ele veio para organizar as informações e tirar as suas dúvidas. Mas sempre que necessário, entre em contato. Estaremos à disposição para ajudá-lo. Bom trabalho! Manual de Identidade Visual • Governo do Estado de São Paulo • Introdução 5 Índice Módulo I • Um Novo Olhar Para Nossa Bandeira 15 A história da Bandeira������������������������������������������������������������������������������� 17 Histórico dos Logotipos����������������������������������������������������������������������������� 19 A integração da Bandeira à comunicação oficial do Governo��������������������������� 21 Evolução do elemento gráfico��������������������������������������������������������������������� 23 O corte��������������������������������������������������������������������������������������������������� 25 Elenco de cores���������������������������������������������������������������������������������������� 27 Azul�������������������������������������������������������������������������������������������������������� 29 Branco���������������������������������������������������������������������������������������������������� 31 Amarelo�������������������������������������������������������������������������������������������������� 33 Preto������������������������������������������������������������������������������������������������������ 35 Como chegamos a essa imagem����������������������������������������������������������������� 37 Positivo e negativo������������������������������������������������������������������������������������ 39 Grid de construção����������������������������������������������������������������������������������� 41 Módulo II • Novo Logotipo Índice 43 O Logotipo����������������������������������������������������������������������������������������������� 45 Suas variações����������������������������������������������������������������������������������������� 47 Positivo e negativo������������������������������������������������������������������������������������ 49 Grid de construção����������������������������������������������������������������������������������� 51 Margens de segurança������������������������������������������������������������������������������ 53 Redução�������������������������������������������������������������������������������������������������� 55 Usos não permitidos��������������������������������������������������������������������������������� 57 Tipologia 59 Verdana�������������������������������������������������������������������������������������������������� 61 Assinaturas das Secretarias 63 Assinaturas das Secretarias����������������������������������������������������������������������� 65 Manual de Identidade Visual • Governo do Estado de São Paulo • Índice 9 Suas variações�����������������������������������������������������������������������������������������67 Proporções de aplicação����������������������������������������������������������������������������69 Todas as Secretarias���������������������������������������������������������������������������������71 Módulo III • Comunicação Institucional 75 Padronizando a assinatura�������������������������������������������������������������������������77 Anúncio de revista - Página simples������������������������������������������������������������ 79 Anúncio de revista - Página dupla��������������������������������������������������������������� 81 Anúncio de jornal - Meia página������������������������������������������������������������������ 83 Anúncio de jornal - Página inteira��������������������������������������������������������������� 85 Folheto - Formato 10 cm x 21 cm��������������������������������������������������������������� 87 Folheto - Formato 15 cm x 21 cm��������������������������������������������������������������� 89 Assinatura com outros logotipos (horizontal)������������������������������������������������ 91 Assinatura com outros logotipos (vertical)���������������������������������������������������� 93 Assinatura com outros logotipos ���������������������������������������������������������������� 95 Papel timbrado (interno) . ..........................................................................97 Envelope saco (interno)..............................................................................99 Pasta (interna)........................................................................................101 Template PowerPoint................................................................................103 Assinatura de e-mail������������������������������������������������������������������������������� 109 Alguns Exemplos de Aplicação 111 Alguns Exemplos de Aplicação������������������������������������������������������������������ 113 Camisetas��������������������������������������������������������������������������������������������� 115 Coletes������������������������������������������������������������������������������������������������� 117 Bonés��������������������������������������������������������������������������������������������������� 119 Fachadas����������������������������������������������������������������������������������������������� 121 Veículos oficiais�������������������������������������������������������������������������������������� 127 Crachás������������������������������������������������������������������������������������������������� 129 Fundos de palco������������������������������������������������������������������������������������� 131 Índice Manual de Identidade Visual • Governo do Estado de São Paulo • Índice 11 Módulo IV • Placas de Obras 133 Placas de Obras�������������������������������������������������������������������������������������� 135 Placa Principal - Proporções��������������������������������������������������������������������� 137 Placa Principal - Medidas������������������������������������������������������������������������� 139 Placa de Apoio - Proporções��������������������������������������������������������������������� 141 Placa de Apoio - Medidas������������������������������������������������������������������������� 143 Placa de Apoio - Prioridade das informações����������������������������������������������� 145 Placas de Obras�������������������������������������������������������������������������������������� 147 Módulo V • O Brasão 149 Índice Um importante símbolo oficial������������������������������������������������������������������ 151 Suas variações��������������������������������������������������������������������������������������� 153 Paleta de cores��������������������������������������������������������������������������������������� 155 Positivo e negativo���������������������������������������������������������������������������������� 157 Grid de construção��������������������������������������������������������������������������������� 159 Margens de segurança���������������������������������������������������������������������������� 161 Redução������������������������������������������������������������������������������������������������ 163 Placa de Inauguração 165 Placa de inauguração������������������������������������������������������������������������������ 167 Manual de Identidade Visual • Governo do Estado de São Paulo • Índice 13 Módulo I • Um Novo Olhar Para Nossa Bandeira A história da Bandeira A Bandeira de São Paulo utiliza elementos gráficos em seu desenho. É um símbolo forte, de linhas elegantes. Seu criador, Júlio Ribeiro, a descreveu da seguinte maneira: “A Bandeira simboliza de modo perfeito a gênese do povo brasileiro, as três raças de que ele se compõe – branca, preta e vermelha. As quatro estrelas a rodear um globo, em que se vê o perfil geográfico do país, representam o Cruzeiro do Sul, a constelação indicadora da nossa latitude astral...” Os elementos e cores que encontramos na Bandeira de São Paulo são: Listras: pretas e brancas Estrelas: amarelas Círculo: branco Contorno geográfico do Brasil: azul Box: vermelho Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo I • Um Novo Olhar Para Nossa Bandeira 17 Governo Paulo Maluf Governo Paulo Maluf (1979-1982) Governo José Maria Marin (1982-1983) Governo Franco Montoro (1983-1987) GOVERNO MONTORO Histórico dos Logotipos Uma análise dos logotipos usados pelas diversas administrações paulistas ao longo dos anos revela que tanto as cores, quanto GOVERNO QUÉRCIA o formato do Estado e parte da nossa Bandeira, sempre estiveram presentes em Governo Quércia (1987-1991) nossa comunicação. Governo Fleury (1991-1995) Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo I • Um Novo Olhar Para Nossa Bandeira 19 A integração da Bandeira à comunicação oficial do Governo Pelo reconhecimento da importância de sua imagem, o Governo do Estado de São Paulo passou a utilizar a Bandeira como ícone central de sua comunicação em 1995, com o filme intitulado “Lavando a Bandeira”. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo I • Um Novo Olhar Para Nossa Bandeira 21 Evolução do elemento gráfico Posteriormente, a Bandeira ganhou linhas estilizadas, mais orgânicas e mais gráficas, incorporando ainda um novo valor: o formato do mapa do Estado de São Paulo. Esta imagem, com pequenas variações na disposição das palavras à sua volta, é até hoje o elemento central da comunicação do Governo do Estado de São Paulo. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo I • Um Novo Olhar Para Nossa Bandeira 23 O corte Aproveitando o “recall” desta imagem, que vem sendo comunicada há mais de uma década – sempre associada ao Governo do Estado – a atual proposta de identidade visual apresenta a Bandeira em uma nova perspectiva, reforçando suas linhas orgânicas que sugerem movimento. Com esse novo enquadramento, ganhamos em presença, força e a possibilidade de utilizarmos novas cores. Azul: O ponto de equilíbrio, a calma, presença mais suave. C M Y 100 80 R 3 K 0 G 0 B 78 162 Vermelho: A atitude. O impulso para realizar. C 0 M Y Amarelo: A energia. Luminosidade e atmosfera quente. Envolve, agrega, une pelo emocional. K 100 100 0 R G B 237 28 36 C M 0 15 R Y 100 G 255 212 Preto: A base. O sustentáculo, o alicerce que oferece força e estrutura. Elenco de cores K C M Y K 0 0 0 0 100 B R G B 0 35 31 32 PANTONE PANTONE PANTONE PANTONE 2955 C 485 C 116 C Process Black C Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo I • Um Novo Olhar Para Nossa Bandeira 27 Elenco de de cores: cores: Elenco Azul Amarelo O azul é uma base que sugere calma, Reconhecidamente uma cor vibrante, equilíbrio e conforto óptico. Oferece o amarelo evoca toda a energia que um contraponto à agitação e carga o Governo do Estado de São Paulo busca visual do entorno das grandes cidades passar em sua comunicação. e aglomerados urbanos. Elenco de cores: Branco A cor branca é a mistura de todas as cores. Na nossa comunicação ela reflete a paz, o equilíbrio e a serenidade que buscamos no nosso dia a dia. Elenco de cores: Amarelo Reconhecidamente uma cor vibrante, o amarelo evoca toda a energia que o Governo do Estado de São Paulo busca passar em sua comunicação. Elenco de cores: Preto O preto é definido como a ausência de todas as cores. Sua força confere nobreza e elegância à comunicação do Governo do Estado de São Paulo. Como chegamos a essa imagem Imagine o Logotipo do Governo do Estado de São Paulo apoiado em uma base totalmente horizontal, a 180°. Ao girarmos o Logotipo inteiro a 12,5° da esquerda para a direita, -12,5º temos a inclinação correta para fazermos o corte da Bandeira. Observe as linhas verdes no desenho. Com um eixo vertical, partindo da ponta superior da Bandeira, e outro horizontal, terminado junto à ponta direita da Bandeira, obtemos a marca de corte correta para esta aplicação. Nota: No pen drive que acompanha este manual você encontra o arquivo com esta imagem. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo I • Um Novo Olhar Para Nossa Bandeira 37 Positivo Positivo e negativo Assim como acontece com outras imagens, nos materiais em P&B, a Bandeira possui uma aplicação para fundo branco Negativo e outra para fundo preto. Nota: No pen drive que acompanha este manual você encontra os arquivos com estas imagens. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo I • Um Novo Olhar Para Nossa Bandeira 39 1 A 2 3 4 5 6 Grid de construção Como você está recebendo arquivos digitais B com as aplicações corretas do Logotipo e da Bandeira, dificilmente terá que reconstruir essas imagens. Mas, alguns materiais podem ter necessidades especiais e caso precise C desenhar a Bandeira, apresentamos aqui o gráfico com as proporções exatas para você seguir, sem medo de errar. D Exemplos de situações em que você terá que desenhar a Bandeira: bordados artesanais, paredes pintadas, materiais desenhados e E pintados à mão. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo I • Um Novo Olhar Para Nossa Bandeira 41 Módulo II • Novo Logotipo O Logotipo Esta é a nova forma de expressão do Governo do Estado de São Paulo. Daqui em diante, o Governo marcará a sua presença por meio desta imagem. Agora você vai conhecer tudo sobre este Logotipo: as medidas, proporções, cores exatas de todos os elementos, fontes e, principalmente, como aplicá-lo nos materiais que são utilizados no seu dia a dia. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo 45 Suas variações Sabemos que são muitos os materiais em que você precisa aplicar o Logotipo do Governo do Estado de São Paulo, e eles possuem formas e dimensões diferentes. Para facilitar o seu trabalho, desenvolvemos duas disposições corretas de aplicação: versão vertical e versão horizontal. Nota: No pen drive que acompanha este manual você encontra os arquivos com estas imagens. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo 47 Positivo Positivo e negativo Para garantir uma boa visibilidade e leitura, nos materiais com fundo claro use o Logotipo na versão em positivo. E nos materiais com fundo escuro, use a versão em negativo. Evite materiais em que a cor do fundo Negativo não é nem clara nem escura, isso prejudica a leitura e consequentemente qualquer aplicação correta do Logotipo. Nota: No pen drive que acompanha este manual você encontra os arquivos com estas imagens. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo 49 1 2 3 4 5 6 7 8 9 10 11 12 13 A B C Grid de construção D E Você provavelmente nunca precisará F desenhar o Logotipo do Governo do Estado, G mas se for necessário reproduzi-lo em H alguma superfície que não aceite impressão por meios digitais, é bom saber por onde I começar. Basta seguir o gráfico ao lado e você obterá a imagem na proporção correta. 1 A B 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 Exemplos de situações em que você terá que desenhar o nosso Logotipo: bordados artesanais, paredes pintadas, materiais desenhados e pintados à mão. C D E Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo 51 Margens de segurança O nome deste item já diz tudo: é preciso manter uma margem em torno do Logotipo do Governo do Estado de São Paulo para X protegê-lo. Desta maneira, você garante que ele não seja invadido por outros elementos, ou que fique muito próximo às linhas de corte do material onde será aplicada, além de evitar X vazamento de cores na hora da impressão. X Versão Vertical: Nesta versão, as quatro margens possuem a mesma largura. Para X = Altura de “O” saber qual é o tamanho correto dessas margens, você deve utilizar a altura da letra “O” de SÃO PAULO como unidade de medida. X Versão Horizontal: Nesta versão, as margens não possuem as mesmas medidas, fique atento. Aqui, também utilizamos a letra “O” X de SÃO PAULO como unidade de medida. X Os pontos que merecem atenção são as X = Altura de “O” X margens superior e esquerda. Margem superior: A margem começa a ser medida a partir do alto da palavra GOVERNO, X/2 e não do topo da Bandeira. Margem esquerda: A partir da ponta da Bandeira, usamos meia altura da letra “O”, ou seja, meia distância, comparada com as outras margens. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo 53 Redução A menor medida que o Logotipo deve ter: 2 cm - para a versão vertical. 2 cm 3 cm - para a versão horizontal. Atenção: Considere sempre estas medidas pela largura do Logotipo, e respeite este tamanho mínimo para garantir visibilidade e leitura. 3 cm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo 55 distorcer desproporcionalmente alterar a fonte alterar a posição dos elementos Usos não permitidos utilizar apenas um elemento separado do outro aplicar sombra ou qualquer outro efeito O nosso Logotipo é um grande patrimônio do Governo do Estado de São Paulo. Portanto, todos os cuidados devem ser tomados na hora de fazer suas aplicações. Veja, ao lado, exemplos de aplicações que SERVIÇOS SOCIAIS aplicar qualquer assinatura NÃO são permitidas. usar contorno aplicar transparência alterar as cores do Logotipo aplicar o Logotipo sobre fundos que comprometam a leitura Como chegar? usar elementos invadindo as margens de segurança Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo 57 Tipologia Verdana Para mantermos a unidade visual nos nossos materiais, precisamos definir uma fonte tipográfica que seja adotada por todos. Elegemos a fonte Verdana como o tipo oficial para as comunicações do Governo do Estado de São Paulo e suas Secretarias. A fonte Verdana oferece: • Design limpo • Fácil leitura • Linhas elegantes e modernas • Fácil composição em blocos de texto • Leitura arejada • Fonte encontrada pela maioria dos sistemas operacionais dos computadores Além da assinatura das Secretarias, sempre que possível procure usar a fonte Verdana na sua comunicação: apresentações, anúncios, textos, formulários, etc. Nota: No pen drive que acompanha este manual você encontra os arquivos com estas fontes (regular e bold). Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo • Tipologia 61 Assinaturas das Secretarias Assinaturas das Secretarias As Secretarias de Estado são órgãos vitais, representantes do trabalho do Governo; por esse motivo seus nomes devem estar sempre associados ao Logotipo do Governo do Estado de São Paulo. Isso agrega mais força à assinatura de ambos. Secretaria da Saúde Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo • Assinaturas das Secretarias 65 Secretaria da Saúde Suas variações Nas versões vertical e horizontal do Logotipo Secretaria da Saúde Secretaria da Saúde o nome da Secretaria deve ser centralizado abaixo da linha, na base de São Paulo, conforme indicado ao lado. A assinatura conjunta de duas ou mais Secretaria do Meio Ambiente X Secretaria do Meio Ambiente Secretaria da Habitação X Secretaria do Meio Ambiente X Secretarias se dá de forma diferente: neste caso os nomes das Secretarias devem ficar do lado esquerdo, alinhados pela base do Logotipo do Governo do Estado de São Paulo, respeitando um espaço correspondente à letra “O” entre eles. Secretaria da Saúde X Secretaria da Habitação X Secretaria do Meio Ambiente Secretaria da Habitação X Secretaria do Meio Ambiente Secretaria do Meio Ambiente Secretaria do Meio Ambiente Secretaria da Habitação Secretaria do Meio Ambiente Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo • Assinaturas das Secretarias 67 Secretaria da Saúde Secretaria de Desenvolvimento Econômico, Ciência e Tecnologia Proporções de aplicação Para garantir o efeito desejado e melhor leitura da nossa assinatura, é importante que Y X o Logotipo do Governo do Estado e o nome X da Secretaria estejam sempre na mesma proporção. Veja os exemplos ao lado. X X Secretaria da Saúde Secretaria de Desenvolvimento Econômico, Ciência e Tecnologia Y As unidades de medidas adotadas são X e Y, sendo que: X = RN X É a distância entre a base de SÃO PAULO até a base da primeira linha do nome da Secretaria. Secretaria da Saúde X Y = RNO É a distância entre a base de SÃO PAULO até a base da segunda linha do nome da Y Secretaria (somente nos casos em que o X nome não couber em uma única linha). Secretaria de Desenvolvimento Econômico, Ciência e Tecnologia Y X Nota: Lembramos que você não precisa se preocupar com estas medidas, pois no pen drive que acompanha este manual você encontra os arquivos com as assinaturas de todas as secretarias nas proporções corretas. Secretaria da Saúde Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo • Assinaturas das Secretarias 69 Secretaria da Administração Penitenciária Secretaria da Justiça e da Defesa da Cidadania Secretaria da Casa Civil Secretaria da Saúde Secretaria da Administração Penitenciária Secretaria da Casa Militar Secretaria da Casa Civil Secretaria da Cultura Secretaria da Casa Militar Secretaria da Educação Secretaria da Cultura Secretaria da Fazenda Secretaria da Justiça e da Defesa da Secretaria daCidadania Segurança Pública Secretaria da Saúde Todas as Secretarias Secretaria de Agricultura e Abastecimento Secretaria da Segurança Pública Secretaria de Desenvolvimento Econômico, Ciência e Tecnologia Secretaria de Agricultura e Abastecimento Secretaria de Desenvolvimento Metropolitano Secretaria da Educação Secretaria da Habitação Secretaria da Fazenda Secretaria de Desenvolvimento Econômico, Ciência Tecnologia Secretaria deeDesenvolvimento Social Secretaria de Desenvolvimento Metropolitano Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo • Assinaturas das Secretarias 71 Secretaria de Energia Secretaria do Emprego e Relações do Trabalho Secretaria de Esporte, Lazer e Juventude Secretaria do Meio Ambiente Secretaria de Energia Secretaria de Gestão Pública Secretaria de Esporte, Lazer e Juventude Secretaria de Logística e Transportes Secretaria de Gestão Pública Secretaria de Planejamento e Desenvolvimento Regional Secretaria de Logística e Transportes Secretaria de Saneamento Secretaria do Emprego e Relações do Trabalho Secretaria dos Direitos da Pessoa com Deficiência Secretaria do Meio Ambiente Todas as Secretarias Secretaria dos Transportes Metropolitanos Secretaria dos Direitos da Pessoa com Deficiência Procuradoria Geral do Estado Secretaria dos Transportes Metropolitanos e Recursos Hídricos Secretaria de Planejamento e Desenvolvimento Regional Secretaria de Turismo Procuradoria Geral do Estado Secretaria de Saneamento e Recursos Hídricos Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo II • Novo Logotipo • Assinaturas das Secretarias 73 Módulo III • Comunicação Institucional Padronizando a assinatura Neste capítulo apresentamos o novo padrão de assinatura do Governo do Estado de São Paulo para diversos materiais, como anúncio de revista, jornal, folheteria e papelaria. A assinatura é composta pela imagem da Bandeira, a tarja colorida (azul, branca amarela ou preta) e o Logotipo do Governo do Estado de São Paulo. Nota: No pen drive que acompanha este manual você encontra os arquivos com estes modelos de assinatura. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 77 Anúncio de revista Página simples Nos anúncios de página simples de revista (tamanho-padrão 21 cm x 28 cm) a assinatura deve ter as seguintes medidas: Bandeira recortada - 3,2 cm de altura. Tarja colorida - 2,4 cm de altura. 3,2 cm 2,4 cm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 79 Anúncio de revista Página dupla Nos anúncios de página dupla de revista (tamanho-padrão 42 cm x 28 cm) a assinatura deve ter as seguintes medidas: Bandeira recortada - 3,2 cm de altura. Tarja colorida - 2,4 cm de altura. 3,2 cm 2,4 cm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 81 Anúncio de jornal Meia página Nos anúncios de meia página de jornal (tamanho-padrão 29,7 cm x 26 cm) a assinatura deve ter as seguintes medidas: Bandeira recortada - 3,8 cm de altura. Tarja colorida - 2,9 cm de altura. 3,8 cm 2,9 cm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 83 Anúncio de jornal Página inteira Nos anúncios de página inteira de jornal (tamanho-padrão 29,7 cm x 52 cm) a assinatura deve ter as seguintes medidas: Bandeira recortada - 3,8 cm de altura. Tarja colorida - 2,9 cm de altura. 3,8 cm 2,9 cm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 85 Folheto Formato 10 cm x 21 cm Nos folhetos (formato 10 cm x 21 cm) a assinatura deve ter as seguintes medidas: Bandeira recortada - 2,6 cm de altura. Tarja colorida - 1,9 cm de altura. 2,6 cm 1,9 cm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 87 Folheto Formato 15 cm x 21 cm Nos folhetos (formato 15 cm x 21 cm) a assinatura deve ter as seguintes medidas: Bandeira recortada - 2,6 cm de altura. Tarja colorida - 1,9 cm de altura. 2,6 cm 1,9 cm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 89 Democratização do acesso à terra Assinatura com outros logotipos (horizontal) Quando outros logotipos assinarem uma peça de formato horizontal junto com o Governo do Estado, estes devem ser colocados dentro da tarja, aplicados da esquerda para a direita, em ordem de importância, cuidando para que fiquem sempre em tamanho menor do que o Logotipo do Governo do Estado. logo logo X X X X Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 91 Democratização do acesso à terra Assinatura com outros logotipos (vertical) Quando outros logotipos assinarem uma peça de formato vertical junto com o Governo do Estado, estes devem ser colocados fora logo X logo X da tarja, aplicados de cima para baixo, em ordem de importância, cuidando para que fiquem sempre em tamanho menor do que o Logotipo do Governo do Estado. X X Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 93 Assinatura com outros logotipos Quando diversos logotipos assinarem uma peça junto com o Governo do Estado, não apoio: é obrigatória a aplicação da “assinatura- logo logo logo logo logo logo padrão”. Nesses casos recomendamos usar o “bom senso”: procure deixar o Logotipo do Governo do Estado com algum destaque e aplique os demais logotipos em tamanho parceria: logo menor, distribuindo os mesmos de forma logo logo a deixar a peça harmônica, com equilíbrio entre os diversos logotipos e contemplando logo logo logo as expectativas dos seus parceiros. Nestas situações sempre que possível realização: procure incluir a imagem do corte da Bandeira em outro local da peça. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 95 5,6 cm Papel timbrado (interno) Ao lado apresentamos dois modelos alternativos de papel timbrado que podem ser usados para a elaboração de documentos internos. Eles deixam o documento mais estético do que aqueles elaborados em uma folha totalmente branca. No papel timbrado (formato 21 cm x 29,7 cm) os elementos devem ter as seguintes medidas: Bandeira recortada - 3,2 cm de altura. Bandeira em marca d água - 9 cm de altura. l Logotipo do Governo - 5,6 cm de largura. 9 cm Atenção: Eles NÃO substituem a papelaria oficial do Governo do Estado de São Paulo. 3,2 cm 5,6 cm Nota: No pen drive que acompanha este manual você encontra os arquivos com estes modelos. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 97 Frente Envelope saco (interno) Verso Caso você tenha necessidade, segue ao lado uma sugestão de modelo para um envelope saco. No envelope saco (formato 22,9 cm x 32,4 cm) o corte da Bandeira deve ter 10,5 cm de altura. Atenção: Este envelope NÃO substitui o envelope oficial do Governo do Estado de São Paulo. 10,5 cm Nota: No pen drive que acompanha este 1 cm manual você encontra o arquivo com este modelo. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 99 Pasta (interna) 14 cm Caso você tenha necessidade, segue ao lado sugestão de modelo para pasta. 1 cm Av. Morumbi, 4.500 - sala 74 - CEP 05650-905 - São Paulo - SP Tel. (11) 2193-8504 - Fax (11) 2193-8493 Na pasta (formato aberta 47 cm x 32 cm) o corte da Bandeira deve ter 14 cm de altura. Atenção: Esta pasta NÃO substitui a pasta oficial do Governo do Estado de São Paulo. Nota: No pen drive que acompanha este manual você encontra o arquivo com este modelo. 1,5 cm 1,5 cm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 101 Template PowerPoint Para auxiliá-lo a fazer uma apresentação em TÍTULO/CAPÍTULO PowerPoint seguindo esta nova identidade visual, desenvolvemos uma proposta que apresentamos a seguir. Na abertura usamos a Bandeira do Governo do Estado de São Paulo no novo corte proposto e o título da apresentação ao lado da imagem, com fonte Verdana bold, tamanho 25. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 103 Cabeçalho Cabeçalho Template PowerPoint Onseratiisque re nis dolorio nsenimu saeptatur? Onseratiisque re nis dolorio nsenimu saeptatur? Tempedi cipiend igendis eiciam delest, sero volectate la aute ped quatibusanda eatus Tempedi cipiend igendis eiciam delest, sero volectate la aute ped quatibusanda eatus cusda qui cusda qui custrum rerem reic tessum nos custrum rerem reic tessum nos repudande eum accatur maio omnihillaut et moluptur? Id excerisinte repudande eum accatur maio omnihillaut IMAGEM molum con reium autatiatur autet ut laut ipsaecusande parchilique nimi, nimet exceped mo blata num faccus aut ommolupturia et peritis et et ut optium alic to ea assuntias cuptur amus nobis eum et moluptur? Id excerisinte molum con No miolo, colocamos as imagens em diferentes reium autatiatur autet ut laut ipsaecusande parchilique nimi, nimet exceped mo blata num faccus aut ommolupturia et peritis hicabor poreperro ipicidem fuga. Nam hil idi doluptatur maximaximus deruptatio quiam ime ped ut formas ao longo da apresentação, respeitando et et ut optium alic to ea assuntias cuptur quias ius atempor estrum fugiate mperorem ea quiate nihic te apit od quam am amus nobis eum hicabor poreperro ipicidem fuga. Nam hil idi doluptatur maximaximus deruptatio quiam ime ped ut quias ius atempor estrum fugiate mperorem ea quiate sempre as margens de segurança. nihic te apit od quam am RODAPÉ RODAPÉ No cabeçalho usamos a fonte Verdana bold tamanho 20 com o nome do capítulo ou seção. Cabeçalho Cabeçalho Onseratiisque re nis dolorio nsenimu saeptatur? No texto usamos a fonte Verdana regular tamanho 15, e nos seus títulos usamos a fonte Onseratiisque re nis dolorio nsenimu saeptatur? Tempedi cipiend igendis eiciam delest, sero volectate la aute ped quatibusanda eatus cusda qui custrum rerem reic testet ut laut ipsaecusande parchilique nimi, nimet Tempedi cipiend igendis eiciam delest, sero exceped mo blata num faccus auticabor poreperro ipicidem fuga. Nam hil idi doluptatur volectate la aute ped quatibusanda eatus Verdana bold tamanho 18. cusda qui custrum rerem reic tessum nos maximaximus deruptatio quiam ime ped ut quias ius atempor estrum fugiate mperorem repudande eum accatur maio omnihillaut ea quiate nihic te apit od quam am IMAGEM et moluptur? Id excerisinte molum con reium autatiatur autet ut laut ipsaecusande parchilique nimi, nimet exceped mo blata No rodapé da página repetimos o texto do num faccus aut ommolupturia et peritis cabeçalho em fonte Verdana regular et et ut optium alic to ea assuntias cuptur amus nobis eum hicabor poreperro ipicidem IMAGEM fuga. Nam hil idi doluptatur maximaximus tamanho 12. deruptatio quiam ime ped ut quias ius atempor estrum fugiate mperorem ea quiate nihic te apit od quam am RODAPÉ RODAPÉ Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 105 Template PowerPoint No último slide da apresentação, usamos a mesma imagem da primeira página do OBRIGADO Coloque seu contato aqui PowerPoint, com os agradecimentos em fonte Verdana bold tamanho 25. Embaixo dos agradecimentos colocamos nossos contatos em fonte Verdana bold tamanho 20. Nota: No pen drive que acompanha este manual você encontra os arquivos apresentados também nas versões amarela e azul. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 107 Assinatura de e-mail Caso você tenha interesse, apresentamos ao lado, um modelo de assinatura de e-mail que segue a nova identidade visual do Governo do Nome Sobrenome Estado de São Paulo. Cargo Orgão ou Secretaria Para os textos deve-se usar a fonte Verdana, [email protected] | 11 0000-0000 | 11 0000-0000 Av. Morumbi, 4.500 - São Paulo - SP em caixa alta e baixa, nos tamanhos: Nome - 10 pt - Bold. Cargo - 8 pt - Regular. Orgão ou secretaria - 6.5 pt - Regular. Contato e endereço - 7 pt - Regular. Nota: No pen drive que acompanha este manual você encontra o arquivo com este modelo de assinatura. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional 109 Alguns Exemplos de Aplicação Alguns exemplos de aplicação Até aqui este manual apresentou os elementos da nova identidade visual que devem ser adotados e incorporados à comunicação do Governo do Estado em suas diversas formas. Nesta seção, para orientar e facilitar a criação e produção de materiais necessários no seu dia a dia, sugerimos alguns modelos de “layouts” que podem inspirar o seu trabalho. Aproveite! Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional • Alguns Exemplos de Aplicação 113 Camisetas Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional • Alguns Exemplos de Aplicação 115 Coletes Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional • Alguns Exemplos de Aplicação 117 Bonés Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional • Alguns Exemplos de Aplicação 119 NOME DA INSTITUIçÃO NOME DA INSTITUIçÃO Fachadas NOME DA INSTITUIçÃO Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional • Alguns Exemplos de Aplicação 121 NOME DA INSTITUIçÃO NOME DA INSTITUIçÃO Fachadas NOME DA INSTITUIçÃO Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional • Alguns Exemplos de Aplicação 123 NOME DA INSTITUIçÃO NOME DA INSTITUIçÃO Fachadas NOME DA INSTITUIçÃO Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional • Alguns Exemplos de Aplicação 125 Veículos oficiais Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional • Alguns Exemplos de Aplicação 127 Crachás Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional • Alguns Exemplos de Aplicação 129 200 mm 200 mm ENÇÃO AO CONSUMO DE OL NA INFÂNCIA E ADOLESCÊNCIA Fundos de palco 200 mm PREVENÇÃO AO CONSUMO DE ÁLCOOL NA INFÂNCIA E ADOLESCÊNCIA 200 mm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo III • Comunicação Institucional • Alguns Exemplos de Aplicação 131 Módulo IV • Placas de Obras Placas de Obras Para identificar as obras do Governo do Estado de São Paulo sempre são colocadas duas placas: uma maior denominada Principal e uma menor que chamamos de Placa de Apoio. OBRA DO GOVERNO DO ESTADO RECAPEAMENTO DA RODOVIA RaPOSO TAVARES Na Principal, o nome da obra deve aparecer Investimento Total R$ 1.000.000,00 Município São Paulo Objeto Recapeamento do km 12 ao km 18 Período da Obra Início: 25/06/2011 Prazo: 12 meses logo logo em destaque. Na Placa de Apoio devem ser colocadas as informações complementares. O detalhamento das informações de cada placa é definido pela Secretaria responsável, juntamente com a Subsecretaria de Comunicação. Secretaria de Logística e Transportes Nesta obra não há utilização de amianto ou produtos dele derivados por serem prejudiciais à saúde. Preste atenção, porque isso é muito importante: as duas placas têm que estar obrigatoriamente lado a lado. O ideal é que sejam duas placas Secretaria de Logística e Transportes independentes instaladas com 15 cm de distância entre elas. Atenção: Os nomes da obra e da Secretaria aplicados são meramente ilustrativos. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo IV • Placas de Obras 135 Placa Principal X OBRA DO GOVERNO DO ESTADO Proporções As proporções, como exemplificadas na figura ao lado, tomam como unidade de medida (x) a altura da letra “O” de São Paulo. RECAPEAMENTO DA RODOVIA RAPOSO TAVARES Atenção: É muito importante respeitar essas proporções, principalmente nos casos em que há necessidade de redução ou ampliação do X Secretaria de Logística e Transportes X X tamanho-padrão da placa. Nota: No pen drive que acompanha este manual você encontra o arquivo com o modelo da placa principal. Secretaria de Logística e Transportes Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo IV • Placas de Obras 137 Placa Principal 6m OBRA DO GOVERNO DO ESTADO 3m 17 cm 85 cm Medidas O tamanho-padrão da Placa Principal é de 6 m de largura por 3 m de altura. RECAPEAMENTO DA RODOVIA RAPOSO TAVARES Para os textos deve-se usar a fonte Verdana, em caixa alta e em negrito (bold), nos tamanhos: Cabeçalho - 780 pt ou 20,8 cm de altura. Nome da obra - 600 pt ou 15,3 cm de altura. Secretaria de Logística e Transportes 17 cm Atenção: O tamanho mínimo permitido para a Placa Principal é de 3 m de largura por 177 cm 17 cm 1,5 m de altura. Secretaria de Logística e Transportes Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo IV • Placas de Obras 139 2X 2X 2X Investimento Total R$ 1.000.000,00 Placa de Apoio Município São Paulo Proporções Objeto Recapeamento do km 12 ao km 18 As proporções, como exemplificadas na figura ao lado, tomam como unidade de medida (x) a Período da Obra Início: 25/06/2011 Prazo: 12 meses altura da letra “O” de São Paulo (vide Logotipo Placa Principal). Nota: No pen drive que acompanha este manual logo você encontra o arquivo com o modelo da placa logo de apoio. Nesta obra não há utilização de amianto ou produtos dele derivados por serem prejudiciais à saúde. X X Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo IV • Placas de Obras 141 2m 33 cm 33 cm Placa de Apoio 33 cm Medidas Investimento Total R$ 1.000.000,00 Município São Paulo O tamanho-padrão da Placa de Apoio é de 2 m de largura por 3 m de altura. Objeto Recapeamento do km 12 ao km 18 Para os textos deve-se usar a fonte Verdana, em caixa alta e baixa nos Período da Obra Início: 25/06/2011 Prazo: 12 meses 3m tamanhos: Texto principal - 300 pt ou 8 cm de altura. Título: bold. Informação: regular. logo logo Texto rodapé - 135 pt ou 3,5 cm de altura. Atenção: O tamanho mínimo permitido para a Placa de Apoio é de 1 m de largura por Nesta obra não há utilização de amianto ou produtos dele derivados por serem prejudiciais à saúde. 17 cm 1,5 m de altura. 17 cm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo IV • Placas de Obras 143 Placa de Apoio Opção 1 Opção 2 Opção 3 Investimento Total R$ 1.000.000,00 Investimento Total R$ 1.000.000,00 Investimento Total R$ 1.000.000,00 Município São Paulo Período da Obra Início: 25/06/2011 Prazo: 12 meses logo Objeto Recapeamento do km 12 ao km 18 Período da Obra Início: 25/06/2011 Prazo: 12 meses Nas Placas de Apoio é permitida a aplicação dos logotipos de parceiros de acordo com a necessidade de cada obra. logo logo logo logo logo Prioridade das informações logo logo Se for necessário eliminar parte das informações respeite a priorização apresentada ao lado. logo Importante: É obrigatório o uso da frase “Nesta obra não há utilização de amianto Nesta obra não há utilização de amianto ou produtos dele derivados por serem prejudiciais à saúde. Nesta obra não há utilização de amianto ou produtos dele derivados por serem prejudiciais à saúde. Nesta obra não há utilização de amianto ou produtos dele derivados por serem prejudiciais à saúde. ou produtos dele derivados por serem prejudiciais à saúde” desde 26 de julho de 2007, de acordo com a Lei Estadual nº 12.684. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo IV • Placas de Obras 145 6m 7 cm OBRA DO GOVERNO DO ESTADO 3m RECAPEAMENTO DA RODOVIA RAPOSO TAVARES 1,93 cm Investimento Total R$ 1.000.000,00 Município São Paulo Objeto Recapeamento do km 12 ao km 18 Período da Obra Início: 25/06/2011 Prazo: 12 meses Na impossibilidade de instalar as duas placas separadamente, é permitida a utilização de uma única placa, porém acrescida de uma linha branca vertical com 7 cm de largura. Essa linha não deve invadir a área destinada logo Secretaria de Logística e Transportes Placas de Obras logo Nesta obra não há utilização de amianto ou produtos dele derivados por serem prejudiciais à saúde. à Placa Principal e sim à de Apoio. Nota: No pen drive que acompanha este manual você encontra o arquivo com o 8m modelo desta placa. Secretaria de Logística e Transportes Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo IV • Placas de Obras 147 Módulo V • O Brasão Um importante símbolo oficial A versão original esculpida por Luís Morrone, está no acervo do Palácio dos Bandeirantes. Todo o Brasão traz significados marcantes em cada um dos elementos que o compõem. Heráldica é a arte de descrever um brasão de armas, como você pode ver a seguir: “Brasão de Armas do Estado de São Paulo: Em escudo português de goles, uma espada com o punho brocante sobre o cruzamento de um ramo de louro à destra e um de carvalho à sinistra, passados em aspa na ponta, e acostada em chefe das letras S.P., tudo de prata; timbre: uma estrela de prata; suportes: dois ramos de cafeeiro frutificados, de sua cor, passados em aspa na ponta; divisa: em listel de goles, brocante sobre o cruzamento dos suportes, ‘PRO BRASILIA FIANT EXIMIA’, de prata.” “Pelo Brasil façam-se grandes coisas.” É a tradução da frase em latim. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo V • O Brasão 151 Suas variações Versão Vertical: O texto “Governo do Estado de São Paulo” quebrado em duas linhas, a partir da palavra “Estado”, é centralizado. O Brasão é aplicado acima do texto, também centralizado. Versão Horizontal: O texto “Governo do Estado de São Paulo” disposto em apenas uma linha, com o Brasão aplicado acima, centralizado. Atenção: Deve-se priorizar a aplicação horizontal sempre que o material permitir. Nota: No pen drive que acompanha este manual você encontra os arquivos com estas imagens. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo V • O Brasão 153 C 9 M 98 Y 100 K 0 R 220 G 40 B 40 PANTONE 485 C C 86 M 18 Y 100 K 4 R 11 G 146 B 71 PANTONE 347 C C 3 M 22 Y 100 K 0 R G 247 197 B 32 PANTONE 123 C Paleta de cores As cores que encontramos no Brasão representam seus próprios elementos. • Prata: a estrela, o metal e as letras • Vermelho: C 0 M 0 Y 0 K 100 C 35 M 28 Y 29 K 30 R 35 G 31 B 32 R G B 128 129 129 PANTONE Process Black C o escudo português com faixa na base PANTONE 444 C • Amarelo: • Verde: os ramos de louro, carvalho e cafeeiro os frutos do cafeeiro Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo V • O Brasão 155 Positivo Positivo e negativo Assim como o Logotipo do Governo do Estado, o Brasão também possui duas aplicações para fundos branco e preto, como você pode ver nos exemplos ao lado. Negativo Atenção: Na utilização do Brasão em branco sobre fundo preto, atente para a definição das linhas finas da imagem vetorizada. Nota: No pen drive que acompanha este manual você encontra os arquivos com estas imagens. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo V • O Brasão 157 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 A B C D E F G H Grid de construção I J K Caso você precise desenhar ou construir essa imagem para aplicar em algum material que não seja compatível com arquivos digitais, 1 A 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 siga o gráfico com as proporções e obtenha a imagem correta. B C D E F G H I Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo V • O Brasão 159 Margens de segurança X A margem em torno do Brasão com o nome X X do Governo do Estado de São Paulo é importante para garantir que a imagem não X= Altura de “O” seja invadida por outros logotipos. Assim, também evitamos vazamento de X cores na hora da impressão, além de protegê-la das linhas de corte do material onde será aplicada. X Em qualquer uma das versões, as quatro X margens possuem a mesma largura. Para X X saber qual é o tamanho correto dessas X= Altura de “O” margens, você deve utilizar a altura da letra “O” de SÃO PAULO como unidade de medida, conforme os exemplos. Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo V • O Brasão 161 Redução A menor medida que o Logotipo deve ter: 2 cm 2 cm - para a versão vertical. 3 cm - para a versão horizontal. Atenção: Considerar sempre estas medidas pela largura do Logotipo, e respeitar este limite mínimo para garantir sua visibilidade e leitura. 3 cm Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo V • O Brasão 163 Placa de Inauguração 51 Placa de inauguração 85 500 Essa é uma placa de aço escovado com as marcas e informações gravadas por Brasão centralizado fotocorrosão e pintadas com as cores-padrão 56 do Governo do Estado de São Paulo. NOME DA OBRA Futura Bold Corpo 91 Alinhamento centralizado Os textos devem ser escritos com as fontes Futura Bold, Times New NOME DO GOVERNADOR 700 GOVERNADOR DO ESTADO DE SÃO PAULO NOME DO PREFEITO CARGO E MUNICÍPIO Roman e Times New Roman Bold. Times New Roman Bold Corpo 72 Alinhamento centralizado Especificações: - Aço escovado. Times New Roman Corpo 43 Alinhamento centralizado - Medidas: 0,50 m de largura por 0,70 m de altura. NOME DO SECRETÁRIO CARGO E MUNICÍPIO Times New Roman Bold Corpo 58 Alinhamento centralizado a placa de inauguração para a aprovação da Subsecretaria de Comunicação. Assim, NOME NOME NOME CARGO E MUNICÍPIO Atenção: Sempre que possível, encaminhe Times New Roman Corpo 35 Alinhamento centralizado e dúvidas. 43 45 INAUGURADO/A EM 00/00/0000 poderemos auxiliar você em todos os casos Times New Roman Bold Corpo 29 Alinhamento centralizado Nota: No pen drive que acompanha este manual você encontra o arquivo com o modelo da placa 60 de inauguração. Logotipo centralizado Manual de Identidade Visual • Governo do Estado de São Paulo • Módulo V • O Brasão • Placa de Inauguração 167