Manual básico de identidade visual
ALIMENTAÇÃO INTELIGENTE
Manual básico de identidade visual
Ana Luisa Camacho Giulia Guedes Maria Paula Lopes Valentina Ribeiro Disciplinas Fundamentos de Gráfica | Profa. Me. Mara M. Roberto Projeto II: Identidade Visual | Prof. Luciano Cardinali
copyright © 2016 iNutri São Paulo, outubro de 2016 (versão 1)
Introdução O manual de identidade visual reúne normas, modelos e padrões que devem ser respeitados para unificar e preservar a coerência da imagem da iNutri. Este manual está dividido em três partes. Na primeira, apresentam-se os elementos básicos que formam o código da identidade da iNutri: símbolo, logo, cores, aplicações e restrições sobre imagens, e tipografia. Na segunda parte, encontram-se os padrões para as manifestaçoẽ s visuais básicas da empresa: cartão de visitas, papel carta, envelope ofício, envelope saco grande e pasta canguru, além das aplicações adicionais sugeridas. A terceira parte traz anexos, incluindo o CD-ROM contendo os elementos básicos nos formatos necessários para aplicação. Para garantir a reprodução, aplicação e qualidade visual dos modelos propostos, este manual de identidade está disponível em versão digital no CD em anexo. Necessitando de materiais complementares ou informações sobre qualquer uso da identidade visual que se encontre fora dos padrões aqui descritos, ou que não tenham sido contemplados neste manual, consulte a Diretoria da Empresa, que é a responsável pela gestão da marca iNutri.
Súmario Parte 1 | Elementos básicos Conceituação ....................................................................................................................................................... 09 Símbolo ................................................................................................................................................................. 10 Logo | versão horizontal (preferencial) ....................................................................................................... 12 Logo | versão vertical (alternativa) ............................................................................................................... 14 Logo | versao horizontal completa (alternativa) ..................................................................................... 16 Logo | versões p/b .............................................................................................................................................. 18 Logo | versões escala de cinza ....................................................................................................................... 19 Cores | padrões cromáticos ............................................................................................................................ 20 Aplicação sobre imagens ................................................................................................................................ 23 Restrições de uso sobre imagens .................................................................................................................. 26 Aplicação sobre fundos coloridos ................................................................................................................ 27 Tipografia .............................................................................................................................................................. 28 Uso incorreto do logo ....................................................................................................................................... 30
Parte 2 | Manifestações visuais Cartão de visita ................................................................................................................................................... 35 Papel carta ............................................................................................................................................................ 36 Envelope ofício ................................................................................................................................................... 38 Envelope saco grande ...................................................................................................................................... 40 Pasta com bolsa canguru ................................................................................................................................ 42 Aplicações adicionais sugeridas ................................................................................................................... 44
Parte 3 | Anexos CD-ROM ................................................................................................................................................................. 46
Parte 1 | Elementos bรกsicos
08
Manual Básico de Identidade Visual | iNutri | 09
Conceituação O símbolo da iNutri é composto por um espiral e uma folha em sua ponta interior, remetendo à uma boa alimentação dentro de um prato redondo, sugerindo a alimentação inteligente que é o foco principal da empresa. Além disso sua forma faz uma referência ao símbolo do arroba, uma vez que sua atividade é feita por meio de um portal online, ou seja, representando sua relação com a tecnologia. Quanto as cores escolhidas, ambos laranja e verde representam principalmente frutas e legumes, principais alimentos para uma vida saudável. O marrom, utilizado no logotipo, caracteriza os alimentos vindos do solo, naturais da terra; que junto com o verde, simboliza a natureza.
10
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 iNutri.
! 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 Básico de Identidade Visual | iNutri | 11
Redução máxima A redução máxima permitida para o símbolo é de 8mm de largura.
8mm
Área de proteção
x x
x
altura 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 à altura da folha.
12
Logo | versão horizontal (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.
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 Básico de Identidade Visual | iNutri | 13
Redução máxima A redução máxima permitida para o logo é de 14mm de largura.
14mm
Área de proteção
x
altura x
x
Para que não haja interferência em sua leitura e para garantir que o logo será apresentado com a máxima clareza e impacto visual, deverá sempre haver uma área livre de elementos gráficos ao redor do logo relativa à altura da letra u.
x
x
14
Logo | versão vertical (alternativa) Com o propósito de manter o melhor rendimento visual nas aplicações, foi desenvolvida a versão horizontal.
! 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). ! O uso desta versão é restrito e poderá ser utilizado apenas mediante autorização da empresa.
Manual Básico de Identidade Visual | iNutri | 15
Redução máxima A redução máxima permitida para o logo é de 10mm de largura.
10mm
Área de proteção
x
altura x
x
Para que não haja interferência em sua leitura e para garantir que o logo seja apresentado com a máxima clareza e impacto visual, deverá sempre haver uma área livre de elementos gráficos ao redor do logo relativa à altura da letra u.
x
x
16
Logo | versão horizontal completa (alternativa) Com o propósito de manter o melhor rendimento visual nas aplicações, foi desenvolvida a versão horizontal completa com o slogan “alimentação inteligente”.
ALIMENTAÇÃO INTELIGENTE
! 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). ! O uso desta versão é restrito e poderá ser utilizado apenas mediante autorização da empresa.
Manual Básico de Identidade Visual | iNutri | 17
Redução máxima A redução máxima permitida para o logo é de 25mm de largura.
ALIMENTAÇÃO INTELIGENTE
25mm
Área de proteção
altura x
x
Para que não haja interferência em sua leitura e para garantir que o logo será apresentado com a máxima clareza e impacto visual, deverá sempre haver uma área livre de elementos gráficos ao redor do logo relativa à altura da letra u.
x
ALIMENTAÇÃO INTELIGENTE
x
x
18
Logo | Versões P/B P/B | positivo
P/B | negativo
iNutri
iNutri
Símbolo
Logo versão vertical (alternativa)
Logo versão horizontal (preferencial)
Logo versão horizontal completa ALIMENTAÇÃO INTELIGENTE
ALIMENTAÇÃO INTELIGENTE
Manual Básico de Identidade Visual | iNutri | 19
Logo | Versões escala de cinza
Pantone® Cool Gray 7
CMYK (%) As versões em escala de cinza poderão ser utilizadas quando as versões preferenciais não forem legíveis, como em aplicações sobre fundos coloridos.
Símbolo
C =0 M= 0 Y =0 K = 50
RGB R = 128 G = 128 B = 128
Logo versão vertical (alternativa)
Pantone® Cool Gray 5
CMYK (%) C =0 M= 0 Y =0 K = 30
Logo versão horizontal (preferencial)
Logo versão horizontal completa
RGB ALIMENTAÇÃO INTELIGENTE
R = 179 G = 179 B = 179
20
Cores | padrões cromáticos As cores são parte integrante da identidade visual da empresa. As cores chave associadas à marca iNutri são: laranja, verde e marrom. 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 registrada da Pantone, Inc.
Manual Básico de Identidade Visual | iNutri | 21
Pantone®
Pantone®
Pantone®
144 C
376 C
477 C
CMYK (%)
CMYK (%)
CMYK (%)
C =0 M = 50 Y = 100 K =0
C = 60 M= 0 Y = 95 K =0
C = 40 M = 70 Y = 70 K = 60
RGB
RGB
RGB
R = 243 G = 146 B=0
R = 118 G = 184 B = 55
R = 87 G = 50 B = 38
22
Manual Básico de Identidade Visual | iNutri | 23
Aplicação sobre imagens Imagens que não ocupam todo o suporte Para causar o máximo impacto visual possível, além de evitar interferências gráficas indesejáveis, o logo deverá sempre ser aplicado sobre fundo branco, nunca diretamente sobre as imagens.
No caso de imagens coloridas usa-se o logo na sua versão colorida (CMYK).
Erum, oditature dolorum sed quaectus. Xim quo officipsamet aut as dolut accae num
Sobre imagens P/B usa-se o logo na sua versão P/B (preferencialmente positiva) sobre fundo branco.
Erum, oditature dolorum sed quaectus. Xim quo officipsamet aut as dolut accae num
24
Imagens que ocupam todo o suporte Faixa horizontal: O logo poderá ser aplicado sobre uma faixa horizontal na cor branca com 10% a 20% de transparência, posicionada na parte superior ou inferior da imagem. Essa faixa deverá ocupar toda largura do suporte e ter, no mínimo, a altura do logo mais sua área de proteção. A faixa deverá ficar afastada da borda inferior ou superior do suporte, por no mínimo três e no máximo cinco vezes a área de proteção. O logo na sua versão horizontal preferencial deverá ser posicionado à esquerda, ou à direita, considerando o maior destaque possível. Caso haja necessidade de utilizar o logo centralizado utilize a versão vertical.
Di quae ita volorupit remporum fuga. Itatem entiossinto estiume etur aribus untur apelit fugit quiandamus, que
Aperuntiorum quiae
Quae ita volorupit
Tas eniendis est intiat
volore nulparumet aut
quaes erupta quod
mod quam, cores
sapis exerum sed exerum
odipsae nam, optaturibea
que reped est exdi.
tinum remporum.
auditius volore, volore
cumqui dolor recuptur?
Manual Básico de Identidade Visual | iNutri | 25
Faixa vertical: O logo poderá ser aplicado sobre uma faixa vertical na cor branca com 10% a 20% de transparência, posicionada à direita ou a esquerda da imagem. Essa faixa deverá ocupar toda altura do suporte e ter, no mínimo, a largura do logo mais sua área de proteção. A faixa deverá ficar afastada da borda lateral do suporte, por no mínimo três e no máximo cinco vezes a área de proteção. O logo na sua versão horizontal preferencial deverá ser posicionado à esquerda, ou à direita, considerando o maior destaque possível. Caso haja necessidade de utilizar o logo centralizado utilize a versão vertical.
Aperuntim quiae
Aperuntim quiae
Quaes erupta quod
Quaes erupta quod
que reped est, ex etur?
que reped est, ex etur?
Di quae. Ita volorupit
Di quae. Ita volorupit
mod quam, corest
mod quam, corest
num remporum fuga.
num remporum fuga.
Estiume etur aribus
Estiume etur aribus
untur
untur
apelit
fugit
apelit
fugit
quiandamus, que onit
quiandamus, que onit
qui utaba faceperit.
qui utaba faceperit.
26
Restrições de uso sobre imagens • • • • • •
Nunca aplicar o logo diretamente sobre a imagem, seja na versão colorida, seja na versão P/B. Não utilizar o logo centralizado. Não usar o fundo ou a faixa de qualquer outra cor que não seja branco. Não usar o fundo ou a faixa em dimensões menores do que as estabelecidas. Não posicionar o fundo ou a faixa junto a área central da imagem. Não utilizar o fundo ou a faixa com transparência maior ou menor que a permitida.
Manual Básico de Identidade Visual | iNutri | 27
Aplicação sobre fundos coloridos A aplicação do logo sobre fundos coloridos segue o mesmo princípio das aplicações sobre imagens, inclusive nas suas restrições.
Nam eiusapis eum, sin eos ipsaperem eatempo
Nam eiusapis eum, sin eos ipsaperem eatempo
Nam eiusapis eum, sin eos ipsaperem eatempo
resequod est volorepe de volescipsam im cus.
resequod est volorepe de volescipsam im cus.
resequod est volorepe de volescipsam im cus.
Ore sequae coreprae. La cus sit, to dolores el
Ore sequae coreprae. La cus sit, to dolores el
Ore sequae coreprae. La cus sit, to dolores el
imusaepe lanis est, ipsantis escimolupis explau
imusaepe lanis est, ipsantis escimolupis explau
imusaepe lanis est, ipsantis escimolupis explau
Bis parum et fugit vellatiberum
Bis parum et fugit vellatiberum
serum hilit laborep erecta-
serum hilit laborep erecta-
tusa sitist, qui sint volupti.
tusa sitist, qui sint volupti.
Nimolen imodit, estrum volo-
Nimolen imodit, estrum volo-
rio nseque nost, cum, omnis
rio nseque nost, cum, omnis
in rescipi endipidi ut quod.
in rescipi endipidi ut quod.
Mod eleceario moloremquo
Mod eleceario moloremquo
esto ipidellori sinvent de por-
esto ipidellori sinvent de por-
rundi ditibus autent quid.
rundi ditibus autent quid.
Nam eiusapis eum, sin eos ipsaperem eatempo resequod est volorepe de volescipsam im cus. Ore sequae coreprae. La cus sit, to dolores el imusaepe lanis est, ipsantis escimolupis explau
28
Tipografia A tipografia, ou tipo de letra, tem um papel fundamental ao criar unidade nos elementos de comunicação da iNutri, e consequentemente reforçar a identidade visual da empresa. O uso adequado e consistente da tipografia passa uma imagem de qualidade e valor às mensagens corporativas. Utilize apenas as fontes na sua forma pura, isto é, sem deformação. Isso irá garantir um visual consistente e profissional nos materiais. Não estique, amplie ou distorça as letras. Use sempre maiúsculas e minúsculas. Não use textos em maiúsculas, uma vez que esse tipo de grafia dificulta a leitura. O uso de escritos em maiúsculas deverá ser reservado a elementos destacados como títulos, ou elementos cujo objetivo seja criar um impacto visual, jamais no meio de textos corridos.
Mídia impressa e digital A tipografia escolhida foi a Calibri, criada em 2007 pelo tipográfo Lucas Groot, para a empresa Microsoft.
Calibri regular abcdefghijklmn | opqrstuvxwyz ABCDEFGHIJKLMN | OPQRSTUVCWYZ 1234567890 Calibri itálico abcdefghijklmn | opqrstuvxwyz ABCDEFGHIJKLMN | OPQRSTUVCWYZ 1234567890 Calibri bold abcdefghijklmn | opqrstuvxwyz ABCDEFGHIJKLMN | OPQRSTUVCWYZ 1234567890
Manual Básico de Identidade Visual | iNutri | 29
Hierarquia da tipografia Para textos no geral utilizar a versão Calibri regular. Para destacar o corpo do texto, ou quando usar palavras de outro idioma, utilizar a versão em itálico. Para títulos ou destaques gerais utilizar a versão em bold.
Restrições de uso da tipografia • Não condense, extenda ou distorça o texto.
• Não utilize qualquer outra fonte que não a Calibri. • Não é permitido a utilização de grafias diferentes na palavra iNutri, evitando inclusive o uso em negrito.
A inutri é uma empresa... A iNutri é uma empresa... A INutri é uma empresa... A inutri é uma empresa...
30
Uso incorreto do logo Para proteger a marca do mau uso, segue um grupo dos erros mais comuns, que devem ser evitados.
Empresa Não alterar as cores da marca.
Não mudar as posições dos elementos da marca.
Não condensar o original fornecido.
Nunca criar fundos isolados sob a marca.
Ser a maior empresa do país Não expandir o original fornecido.
Não invadir a área de proteção da marca.
Não associar a marca iNutri com as de outras empresas.
Não aplicar sobre fundos que prejudiquem sua legibilidade, incluindo fundos estampados.
Manual Básico de Identidade Visual | iNutri | 31
Antonio Coutinho Não alterar o estilo da tipografia (Caixa alta e baixa)
Não associar a marca iNutri a outros nomes.
Não alterar o tamanho do símbolo em relação ao logotipo, e vice-versa.
Não inserir um traçado de contorno no logotipo.
Não alterar a tipografia da marca. Não retirar elementos da marca.
Não cortar nenhuma parte da marca. Não usar o logotipo separado do símbolo. Não duplicar os elementos da marca.
Parte 2 | Manifestaçþes visuais
34
Manual Básico de Identidade Visual | iNutri | 35
Cartão de visitas Formato: 95 x 55 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 celular, telefone comercial e e-mail pessoal.
Frente
Cartão apresentado em tamanho real.
Verso
36
Papel carta Formato: 210 x 297 mm (A4)
Versão reduzida para visualização.
47mm
Manual Básico de Identidade Visual | iNutri | 37
Margens para o texto
35mm
Superior: 47mm Inferior: 35mm Esquerda: 245mm Direita: 255mm
Versão reduzida para visualização.
245mm
255mm
38
Envelope ofício Formato fechado: 230 x 115 mm
Frente
Versão reduzida para visualização.
Manual Básico de Identidade Visual | iNutri | 39
Verso
Versão reduzida para visualização.
40
Envelope saco grande Formato fechado: 255 x 365 mm
Frente
Versão reduzida para visualização.
Manual Básico de Identidade Visual | iNutri | 41
Verso
Versão reduzida para visualização.
42
Pasta com bolsa canguru Formato fechado: 230 x 320 mm
Exterior
Versão reduzida para visualização.
Manual Básico de Identidade Visual | iNutri | 43
Interior
Versão reduzida para visualização.
44
Manual Básico de Identidade Visual | iNutri | 45
Aplicação da papelaria
46
Aplicações adicionais sugeridas Garrafa de água
Cartões MasterCard
Manual Bรกsico de Identidade Visual | iNutri | 47
Website
Parte 3 | Anexos
50
Manual Básico de Identidade Visual | iNutri | 51
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 Illustrator (.ai), EPS (.eps) e bitmap em RGB (.jpg), divididos nas seguintes pastas:
Símbolo EPS
Versão vertical alternativa EPS
Versão horizontal completa AI
Símbolo_cmyk_iNutri.eps Símbolo_pantone_iNutri.eps Símbolo_pbnegativo_iNutri.eps Símbolo_pb_iNutri.eps Símbolo_rgb_iNutri.eps
Logo_VersaoVertAlt_cmyk_iNutri.eps Logo_VersaoVertAlt_pantone_iNutri.eps Logo_VersaoVertAlt_pbneg_iNutri.eps Logo_VersaoVertAlt_pb_iNutri.eps Logo_VersaoVertAlt_rgb_iNutri.eps
Logo_VersaoHorComp_cmyk_iNutri.ai Logo_VersaoHorComp_pantone_iNutri.ai Logo_VersaoHorComp_pbneg_iNutri.ai Logo_VersaoHorComp_pb_iNutri.ai Logo_VersaoHorComp_rgb_iNutri.ai
Versão horizontal preferencial EPS
Símbolo AI
Versão vertical alternativa AI
Logo_VersaoHorPref_cmyk_iNutri.eps Logo_VersaoHorPref_pantone_iNutri.eps Logo_VersaoHorPref_pbneg_iNutri.eps Logo_VersaoHorPref_pb_iNutri.eps Logo_VersaoHorPref_rgb_iNutri.eps
Símbolo_cmyk_iNutri.ai Símbolo_pantone_iNutri.ai Símbolo_pbnegativo_iNutri.ai Símbolo_pb_iNutri.ai Símbolo_rgb_iNutri.ai
Logo_VersaoVertAlt_cmyk_iNutri.ai Logo_VersaoVertAlt_pantone_iNutri.ai Logo_VersaoVertAlt_pbneg_iNutri.ai Logo_VersaoVertAlt_pb_iNutri.ai Logo_VersaoVertAlt_rgb_iNutri.ai
Versão horizontal completa EPS
Versão horizontal preferencial AI
Versão JPG
Logo_VersaoHorComp_cmyk_iNutri.eps Logo_VersaoHorComp_pantone_iNutri.eps Logo_VersaoHorComp_pbneg_iNutri.eps Logo_VersaoHorComp_pb_iNutri.eps Logo_VersaoHorComp_rgb_iNutri.eps
Logo_VersaoHorPref_cmyk_iNutri.ai Logo_VersaoHorPref_pantone_iNutri.ai Logo_VersaoHorPref_pbneg_iNutri.ai Logo_VersaoHorPref_pb_iNutri.ai Logo_VersaoHorPref_rgb_iNutri.ai
Símbolo_rgb_iNutri.jpg Logo_VersaoHorPref_rgb_iNutri.jpg Logo_VersaoHorComp_rgb_iNutri.jpg Logo_VersaoVertAlt_rgb_iNutri.jpg