Diretrizes e Modelos

Transcrição

1 Diretrizes e Modelos

2 Diretrizes e Modelos Visão Geral Faia de Identidade Top Descriptor Short, simple headline A subhead to further eplain headline or call user to action Área de Informações As capas das brochuras têm sido utilizadas para ilustrar algumas das opções disponíveis para desenvolver comunicações de marca. No entanto, os eemplos eibidos aqui não são os únicos permitidos, nem devem ser aplicados de forma precisa, conforme eibido, a outras mídias. Essas ilustrações mostram somente como diferentes abordagens criativas podem ser aplicadas e ainda assim transmitir os atributos desejados calor, acessibilidade, força financeira e confiança. Área de Informações A área de informações contém o título e o subtítulo da brochura. Na parte direita superior está o descritor superior, que pode ser o nome de um negócio, produto ou serviço. Área da Imagem Faia de Identidade A faia de identidade é um dos componentes-chave da identidade visual da MetLife. A faia, normalmente na cor Azul MetLife sólida, contém o logotipo da MetLife e o Snoopy como ícone da marca. Consulte a página 25 para saber a posição e as proporções adequadas da faia de identidade. Área da Imagem A parte inferior da brochura é reservada para imagens, estilos tipográficos, tetura, etc. 44

3 Diretrizes e Modelos Localização da Faia de Identidade É importante que a faia de identidade mantenha localização e proporções constantes em todas as comunicações ,5" 11" (10 22 cm) retrato. ( = altura da letra M de MetLife). Eemplo eibido em 70%. 4 picas A primeira etapa ao criar uma brochura é o tamanho e a colocação da faia azul na capa. Para o tamanho A4 padrão ou 8,5" 11" (21 27 cm) (com orientação de retrato), a altura da banda é de 4 paicas. Para uma brochura fina de 4" 9" (10 22 cm), a altura da faia é de 3 paicas. Utilize a tabela abaio para determinar o tamanho de faia adequado para outras proporções. Em todos os casos, para estabelecer a localização correta, a faia deve ser colocada a quatro alturas do topo da página, conforme mostrado. Tamanho da capa X altura da faia azul Retrato Quadrado Paisagem Tam. Faia Tam. Faia Tam. Faia (pol) (cm) (pol) (cm) (pol) (cm) 6 2 8,5" 11" (21 27 cm) paisagem. ( = altura da letra M de MetLife). Eemplo eibido em 50%. 4 picas 6 2 4" 9" (10 22 cm) retrato. ( = altura da letra M de MetLife). Eemplo eibido em 50%. 35 1, , ,85 4,56 1, , , , , , , , , , , , , , ,48 8,511 1, ,69 118,5 1, , , , , , , , , , , , , , , , , , ,39 45

4 Diretrizes e Modelos Área de Informações: Elementos Título Subtítulo Descritor Superior MetLife Bank Stretch Your IRA Distributions Reach Out to Your Future Para garantir consistência da marca e impacto na mensagem, por favor, siga as diretrizes sugeridas. Consulte as páginas 45 e 46 para saber mais sobre o tom e as maneiras adequados. Título Recomenda-se que os títulos sejam curtos, simples e envolventes, sendo formados por três a cinco palavras. Subtítulo Os subtítulos devem oferecer mais eplicações e/ou chamar a atenção do usuário. Descritor Superior As informações encontradas no descritor superior podem ser tanto de uma entidade de negócios quanto de um nome de produto/serviço. O descritor superior ocasiona uma oportunidade de comunicar esses nomes de forma proeminente, sem ligá-los ao logotipo da MetLife. Esses nomes podem incluir a MetLife, caso esse seja um componente importante do nome, como MetLife Bank. Em outros casos, pode ser melhor não repetir a palavra MetLife, como no caso de Planejamento de Aposentadoria. Entre as entidades corporativas estão linhas de negócios, afiliados e canais. MetLife Auto & Home, MetLife Bank e MetLife Investors são alguns dos eemplos. Nomes comunicativos em geral são preferíveis a nomes legais completos. Por eemplo, deve ser utilizado MetLife Auto & Home em vez de Metropolitan Property and Casualty Insurance Company, Warwick, RI. Entre os eemplos de nomes de produto/serviço estão Planejamento de Aposentadoria e Seguro de Cuidados a Longo Prazo da MetLife. 46

