Manual de identidade visual iNutri

Page 1

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


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.