manual identidade visual fh

32
2014 MANUAL DE IDENTIDADE VISUAL DA FH

Upload: julianolabe

Post on 06-Nov-2015

45 views

Category:

Documents


0 download

DESCRIPTION

Manual de marca da FH.

TRANSCRIPT

  • 2014

    MANUAL DE IDENTIDADE VISUAL DA FH

  • Instrues

    VISUALIZAO DO PDF

  • Manual de Identidade Visual | 2014

    3Instrues

    Para melhor visualizao deste manual, sugerimos uma alterao de configurao, caso voc utilize a visualizao de PDF nos programas: Adobe Reader e Adobe Acrobat. Esta alterao se deve ao fato de o Adobe distorcer a logo FH criada em vetor, para garantir um aprimoramento do arquivo e

    Aprimorar linhas finas (Enchance thin lines) ativada Aprimorar linhas finas (Enchance thin lines) - desativada

    VISUALIZAO DO PDF consequentemente menor tamanho do mesmo. O mesmo NO ocorrer quando a logo da FH estiver nos formatos: jpg, png, gif, tif, psd, etc.

    Veja abaixo a diferena:

  • Manual de Identidade Visual | 2014

    4Instrues

    Para desabilitar essa opo:

    Software Portugus:menu > editar > preferncias > exibio de pgina > aprimorar linhas finas

    Software Inglsmenu > edit > preferences> page display > enchance thin lines

    VISUALIZAO DO PDF

  • ndice

  • Manual de Identidade Visual | 2014

    6ndice

    A Logo 7Conceito 9

    Evoluo da logo 10

    Estrutura - malha grfica 11

    Ajuste - iluso ptica 12

    Arejamento e reduo 13

    Cores institucionais 14

    Grade de cor para apoio 15

    Pantone para Impresso 16

    Slogan 17

    Aplicao 18Aplicao e variaes da logo 19

    Aplicao da logo em imagens 20

    Restries de uso 21

    Tipografia 22Fontes padro e de apoio 23

    Materiais 25Papelaria 26

    Papelaria - Carto de Visita 27

    Uniforme 28

    Uso de imagens 29

    Uso de selo e materiais comemorativos 30

    Conceitos para criao 31

  • A Logo

    Conceito | Evoluo | Malha Grfica | Arejamento | Cor | Slogan

  • Manual de Identidade Visual | 2014

    8

    Foco no clienteInovaoConfiana e respeito mtuoQualidade na gesto e entregaSimplicidadeFlexibilidade e adaptabilidadeEsprito jovem

    FH VALORES

    A Logo

  • Manual de Identidade Visual | 2014

    9

    A logo da FH composta apenas de uma marca, que consiste na iniciais dos sobrenomes de seus fundadores: Ricardo Fachin e Fbio Hauagge, na cor branca, ambas sobre um crculo vermelho.

    Composta pelas iniciais F e H, a logo possui 13 listras horizontais, com tamanhos diferentes entre as letras.

    Conceito

    A letra H possui listras mais estreitas, enquanto o F, mais largas, gerando contraste e melhorando a distino entra as letras, ao mesmo tempo em que simboliza o dinamismo e a velocidade da FH.

    Remetendo ao conceito de unio e igualdade, um crculo vermelho engloba as duas letras.

    Representando a distino da FH no mercado, entra a cor vermelho vivo, que engloba as qualidades, conceitos e objetivos da empresa.

    A Logo

  • Manual de Identidade Visual | 2014

    10

    Evoluo da logo

    A Logo

    1999 2001 2003 2004 2007 2014

    1 LogoSurge a 1 proposta para a logo da FH.

    1 Logo ComercialPrimeira logo utilizada comercialmente pela FH. Uso da cor azul, em refern-cia SAP.

    Nova LogoBuscando destaque e inovao, a FH realiza um redesign de sua logo institucional. Surge ento o vermelho e as listras horizontais. O naming e a assinatura institucional permanecem na logo.

    Nova CorA FH atualiza mais uma vez a logo, passando a utilizar um tom mais escuro de vermelho.

    1 AtualizaoA logo sofre, ento, sua primeira atualizao. O tom de azul muda, aparecendo tambm na assinatura institucional. A marca recebe ajustes como um detalhe na haste da letra "F" e a unio do "F" e do "H" atravs de uma haste horizontal.

    AtualizaoA nova logo recebe a sua primeira atualizao.O naming retirado, e no lugar de "consultoria", entra "consulting".

    Pequenos AjustesA logo recebe mais alguns ajustes, objetivando maior respiro entre as duas letras, com ajuste de proporo nas listras, nova composio da cor, aumento do crculo e retirada do "consulting".

  • Manual de Identidade Visual | 2014

    11

    X corresponde a uma unidade de medida. A base da letra F composta por duas dessas unidades.Y corresponde a uma unidade de medida menor, e equivale a 1/4 da medida da unidade X.

    Para manter a integridade da logo, importante manter padres de proporo e de tamanho.

    A malha grfica tem como objetivo expor a construo da logo, evidenciando a posio e tamanho de cada elemento na composio.

    A Logo

    Estrutura - malha grfica

    1X = 4*Y

    1Y

    2X

    2X

    X/2

    1Y X/2

    1Y

    2X

  • Manual de Identidade Visual | 2014

    12

    Reduo de 8,4% das listra horizontais

    Para preservar a logo da FH, ajustes foram feitos para melhorar a sua visualizao.Os ajustes diminuem a espessura das linhas que compem a letra F, nas hastes maiores na horizontal, evitando efeito de iluso ptica.

    A Logo

    Ajuste - iluso ptica

    100%

    100%

    100%

    100%

    100%

    100%

    100%

    91,6%

    91,6%

    91,6%

    91,6%

    91,6%

    91,6%

    100%

  • Manual de Identidade Visual | 2014

    13

    Arejamento e reduo

    DISTNCIA MNIMA

    REDUO MXIMA PARA IMPRESSOS1 cm

    0,6 cm REDUO MXIMA PARA APLICAODE BRINDES

    O arejamento um fator que busca evitar com que outros elementos externos se sobreponham logo, dificultando a visualizao e entendimento.

    Para que o arejamento seja respeitado, necessrio respeitar uma rea invisvel em torno da logo, baseada na unidade definida na malha grfica.

    A Logo

  • Manual de Identidade Visual | 2014

    14

    Cores institucionais

    TONS DE CINZA

    20 30

    40 50 60

    70 80 90

    CMYK

    CIAN = 0%MAGENTA = 100% AMARELO = 100%PRETO = 55%

    RED = 111GREEN = 0BLUE = 0

    RGB

    #6e0000

    HEXADECIMAL PANTONE

    PANTONE 1815C

    10

    TONS DE CINZA

    20 30

    40 50 60

    70 80 90

    CMYK

    CIAN = 0%MAGENTA = 100% AMARELO = 100%PRETO = 55%

    RED = 111GREEN = 0BLUE = 0

    RGB

    #6e0000

    HEXADECIMAL PANTONE

    PANTONE 1815C

    10

    A Logo

    Para que as cores da logo da FH no percam a sua integridade, so definidas as cores institucionais principais e as de apoio. O vermelho institucional sempre deve estar de acordo com os percentuais e nmeros na tabela abaixo.

  • Manual de Identidade Visual | 2014

    15

    Grade de cor para apoio

    TONS DE CINZA

    20 30

    40 50 60

    70 80 90

    CMYK

    CIAN = 0%MAGENTA = 100% AMARELO = 100%PRETO = 55%

    RED = 111GREEN = 0BLUE = 0

    RGB

    #6e0000

    HEXADECIMAL PANTONE

    PANTONE 1815C

    10

    A Logo

    Tambm fica definida uma grade de cor e uma paleta na escala de cinza, para auxiliar na criao de materiais para empresa.

    10010065

    10010055

    10010075

    10010025

    10010035

    10010045

    GRADE DE COR: C:0% | M:100% | Y:100% | K:55%

  • Manual de Identidade Visual | 2014

    16

    Pantone para Impresso

    A Logo

    A Impresso do Pantone em diferentes tipos de papeis pode gerar diferentes tipos de resultados. Prevendo isso, fica difinido o Pantone 7623U para o uso de impresso com papel sem brilho. Para impresso com papel brilho, mantem o Pantone institucional 1815C.

    PANTONE - Papel Brilho

    PANTONE 1815C

    PANTONE - Papel Offset

    PANTONE 7623U

  • Manual de Identidade Visual | 2014

    17

    Slogan

    O slogan da FH, KNOWLEDGE AT YOUT SERVICE pode tambm ser utilizado nos materiais de divulgao da empresa.

    A frase remete ao compromisso que a FH tem junto ao mercado em que atua, oferecendo seu conhecimento a servio dos clientes. Em traduo livre, Conhecimento a seu servio.

    KNOWLEDGE AT YOUR SERVICE

    A Logo

  • Aplicao

    Cores | Web/Multimdia | Imagens | Restries | Variaes da Logo

  • Manual de Identidade Visual | 2014

    19

    A aplicao da logo em fundos coloridos deve levar em conta a preservao das cores institucionais da FH, de forma que o contraste com a cor de fundo no prejudique a visibilidade.

    Aplicao

    Aplicao e variaes da logo

    POSITIVO

    VDEO/MULTIMDIA APLICAO EM FUNDO VERMELHO

    NEGATIVO

    POSITIVO

    VDEO/MULTIMDIA APLICAO EM FUNDO VERMELHO

    NEGATIVO

  • Manual de Identidade Visual | 2014

    20

    Para aplicar a logo da FH em imagens, necessrio se atentar para utilizar sempre as cores institucionais corretas e aplic-la no canto inferior direito da imagem. Para preservar a legibilidade da logo, busque sempre imagens com reas limpas e claras.

    Aplicao

    Aplicao da logo em imagens

  • Manual de Identidade Visual | 2014

    21

    Distores ou falta de elementos que compem a logo.

    Aplicao

    Restries de uso

    .com.br

    .com.br

    .com.br

    .com.br .com.br

    Distores de tamanho e proporo.

    Adaptaes desnecessrias.

    Alteraes nas cores institucionais.

    Efeitos desnecessrios e/ou que alterem a logo.

  • Tipografia

    Fonte padro | Fontes de Apoio

  • Manual de Identidade Visual | 2014

    23Tipografia

    Fontes padro e de apoio

    Todos os textos institucionais para materiais impressos, web ou vdeos devem estar nas fontes da famlia Helvetica Neue, com preferncia para o uso das fontes do tipo Condensed. Ttulos, chamadas e composies de elementos grficos podem estar em outras fontes, contanto que o texto institucional esteja em uma das fontes da famlia Helvetica Neue.

    Todas as fontes esto disponveis para download na Intranet: intra.fh.com.br/mkt.

    Familia Helvetica Neue

    Helvetica Neue 57 Light CondensedABCDEFGHIJKLMNOPQRSTUVXYWZ 1234567890abcdefghijklmnopqrstuvxywz

    Helvetica Neue 57 Light Condensed ObliqueABCDEFGHIJKLMNOPQRSTUVXYWZ 1234567890abcdefghijklmnopqrstuvxywz

    Helvetica Neue 57 CondensedABCDEFGHIJKLMNOPQRSTUVXYWZ 1234567890abcdefghijklmnopqrstuvxywz

    Helvetica Neue 57 Condensed ObliqueABCDEFGHIJKLMNOPQRSTUVXYWZ 1234567890abcdefghijklmnopqrstuvxywz

    Helvetica Neue 57 Medium CondensedABCDEFGHIJKLMNOPQRSTUVXYWZ 1234567890abcdefghijklmnopqrstuvxywz

    Helvetica Neue 57 Medium Condensed ObliqueABCDEFGHIJKLMNOPQRSTUVXYWZ 1234567890abcdefghijklmnopqrstuvxywz

    Helvetica Neue 57 Bold CondensedABCDEFGHIJKLMNOPQRSTUVXYWZ 1234567890abcdefghijklmnopqrstuvxywz

    Helvetica Neue 57 Bold Condensed ObliqueABCDEFGHIJKLMNOPQRSTUVXYWZ 1234567890abcdefghijklmnopqrstuvxywz

  • Manual de Identidade Visual | 2014

    24Tipografia

    Fontes padro e de apoio

    Nas apresentaes em Power Point, pode ser utilizada a fonte Arial Narrow em computadores externos, apenas na ausncia da fonte Helvetica Condensed.

    Arial NarrowABCDEFGHIJKLMNOPQRSTUVXYWZ 1234567890abcdefghijklmnopqrstuvxywz

  • Materiais

    Papelaria | Uniforme | Imagens | 15 Anos

  • Manual de Identidade Visual | 2014

    26

    Materiais corporativos, tais como cartes de visita, papel timbrado, envelopes e pastas A4 devem seguir o padro abaixo.

    Materiais

    Papelaria

  • Manual de Identidade Visual | 2014

    27

    Padro para o carto de visita

    Materiais

    Papelaria - Carto de Visita

    +55 (41) [email protected]

    Job Position

    Nome Sobrenome

    fh.com.brRua Visc. de Nacar, 1440 13 andar80410-201 - Curitiba - Paran+ 55 (41) 3593-3229+ 55 (41) 3593-3202 - ramal

    fh.com.brRua Visc. de Nacar, 1440 13 andar80410-201 - Curitiba - Paran+ 55 (41) 3593-3229+ 55 (41) 3593-3202 - ramal

    Verniz UV Verniz UV

    Job Position+55 (41) [email protected]

    Nome Sobrenome Helvetica Neue Medium Condensed - 15 ptsHelvetica Neue Condensed Light - 8 ptsHelvetica Neue Condensed Light - 8 ptsHelvetica Neue Condensed Light - 8 pts

    Helvetica Neue Condensed - 9 ptsHelvetica Neue Condensed - 6 pts

  • Manual de Identidade Visual | 2014

    28Materiais

    Uniforme

    NOMENome completo

    NOMENome completo

    O crach da FH de uso obrigatrio durante o expediente de trabalho, e deve seguir o padro abaixo.

    A logo da FH deve estar centralizada no topo do crach com o nome preferencial do colaborador em destaque, e abaixo o nome completo.

    Na parte inferior, o crach possui as listras no mesmo padro das cores institucionais da FH.

    Camisas plo masculina e feminina, nas cores preta e branca e com a logo da FH bordada no lado esquerdo.

    Camisas sociais masculina e feminina, nas cores preta e branca, com a logo da FH bordada no lado esquerdo.

    A FH tambm disponibiliza peas de vesturio para seus colaboradores, entre elas:

  • Manual de Identidade Visual | 2014

    29Materiais

    Uso de imagens

    O uso de imagens em materiais institucionais, tanto digitais quanto impressos, deve obedecer regra de a imagem sempre conter um elemento na cor vermelha.

    Entretanto, no necessrio que o elemento na cor vermelha tenha destaque na imagem, basta apenas que componha-a de maneira harmoniosa, remetendo sempre FH, como nas imagens de exemplo abaixo:

  • Manual de Identidade Visual | 2014

    30Materiais

    Uso de selo e materiais comemorativos

    Para comemorar os 15 anos da FH, foi criada uma logo representativa para a data.

    A logo comemorativa ir substituir a logo institucional em todos materias de divulgao da FH, durante o ano de 2014 e 2015.

  • Manual de Identidade Visual | 2014

    31Materiais

    Conceitos para criao

    So apresentadas abaixo sugestes para a criao de materiais relacionados FH. O objetivo auxiliar o desenvolvido, entretanto sem engessar a parte criativa, mas preocupando-se em manter a unidade entre os materiais criados e fcil identificao como pertencentes FH.

    - A logo da FH deve ser sempre o ponto de partida para a criao de materiais de divulgao da marca.

    - O conceito das linhas paralelas, amplamente usado, faz parte da marca da FH. A quantidade de linhas livre, porm a proporo entre elas deve ser mantida, tomando-se como base as letras da logo.

    - O uso do crculo, que tambm consta como material de apoio, livre, e pode ser utilizado para pictogramas, cones e elementos grficos diversos dentro do layout.

    - A cor vermelha deve sempre estar presente, seja dando destaque a elementos ou compondo a imagem de maneira equilibrada.

    - Desenvolvido com conceito minimalista, o site atual da FH tambm deve servir como fonte de referncia na criao.

    - Para hierarquizar informaes, busque utilizar o vermelho e o cinza em tons diferentes, seguindo a tabela de apoio.

  • OBRIGADO!

    Dvidas? Entre em contato: [email protected]

    V.1.1-2014