5 Diretrizes e Modelos Área de Informações: Especificações para 8,5" 11" (21 27 cm) Título: Subtítulo: Descritor Superior: /34 Frutiger Bold 22/24 Minion Regular 13 Frutiger Bold Título deve estar aqui O Subtítulo eplica o assunto Vida Previdência Capa-padrão 8,5" 11" (21 27 cm). ( = 2 paicas, altura da letra M de MetLife). Eemplo eibido em 100%. Este diagrama reflete as recomendações de tamanho, destaque e localização do teto em uma capa de 8,5" 11" (21 27 cm). O título e o subtítulo são configurados à esquerda com o logotipo da MetLife, 1,5 a partir da borda esquerda da página, sendo que representa a altura da letra M de MetLife. O descritor superior está configurado à direita, a 1,5 a partir da borda direita, e alinhado com o Snoopy. 47

6 Diretrizes e Modelos Área de Informações: Especificações para 4" 9" (10 22 cm) Product/Service Name Headline placement The subheadline focuses on the subject 3 Estes dois diagramas ilustram as recomendações de tamanho, destaque e localização do teto em uma capa de 4" 9" (10 22 cm). Assim como no diagrama de 8,5" 11" (21 27 cm), o título e o subtítulo devem estar alinhados à esquerda com o logotipo da MetLife e o descritor superior deve estar à direita, alinhado com o Snoopy. 2 Capas-padrão finas de 4" 9" (10 22 cm). ( = 1 paica, 9 pontos, altura da letra M de MetLife). Eemplo eibido em 100% O diagrama superior indica o posicionamento da faia quando o título e o subtítulo estiverem cada um em apenas uma linha. O diagrama inferior mostra a localização alternativa da faia quando tanto o título quanto o subtítulo precisarem de uma segunda linha. Não combine um título de duas linhas com um subtítulo de duas linhas. Utilize o modelo disponível para download na página (endereço do site a ser colocado). 2 MetLife Business Name Headline placement for long headline The subhead focuses on the subject

7 Diretrizes e Modelos Área de Informações: Cor e Tipo Teto em Azul MetLife Variable Universal Life Insurance Universal Life 2001 Life Insurance Policy/Fleible Premium Multifunded Life Teto em Branco Retirement Planning Stretch Your IRA Distributions Reach Out to Your Future and Your Heirs Retirement Planning Stretch Your IRA Distributions Reach Out to Your Future and Your Heirs Voluntary Benefits: a simpler approach MetLife Voluntary Benefits Cor A palheta de cores da MetLife fornece uma ampla gama de possibilidades para o fundo de informações. Assim que a cor de fundo tiver sido escolhida, é essencial que o teto seja legível. Para consistência, recomendamos o uso da mesma cor para títulos e subtítulos. As três cores recomendadas para o teto são Azul MetLife, branco e preto. Tipografia Sobre fundos claros, o Azul MetLife é recomendado para os tetos de título, subtítulo e descritor superior. Teto em Preto Em fundos mais escuros, recomendamos que o teto esteja em branco. Retirement Planning Two Easy Ways to Manage Your Retirement Savings Account USA Variable Annuity Series VA MetLife Investors Tome muito cuidado ao configurar o teto em fundos de cor média. Deve haver um contraste suficiente entre a fonte e o fundo, garantindo a leitura. Teto em Preto com Faia de Identidade em Preto Your Retirement Plan Helpful information about investing in your future Retirement Planning MetLife Auto & Home Maybe It's Your Car Insurance That Needs Refreshing Como alternativa, o teto pode ser colocado em preto sobre fundos claros e médios, junto com a faia de identidade reproduzida em Azul MetLife. 49

