Manual de Identidade Visual
Manual de Identidade Visual
Carolina Iplinsky • Izabella Melo • Natalia Bichara Disciplinas Fundamentos de Gráfica • Profa. Me. Mara M. Roberto Projeto II: Identidade Visual • Prof. Dr. Luciano Cardinali Graduação em Design
copyright © 2016 GREG São Paulo, dezembro de 2016
Introdução Visando organizar o conjunto de manifestações visuais da empresa, esse manual de identidade reúne normas, modelos e padrões que, quando respeitados, preservam a coerência da marca. É importante reconhecer que a identidade visual é capaz de gerar reconhecimento e diferenciação à medida que é também grande responsável por construir a relação entre a empresa e seu público. Este manual está dividido em três partes. Na primeira, apresentam-se os elementos básicos que formam o código da identidade da GREG: símbolo, logo e cores. Na segunda parte, reúnem-se os padrões para as manifestações visuais básicas da empresa: cartão de visitas, papel carta, envelope ofício, envelope saco e pasta. A terceira parte traz o logo em suas variadas versões e a versão digital do manual. Para que seja garantida a reprodução adequada dos modelos propostos, o manual também está disponível em versão digital no CD que o acompanha. Caso haja quaisquer dificuldades nessa reprodução, bem como dúvidas a respeito da identidade, a Diretoria da empresa deverá ser consultada.
Sumário Parte 1 • Elementos básicos Conceituação do logo............................................................................... 05 Símbolo....................................................................................................... 06 Logo • versão vertical (preferencial)....................................................... 08 Logo • versão horizontal.......................................................................... 10 Cores • padrões cromáticos..................................................................... 12 Logo • versões p/b................................................................................... 13 Logo • versões escala de cinza .............................................................. 14 Imagens....................................................................................................... 15 Aplicação sobre imagens • fundos claros................................................ 16 Aplicação sobre imagens • fundos escuros............................................. 17 Aplicação sobre imagens • fundos coloridos.......................................... 18 Aplicação • usos incorretos....................................................................... 19 Tipografia.................................................................................................... 21
Parte 2 • Manifestações visuais Cartão de visita........................................................................................... 24 Papel carta.................................................................................................. 25 Envelope ofício........................................................................................... 27 Envelope saco grande............................................................................... 28 Pasta com bolsa canguru........................................................................... 30 Aplicação em material promocional......................................................... 32 Aplicação em apresentação...................................................................... 33
Parte 3 • CD-ROM CD-ROM...................................................................................................... 35
Manual de Identidade Visual • GREG
03
Parte 1 โ ข Elementos bรกsicos
Conceituação A Greg é uma instituição de educação que oferece serviços de hardware, software e formação continuada e busca tornar as aulas mais inclusivas e acessíveis, além de trabalhar com um público de vulnerabilidade social. Portanto, tem como valores a união dentro de uma mesma proposta pedagógica e o respeito à diversidade. Para isso, pretende ser uma espécie de desenho universal para a aprendizagem, integrando o tecnológico com o analógico. O logotipo tem como intuito representar a educação e a ideia de continuidade, ideal que norteia a empresa GREG. O símbolo helicoidal remete à ausência de fim e ao infinito, transmitindo a sensação de fluidez. A tipografia sem serifa e bold foi utilizada com o objetivo de mostrar o caráter tecnológico da empresa, sem perder, no entanto, seu caráter lúdico, presente no jogo tipográfico expresso na inversão da última letra “G”. Por fim, as cores possuem como significado: o roxo, a transformação, sabedoria e respeito; e o verde, vitalidade e magistério.
Manual de Identidade Visual • GREG
05
Símbolo O símbolo é o primeiro elemento da identidade visual da empresa. O uso apenas do símbolo é restrito e poderá ser utilizado apenas mediante autorização da GREG.
• Por ser um objeto gráfico importante para a empresa e para evitar reproduções imprecisas, o símbolo nunca deverá ser redesenhado, nem reproduzido por scanners ou cópias xerográficas. Deverá sempre ser utilizado a partir do seu original digital (vide CD anexo a este manual).
Manual de Identidade Visual • GREG
06
Redução máxima permitida
A redução máxima permitida para o símbolo é de 7 mm de largura.
7 mm
Área de proteção
x
x
x
Para que não haja interferência em sua leitura e para garantir que o símbolo será apresentado com a máxima clareza e impacto visual, deverá sempre haver uma área livre de elementos gráficos ao redor do símbolo relativa à alturado elemento do símbolo indicado abaixo.
x
x
Manual de Identidade Visual • GREG
07
Logo • versão vertical
Logo
Símbolo
(preferencial)
O logo é o elemento chave da identidade visual/imagem da empresa. Ele proporciona um reconhecimento instantâneo da empresa e de seus produtos. A consistência e coerência no seu uso aumenta o reconhecimento da empresa no mercado. Por ser um bem valioso para a empresa, o logo deve ser usado com cuidado, seguindo-se estritamente as normas deste manual. O logo é o uso conjunto do símbolo com o logotipo. Esta é a versão preferencial para a assinatura das peças institucionais.
Logotipo
Restrições
• Não escaneie ou redesenhe o logo. • Não use o logo como parte de outro símbolo e não o envolva em qualquer forma geométrica. • Nunca use o logo para objetivos pessoais ou políticos. • Nunca use o logo dentro de uma sentença. Qualquer referência à empresa deve aparecer na mesma tipografia do texto. • Limite seu uso a apenas um logo por página ou superfície.
• Para evitar reproduções imprecisas, o logo nunca deverá ser redesenhado, nem reproduzido por scanners ou cópias xerográficas. Deverá sempre ser utilizado a partir do seu original digital (vide CD anexo a este manual).
Manual de Identidade Visual • GREG
08
Redução máxima permitida
A redução máxima permitida para o logotipo é de 10 mm de largura.
10 mm
Área de proteção
Para que não haja interferência em sua leitura e para garantir que o símbolo será apresentado com a máxima clareza e impacto visual, deverá sempre haver uma área livre de elementos gráficos ao redor do símbolo relativa à altura da letra “E”, conforme mostrado na figura abaixo. E
E
E
E
Manual de Identidade Visual • GREG
09
Logo • versão horizontal Com o propósito de manter o melhor rendimento visual nas aplicações, principalmente na escala pantone, foi desenvolvida a versão sólida do logo.
• Para evitar reproduções imprecisas, o logo nunca deverá ser desenhado, nem reproduzido por scanners ou cópias xergráficas. Deverá sempre ser utilizado a partir do seu original digital (vide CD anexo a este manual). • O uso desta versão é restrito e poderá ser utilizado apenas mediante autorização da empresa.
Manual de Identidade Visual • GREG
10
Redução máxima permitida
A redução máxima permitida para o logotipo é de 12 mm de largura.
12 mm
Área de proteção
Para que não haja interferência em sua leitura e para garantir que o símbolo será apresentado com a máxima clareza e impacto visual, deverá sempre haver uma área livre de elementos gráficos ao redor do símbolo relativa à altura da letra “E”, conforme mostrado na figura abaixo.
E
E
E
E
Manual de Identidade Visual • GREG
11
Cores • padrões cromáticos As cores são parte integrante da identidade visual da empresa. As cores chave associadas à marca GREG são: verde e roxo. O objetivo do uso consistente das cores associadas à marca é gerar reconhecimento, consciência e familiaridade junto aos clientes e potenciais clientes da empresa.
• As cores mostradas neste manual não devem ser utilizadas para avaliação cromática, pois não oferecem qualquer precisão em relação às tecnologias de impressão. • Deve-se sempre utilizar as tabelas Process Colors (para impressão em quadricromia) e Pantone® Solid Colors (para impressão com cores especiais).Pantone® é marca regis trada da Pantone, Inc.
Verde GREG
Roxo GREG
Pantone®
Pantone®
375 C
2607 C
CMYK (%)
CMYK (%)
C = 45% M = 0% Y = 100% K = 0%
C = 75% M = 100% Y = 0% K = 0%
RGB
RGB
R = 160 G = 200 B = 135
R = 100 G = 35 B = 130
Manual de Identidade Visual • GREG
12
Logo • Versões P/B P/B positivo
P/B negativo
Versão vertical preferencial
Versão horizontal
Símbolo
Manual de Identidade Visual • GREG
13
Logo • Versões Escala de Cinza As versões em escala de cinza poderão ser utilizadas quando as versões preferenciais ão forem legíveis, como em aplicações sobre fundos coloridos.
Versão vertical preferencial Cinza Claro CMYK (%) C = 0% M = 0% Y = 0% K = 25%
Versão horizontal Cinza Escuro CMYK (%) C = 0% M = 0% Y = 0% K = 85%
Símbolo
Manual de Identidade Visual • GREG
14
Imagens
Regras gerais em relação às imagens:
Imagens referem-se a quaisquer fotografias, ilustrações ou outro tipo de elemento artístico usados nos materiais de comunicação da GREG. Elas devem ajudar a expressar a identidade da empresa, além de serem conceitualmente acessíveis, novas e imaginativas. As imagens veiculadas nos materiais da GREG tornam-se imediatamente associadas com sua identidade visual, portanto elas devem apresentar a máxima qualidade possível e serem produzidas profissionalmente. O conjunto de imagens veiculadas nos materiais da GREG devem ajudar a: • Transmitir o espírito da empresa – como um meio efetivo de articular os valores e as mensagens da marca. • Solidificar seu reconhecimento no mercado gerando uma conexão com seu público alvo. • Traduzir palavras em imagens significativas para que os clientes pos sam guardá-las na memória.
• Seja sensível à cultura do público alvo. • Ao mostrar os produtos, procure demonstrar seus benefícios e prefira imagens em uso. • Use ilustrações para representar conceitos/idéias abstratas. • Não usar imagens/ilustrações de clip-art. • Restrinja o número de imagens ao mínimo possível e concentre o foco na imagem principal. • Ao produzir uma imagem tenha em mente que ela poderá ser usada tanto para mídia impressa quanto para mídias digitais.
Manual de Identidade Visual • GREG
15
Aplicação sobre imagens Fundos claros
Para causar o máximo impacto visual possível, além de evitar interferências gráficas indesejáveis, em imagens com fundo claro ou branco (inclusive fotos em preto e branco), usa-se o logo na sua versão colorida (CMYK) ou em sua versão P/B (preferencialmente positiva).
Manual de Identidade Visual • GREG
16
Aplicação sobre imagens Fundos escuros
No caso de imagens que ocupam todo o espaço ou fotos com fundo escuro, deve-se optar pelo logo em sua versão P/B negativa.
Manual de Identidade Visual • GREG
17
Aplicação sobre imagens Fundos coloridos
O logo pode ser aplicado em sua forma colorida ou P/B Positiva somente e unicamente sobre fundos claros ou opacos. No caso de fundos com cores vibrantes é necessário que se use a versão P/B Negativa, dependendo de cada caso.
Manual de Identidade Visual • GREG
18
Aplicação
usos indevidos
A marca não deve sofrer variações de forma, cor e tipografia não condizentes com este manual. Alguns exemplos dos usos incorretos são mostrados abaixo. Portanto, é proibido:
Alterar PROPORÇÂO
Alterar TIPOGRAFIA
Alterar POSIÇÃO
Alterar a letra ˜G˜
Alterar ALINHAMENTO
Alterar COR
Manual de Identidade Visual • GREG
19
Aplicação
usos indevidos A marca não deve sofrer variações de forma, cor e tipografia não condizentes com este manual. Alguns exemplos dos usos incorretos são mostrados ao lado. Portanto:
Não DISTORCER
Não APLICAR SOMBRA
Não USAR PERSPECTIVA
Não CONTORNAR
Não APLICAR TEXTURAS
Não EXCLUIR PARTES
Não ROTACIONAR/ INCLINAR
Manual de Identidade Visual • GREG
20
Tipografia Tipografia primária
Avenir Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @$%&!? Avenir Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @$%&!?
A família Avenir é a tipografia primária da GREG que deverá ser usada em todas as comunicações. Ela foi desenvolvida em 1988 por Adrian Frutiger, depois de anos de interesse em fontes sem serifa. Avenir Light deve ser usada na maioria dos textos mais longos ou quando não é necessária enfase. Avenir Heavy deve ser usada em títulos e a Avenir Medium em subtítulos. Em enfâses específicas, devem ser usados seus estilos itálicos. Para aplicações em websites, a fonte primária não estará disponível. Nesse caso, a fonte a ser usada é a Verdana.
Tipografia para web
Avenir Medium Oblique ABCDEFGHIJ KLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @$%&!?
Verdana Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @$%&!?
Avenir Black ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @$%&!?
Verdana Bold ABCDEFGHIJ KLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @$%&!?
Avenir Heavy ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @$%&!?
Verdana Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @$%&!?
Manual de Identidade Visual • GREG
21
Tipografia Ao compor a comunicação, os textos podem ser distribuídos de acordo com a hierarquia do conteúdo. Para isso utilize os pesos e estilos da fonte Avenir de acordo com o grau de relevância dos textos.
Avenir Black Avenir Medium
Avenir Light
Avenir Heavy Avenir Roman Avenir Light Oblique
EXEMPLO DE TÍTULO Subtítulo Sempre Menor que o Título ˜A ideia de interatividade está presente em quase tudo que nos cerca hoje. A TV é interativa, o brinquedo é interativo, o rádio é interativo, o aparelho eletrônico é interativo, como se o que não fosse interativo carecesse de um valor agregado. É um slogan, que funciona tanto na indústria quanto na academia. (PRIMO, 2000). A interatividade está na moda, pois muitos são os seus usos.˜ Aline Weber
INFORMAÇÕES IMPORTANTES PODEM SER EM MAIÚSCULA, Textos maiores e informações adicionais podem ser menores
Manual de Identidade Visual • GREG
22
Parte 2 • Manisfestações visuais
Cartão de visitas Formato: 9,5 mm x 5,5 mm O cartão de visitas pessoal deve ser usado para apresentação do funcionário e poderá conter as seguintes informações: cargo, telefone, telefone comercial, site, e-mail pessoal e QR code que direciona par um vídeo explicativo do GREG.
Mary Grace Andrioli Diretora +55 11 98989-6509 maryandrioli@gmail.com
Av. Prof. Lineu Prestes, 2242 05508-000 - Vila Universitária São Paulo - SP +55 11 3039-8319 gregmaker.com.br
Cartão apresentado em tamanho real.
Manual de Identidade Visual • GREG
24
Papel carta Formato: 210 x 297 mm (A4)
Av. Prof. Lineu Prestes, 2242 05508-000 | Vila Universitária São Paulo | SP | Brasil +55 11 3039-8319 contato@engrenar.com.br gregmaker.com.br
Versão reduzida para visualização
Manual de Identidade Visual • GREG
25
Papel carta 20
65
Margens para o texto 55
Superior: 55 mm Inferior: 25 mm Esquerda: 65 mm Direito: 20 mm
Av. Prof. Lineu Prestes, 2242 05508-000 | Vila Universitária São Paulo | SP | Brasil +55 11 3039-8319 contato@gregmaker.com.br gregmaker.com.br
São Paulo, 24.10.2013 Destinatário Endereço Nome, Mintore, omnient. Aces dolor aciusam et dolupta ectatem explit quunt acipsam et, se suntio bea illaut exerupt atustor ehenda cusdam vel et et as del maiore et officipsum doluptas as exerument quis inciend ebitasperrum dollabor sim et acius soles estius vollis rerios as exceperum quo coribearum que pore sita corumquia siti dendaeris aut int eos nossed mo cor moloreiur accabo. Ur, necestrum, odi ipiet ut et, ipsum aut id eiciiste magnimporia nestrum eum autatiusam, voloria conserum sed eat ulparcius cum, sedis aceped exeribus excepta estiatu restotaque rehendantio berum haritas endae adi cus ent, consequia que prae. Que parum dolor modi commolorem renissi dolupta volupti. Re poresti orates quam, aspe cus rerit ut quam nobit ium qui assinus es intionsequi totaeritae dus et de vel ipid es et quam reror aliquo con et esti ipid mossequis nihic temquidis autecum estempedis ra as pro modis magnim quae qui volor aut omnis ex ea nienim reius susapiet quae es et omnis et eatem hil illecab orectia tquataquam, quia dolore volorrovitat qui susa qui bere, eatiaecture, as velit aborecusam qui am ipit quiatus, am debit fugiata et volorro et excese voluptiatium nissit pro et que voleseq uatur, aspid quo voloriore et alitam qui odis ipid eum quam, consento quo et, esedit velitis endel in et ut mos iuntioriame quo berum, cum expe cum quid ex expero tquas solorit offic tem e magnimus et quam, nessit quidit omnim aut quam, cores eum inum voles quuntori oditat et officil laborrum aute nobis dolum quam non perum ium repuda de nis prerrorro vent aut dignistis res etur, officae voles quis eicimus, simaior ibustrume sumque aliquam rem comnis atqui tempore pelenim quiam, sequaectur? Quiatibus nonsectum quo te accum conecus aut aut quaes et que pratiam et, occuptati tectest et aut exerovidunt aut as aut in placepedi doluptat reiuntio. Fictes quidebisquat excea et volorro et excese voluptiatium nissit pro et que voleseq uatur, aspid quo voloriore et alitam qui odis ipid eum quam, consento quo et, esedit velitis endel in et ut mos iuntioriame quo berum, cum expe cum quid ex expero tessimenis dus que etur seque nonsed quas solorit offic tem ut paruptatia con pos erae niam, con nusam, ut etur audipis doloreicidem rem faccabo rporerovid quaspel igniminus aut exped qui vel is ex et vidi consequi delist eaquuntis estectur recaepudit molecul lesciis quia sed eum ut eum qui omni quiae perias eum am et experup taestia quideni maionsequi con nam. Pa comnis doluptatur? Qui berum quasinu llandamus eiciae vidella ntionsed enimilia abo. Porest lit ipid quas dest qui odis quatus repelessunt ipsam repreria nonsequam re iduciduntem hilitiis quos aspel maximin imillore quoditatist, cuptis aperitiissim qui idebis erferum que nienis nobitas sitae volupta tendemodit. Eperferum quiderciet eos eos alit, optat enditat emoditatis et aliciet que comnihil magnihit officimodit adis aut vernatur, nonsequae maxima nis sediti tem quam lautem ilit doluptatem. Quiatibus nonsectum quo te accum conecus aut aut quaes et que pratiam et, occuptati tectest et aut exerovidunt aut as aut in.
25
Assinatura
Versão reduzida para visualização
Manual de Identidade Visual • GREG
26
Envelope ofício Formato fechado: 230 x 115 mm
Av. Prof. Lineu Prestes, 2242 05508-000 | Vila Universitária São Paulo | SP | Brasil +55 11 3039-8319 contato@gregmaker.com.br gregmaker.com.br
Versão reduzida para visualização
Manual de Identidade Visual • GREG
27
Envelope saco grande frente
Formato fechado: 255 x 365 mm
Versão reduzida para visualização
Manual de Identidade Visual • GREG
28
Envelope saco verso
Formato fechado: 230 x 315 mm
GREG Av. Prof. Lineu Prestes, 2242 05508-000 | Vila Universitária São Paulo | SP | Brasil +55 11 3039-8319 contato@gregmaker.com.br gregmaker.com.br
Versão reduzida para visualização
Manual de Identidade Visual • GREG
29
Pasta com bolsa canguru exterior
Formato fechado: 230 x 315 mm
Av. Prof. Lineu Prestes, 2242 05508-000 | Vila Universitária São Paulo | SP | Brasil +55 11 3039-8319 contato@gregmaker.com.br gregmaker.com.br
Versão reduzida para visualização
Manual de Identidade Visual • GREG
30
Pasta com bolsa canguru interior
Formato fechado: 230 x 315 mm
Versão reduzida para visualização
Manual de Identidade Visual • GREG
31
Aplicação em material promocional
Caderno
Caneca
Caderno
Mouse pad
Caneta
Pendrive
Manual de Identidade Visual • GREG
32
Aplicação em apresentação
Sobre O Greg é uma iniciativa que tem como objetivo contribuir com uma educação mais divertida e que valorize o potencial criador de estudantes e educadores. Acreditamos no potencial da colaboração, cocriação e interação lúdica para favorecer processos educativos. Contamos com a colaboração de instituições ligadas à educação e educadores que nos ajudam por meio de formação continuada, assessoria pedagógica e disseminação da solução. Nossa iniciativa tem ocorrido a partir de pesquisas, agência de fomento (Fapesp) e recentemente contamos também com o apoio da Artemisia que considerou nosso projeto como negócio social de impacto, sendo uma das 25 entre 160 iniciativas ligadas à primeira infância.
Manual de Identidade Visual • GREG
33
CD - ROM
CD-ROM O CD-ROM em anexo a este manual contém o arquivo PDF deste manual e os arquivos digitais originais do logo nas versões: Adobe Ilustrator (.ai), EPS (.eps) e bitmap em RGB (.jpg), divididos nas seguintes pastas:
Versão vertical preferencial AI
Versão horizontal AI
Símbolo AI
Logo_versaoverticalpreferencial_Greg_cmyk.ai
Logo_versaohorizontal_Greg_cmyk.ai
Logo_simbolo_Greg_cmyk.ai
Logo_versaoverticalpreferencial_Greg_pantone.ai
Logo_versaohorizontal_Greg_pantone.ai
Logo_simbolo_Greg_pantone.ai
Logo_versaoverticalpreferencial_Greg_pbnegativo.ai
Logo_versaohorizontal_Greg_pbnegativo.ai
Logo_simbolo_Greg_pbnegativo.ai
Logo_versaoverticalpreferencial_Greg_pb.ai
Logo_versaohorizontal_Greg_pb.ai
Logo_simbolo_Greg_pb.ai
Logo_versaoverticalpreferencial_Greg_grayscale.ai
Logo_versaohorizontal_Greg_grayscale.ai
Logo_simbolo_Greg_grayscale.ai
Logo_versaoverticalpreferencial_Greg_rgb.ai
Logo_versaohorizontal_Greg_rgb.ai
Logo_simbolo_Greg_rgb.ai
Versão vertical preferencial EPS
Versão horizontal EPS
Símbolo EPS
Logo_versaoverticalpreferencial_Greg_cmyk.eps
Logo_versaohorizontal_Greg_cmyk.eps
Logo_simbolo_Greg_cmyk.eps
Logo_versaoverticalpreferencial_Greg_pantone.eps
Logo_versaohorizontal_Greg_pantone.eps
Logo_simbolo_Greg_pantone.eps
Logo_versaoverticalpreferencial_Greg_pbnegativo.eps
Logo_versaohorizontal_Greg_pbnegativo.eps
Logo_simbolo_Greg_pbnegativo.eps
Logo_versaoverticalpreferencial_Greg_pb.eps
Logo_versaohorizontal_Greg_pb.eps
Logo_simbolo_Greg_pb.eps
Logo_versaoverticalpreferencial_Greg_grayscale.eps
Logo_versaohorizontal_Greg_grayscale.eps
Logo_simbolo_Greg_grayscale.eps
Logo_versaoverticalpreferencial_Greg_rgb.eps
Logo_versaohorizontal_Greg_rgb.eps
Logo_simbolo_Greg_rgb.eps
Versões JPEG
Manual PDF
Logo_versaoverticalpreferencial_Greg_rgb.jpeg
Manual_Greg.pdf
Logo_versaohorizontal_Greg_rgb.jpeg
Manual_Greg.indd
Logo_simbolo_Greg_rgb.jpeg
Manual de Identidade Visual • GREG
35