8 Diretrizes e Modelos Área de Informações: Cor e Tipo Incorretos Cor Frutiger Bold 13pt Headline Frutiger Bold 33pt Subhead set in Minion Regular 22pt Não utilize uma cor escura de fundo em combinação com o teto em Azul MetLife. Frutiger Bold 13pt Headline Frutiger Bold 33pt Subhead set in Minion Regular 22pt Não utilize uma cor clara de fundo em combinação com fontes brancas. Tipografia MetLife Voluntary Benefits Avoid Headlines That Go Longer Than Two Lines; Try Instead to Shorten the Headline Não use mais do que duas linhas para o título. Retirement Planning Avoid Long Headlines in Combination With Long Subheadings Avoid an ecessive amount of tet in the subheading, especially if it approaches Snoopy or the identity band Não combine um título longo com um subtítulo longo. Cor Ao aplicar cor na área de informações, é importante que o fundo mantenha um contraste suficiente com a fonte. Valores de cor semelhantes irão vibrar e diminuir a leitura. Os eemplos na esquerda mostram uma aplicação inaceitável de cor. Tipografia Os títulos primários devem ser curtos e simples, recomendam-se três a cinco palavras. Um título mais longo é aceitável, mas não deve eceder duas linhas. Os subtítulos devem eplicar mais fundo o título e/ou chamar a atenção do usuário. O ideal é que eles caibam em uma linha do teto, mas possam ocupar duas linhas em combinação com um título mais curto. Frutiger Bold 13pt Headline Frutiger Bold 33pt Subhead set in Minion Regular 22pt MetLife Property and Casualty Insurance Company and its Affiliates Headline Frutiger Bold 33pt Subhead set in Minion Regular 22pt Não utilize mais de uma cor para o teto na Área de Informações. Não utilize um descritor superior longo. Frutiger Bold 13pt Headline Frutiger Bold 33pt Subhead set in Minion Regular 22pt Não utilize uma cor escura de fundo em combinação com uma faia de identidade preta. 50

9 Diretrizes e Modelos Área da Imagem A área da imagem pode ocupar a capa inteira, como visto na esquerda. Isso muitas vezes resulta em um sentimento de espaço, abertura. Caso seja utilizado esse método, a imagem deve ser escolhida ou recortada de modo que a faia de identidade não se espalhe sobre uma parte crucial da imagem. A cor da tipografia do título deve apresentar um contraste significativo. A imagem de fundo não deve interferir com a legibilidade das informações do cabeçalho. Área da Imagem Área da Imagem Como outra opção, a imagem pode ocupar apenas o espaço abaio da faia de identidade. Nesse caso, deve-se escolher na palheta de cores da MetLife uma cor adequada para o título. Essa área transparente e sólida facilita a aplicação de títulos, subtítulos e descritor superior. 51

10 Diretrizes e Modelos Relacionando Imagens e Títulos O título e a imagem devem seguir juntos para epressar mensagens-chave. Usando uma linguagem que seja coerente com o tom e as atitudes da MetLife, esta página oferece eemplos fortes de títulos e subtítulos que complementam as imagens e fazem uma ligação entre as ofertas relacionadas. 52

11 Diretrizes e Modelos Coordenação de Imagem e Cores Cor Contrastante Laranja-Claro MetLife Cor de Ênfase Azul MetLife Cor Dominante da Imagem Azul-Claro MetLife Ao escolher uma cor para a área de informações da brochura, uma opção é escolher um tom que entre em contraste com a cor em geral da imagem. Nesse caso, a cor de fundo dominante é o Azul-Claro, então sua cor complementar, o laranja, foi escolhido para destacar a área de informações. Eiste também a opção de escolher uma cor de ênfase de dentro da imagem para utilizar como a área de informações. Esta capa utiliza uma diluição do Verde Médio MetLife para escolher o verde das árvores no fundo. Essa é uma opção mais suave que o Laranja. A cor da área de informações pode refletir também uma cor dominante da imagem. A cor Azul-Claro MetLife cria uma transição suave da imagem para a área de informações. Isso cria um equilíbrio de cores mais harmonioso. 53

12 Diretrizes e Modelos Área de Informações: Transparência Incorreto Recomendado Alternativo Set Your Sails MetLife Auto & Home MetLife's boat insurance protects your valued investment Set Your Sails MetLife Auto & Home MetLife's boat insurance protects your valued investment MetLife Auto & Home A página inteira pode ser usada como área da imagem para criar uma sensação de espaço e abertura. Entretanto, como demonstrado acima, a parte superior da imagem pode ser detalhada demais para acomodar um título legível. Uma maneira de solucionar esse problema é com o uso de transparência. Cabeçalho Branco Transparente Transparência de 85%. A imagem acima utiliza uma transparência de 85% com branco para acomodar o teto em Azul MetLife. Título Transparente em Azul Médio MetLife Transparência de 55%. Pode ser utilizada também uma cor mais densa para transparência. Isso permite a colocação de um teto em branco sobre um fundo mais escuro. 54

13 Diretrizes e Modelos Transparência da Faia de Identidade Incorreto Take Hold of Your Future MetLife can help you achieve your financial objectives Financial Planning Recomendado Take Hold of Your Future Achieve your financial objectives Financial Planning Ao utilizar páginas inteiras como área da imagem, tome cuidado para o local que a faia de identidade ocupa em relação à imagem. Como demonstrado na primeira imagem à esquerda, a faia de identidade passa sobre uma parte crucial da imagem. Parte da solução pode ser o uso de uma faia de identidade transparente. Conforme demonstrado na segunda imagem à esquerda, ao mover levemente a imagem para baio e usar uma faia de identidade transparente, pode-se realizar uma solução eficaz de design. A faia de identidade transparente deve levar em conta um contraste suficiente para permitir uma eibição clara do logotipo da MetLife e do Snoopy. O ideal é que a transparência seja conseguida ao se colocar uma tela em Azul MetLife (PANTONE 285 ou equivalente de quatro cores) sobre a imagem. Pode ser necessário ajustar o contraste da área da fotografia a ser coberta pela barra de identidade para conseguir uma diferenciação suficiente da cor. 55

14 Diretrizes e Modelos Sangrado vs. Não Sangrado Sangrado (de preferência) Vida Previdência Segurança em primeiro Lugar Faça seu seguro com uma empresa tradicional Não Sangrado (alternativa) Vida Previdência Segurança em primeiro Lugar Faça seu seguro com uma empresa tradicional O sistema de brochura acomoda os casos de impressão sangrada e não sangrada. Sempre que possível, prefere-se sangrar a imagem, a área de informações e a faia de identidade, conforme demonstrado no primeiro eemplo à esquerda. Porém, há eceções como na impressão com uma impressora a laser em que uma imagem sangrada não é possível. A segunda demonstração à esquerda mostra como os componentes básicos de nosso sistema visual podem ser ajustados para manter uma aparência constante. No caso de não sangrado, o teto de informações e a faia de identidade mantêm o mesmo posicionamento. A faia de identidade é cortada 0,75 em cada lado. A imagem é deslocada a partir da borda da página em 0,75 (ao se reduzir o tamanho ou cortar). 56

15 Diretrizes e Modelos Opções de Reprodução de Imagem Imagem Colorida Imagem em Preto-e-Branco Imagem em Dois Tons O uso de diferentes recursos fotográficos adiciona um componente fleível ao sistema de brochuras da MetLife. A brochura acima é eemplo de uma imagem de cor-padrão reproduzida pelo processo de impressão em quatro cores. Uma imagem em preto-e-branco é capaz de oferecer alternativas drásticas à cor. O uso de uma imagem em preto-e-branco com a área de informações em cinza pode ser uma maneira eficiente de economia de custos. A imagem em dois tons oferece uma alternativa bem diferente à imagem colorida. O uso de uma diluição do Azul MetLife na área de informações pode também ser uma solução econômica. 57

16 Diretrizes e Modelos Imagens Múltiplas O sistema visual da MetLife leva em conta o uso de fotografias múltiplas. Pode haver vários casos em que as imagens múltiplas são desejadas. Imagens múltiplas dão uma oportunidade de contar uma história mais complea ou de mostrar variedade. É um desafio, no entanto, utilizar com êito mais de uma fotografia. Recomenda-se que as imagens sejam escolhidas com cuidado para trabalharem em uma composição juntas. Elas devem ter o mesmo tema e tom, além de colocadas de forma que tenham um interesse visual. A fotomontagem pode também ser uma maneira eficiente de combinar imagens múltiplas. Ao criar montagens, deve-se tomar muito cuidado em como as imagens se relacionam na formação de uma impressão global. 58

17 Diretrizes e Modelos Opções Adicionais Marca Tátil Fotografia de Fundo Imagem Tipográfica O relevo permite que a faia de identidade seja utilizada de forma muito sutil. Recomenda-se que isso seja feito em fundos neutros e que o logotipo da MetLife permaneça em Azul MetLife. Imagens sutis oferecem riqueza à capa, permitindo uma presença mais suave. O uso de tipos como imagem também é aceitável para a capa da brochura. Se utilizado de forma eficaz, esse método cria um foco muito forte sobre a oferta de produtos. É também econômico, eliminando o custo da fotografia. 59

18 Diretrizes e Modelos Grade Interior: 8,5" 11" (21 27 cm) Este diagrama mostra as margens sugeridas e uma grade básica que pode ser utilizada para a parte interior de uma brochura com 8,5" 11" (21 27 cm). Ao utilizar 1,5 para as margens na parte superior, inferior e eterior, cria-se uma uniformidade com as margens usadas na capa. Esse é o tamanho mínimo de margem que deve ser utilizado. O modo com que as páginas são montadas em colunas dependerá da quantidade e da natureza do conteúdo. As grades com duas e três colunas são eibidas aqui apenas como eemplo de sua fleibilidade A linha horizontal indicada é uma sugestão de drop line para colunas de teto, que é o alinhamento com o topo da faia de identidade utilizada na capa frontal. Interior-padrão da brochura com 8,5" 11" (21 27 cm). ( = 2 paicas). Eemplo eibido em 30%. 60

19 Diretrizes e Modelos Grade Interior: 11" 8,5" (27 21 cm) e 4" 9" (10 22 cm) Esses diagramas mostram as margens recomendadas e as grades básicas para a parte interior de brochuras de 11" 8,5" (27 21 cm) e 4" 9" (10 22 cm). Mais uma vez, para estar de acordo com as margens utilizadas para as capas correspondentes, indica-se 1,5 para as margens superior, inferior e eterior. Esse é o tamanho mínimo de margem que deve ser utilizado Interior-padrão da brochura com 11" 8,5" (27 21 cm). ( = 2 paicas). Eemplo eibido em 30% O modo com que as páginas são montadas em colunas dependerá da quantidade e da natureza do conteúdo. No interior da brochura de 11" 8,5" (27 21 cm), são mostradas como eemplo colunas de três e quatro colunas. As linhas horizontais indicadas são uma sugestão de drop line para colunas de teto, que é o alinhamento com o topo da faia de identidade utilizada nas capas frontais Interior-padrão da brochura com 4" 9" (10 22 cm). ( = 1,5 paica). Eemplo eibido em 30%. 61

20 Diretrizes e Modelos Capa Posterior: Especificações para 8,5" 11" (21 27 cm) Linha do tema: Utilize as imagens aprovadas Cópia legal: Frutiger Roman 6/8 Nome da empresa: Frutiger Bold 9/12 Endereço: Frutiger Roman 9/ (0004) METLIFE, INC. L00000XX0(ep0000)MLIC-LD PEANUTS United Feature Syndicate, Inc. Metropolitan Life Insurance Company 200 Park Avenue New York, NY Capa-padrão posterior de 8,5" 11" (21 27 cm) ( = 2 paicas). Eemplo eibido em 100%. Este diagrama reflete as recomendações de tamanho, destaque e localização do teto em uma capa posterior de 8,5" 11" (21 27 cm) de uma brochura. Ele se baseia na variável, que representa a altura da letra M de MetLife utilizada na capa frontal acompanhante, mostrada na página 54. Para a localização eata e para obter download das figuras da capa posterior, visite o site (endereço do site a ser colocado). 62

21 Diretrizes e Modelos Capa Posterior: Especificações para 4" 9" (10 20 cm) Linha do tema: Utilize as imagens aprovadas Nome do negócio: Frutiger Bold 8/11 Endereço: Frutiger Roman 8/11 A localização do teto em uma capa posterior de uma brochura de 4" 9" (10 22 cm), ou qualquer proporção que seja estreita demais para acomodar as especificações de 8,5" 11" (21 27 cm), é mostrada no diagrama à esquerda. ADAPTAR BRASIL Cópia legal: Frutiger Roman 5.5/8 Neste eemplo, representa a altura da letra "M" de MetLife utilizada na capa frontal acompanhante de 4" 9" (10 22 cm) mostrada na página Para a localização eata e para obter download das figuras da capa posterior, visite o site (endereço do site a ser colocado). Metropolitan Life Insurance Company 200 Park Avenue New York, NY ORDER NUMBER (0004) PROJ-TRAC 2004 METLIFE, INC. LEGAL#(ep0000)MLIC-LD PEANUTS United Feature Syndicate, Inc Capa-padrão posterior de 4" 9" (10 22 cm). ( = 1,5 paica). Eemplo eibido em 100%. 63