Manual identidade visual

Page 1


1. Introdução 1.1. Apresentação 2. A identidade visual 2.1. Conceito 2.2. Princípios 2.3. Grade de construção 3. Tipografia 4. Outras versões do logo 5. Cores institucionais 6. Aplicações da marca 6.1. Redução 6.2. Área de contato 6.3. Aplicações em fundo colorido, negativo e positivo 7. Assinaturas 8. Proibições 9. Folha Síntese 9.1. Versão vertical 9.2. Versão horizontal 10. Aplicações da Identidade Visual 10.1. Cartões de visita 10.2. Envelope ofício 10.3. Papel timbrado 10.4. Pasta A4 10.5. Marcador de páginas 10.6. Cartão postal


Existem variadas formas de comunicação entre todos os envolvidos nesse sistema, mas poucas angariaram tanto valor quanto a comunicação visual. E, dentro desse processo de obtenção e transmissão de valores, as imagens constituem boa parte do entendimento que a sociedade, hoje, tem das coisas. Dessa forma, é de suma importância que a comunicação visual seja clara e objetiva, ao mesmo tempo que densa e carregada de informação de boa qualidade. Tendo essas duas coisas na cabeça, desenvolvi esse manual como parte da comunicação visual que integra a minha identidade. Ter uma identidade visual concisa é de extrema importância para qualquer produto ou empresa que queira participar de um mercado cada vez mais competitivo, e, diga-se de passagem, ao decidir viajar por esse caminho nós, designers e pessoas comuns, também nos tornamos empresas que desejam vender o produto “eu”, e por isso precisam contar com grandes conceitos que diferenciem o “eu” vendido dos demais. Este manual tem como objetivo principal poder divulgar o “eu” que, como designer gráfico, desejo trabalhar e externar ao público que faz parte do meu alcance e da minha expectativa. É um manual gráfico desenvolvido dentro das regras de diagramação, artes gráficas e estruturação que deve ser seguido a risca para reprodução em outras mídias e que, acima de tudo, contém todos os valores e conceitos desenvolvidos para dar o rosto que a marca possui.


Este manual é um manual de referência visual e acadêmica a respeito da identidade visual da marca Leonardo Correia. Como marca, Leonardo Correia é atuante no mercado já há alguns anos e já possui algumas experiências em variadas áreas, algo que incorporou no conceito de criação do seu logo. A marca Leonardo Correia quer estar entre as principais referências em design gráfico, no que diz respeito as soluções mais indicadas dentro do ramo das artes gráficas. Leonardo Correia preza pelos valores de amizade e confiança entre si e quem entrar em contato com sua marca, e une isso a busca pela qualidade máxima nas peças desenvolvidas, independente de qual seja a empresa ou a pessoa O mercado está ajustado para atender a qualquer tipo de demanda, seja de quem for e como for, e para isso o designer deve estar preparado para trabalhar fora da sua zona de conforto para obter sucesso. Essa é a visão da marca Leonardo Correia para que ela se estabeleça no mercado com sua missão e com seus valores.

Rua Barão de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portfólio http://www.behance.net/leoncorreia

2


A maior parte das construções de marca exige um trabalho de pesquisa muito profundo, com buscas de referências visuais tanto em matéria estrutural como diagramação, peso e uso de forma quanto em matéria mais artística, como manipulação de imagem e uso de cor. Com a marca Leonardo Correia não foi diferente, mas optei por fazer da sua constituição algo extremamente simples. A tendência é que a simplicidade das formas retornem e tomem conta de toda a identidade visual das marcas, constituindo um branding muito simples, mas ao mesmo tempo muito rico visualmente. Pensando nisso, foram trabalhadas na marca o L e o C, iniciais do nome, de forma que elas permanecessem ligadas por elos simples, apesar do uso de nuances diferentes para identificação das mesmas apenas pelo uso de cor. A ideia de ligação está intimamente relacionada ao círculo onde as iniciais estão inseridas, pois o círculo é o símbolo da renovação e da inovação, que é o que a marca busca, acima de tudo. Essa forma circular se reflete, inclusive, na própria forma desenhada das duas letras unidas e na tipografia do nome que foi desenvolvida específicamente para essa marca. Por fim, unido ao conceito de um elo de ligação entre renovação e inovação pela forma das letras e pelo L e o C interligados, foi escolhida a cor azul que simboliza cumplicidade, ao mesmo tempo que passa uma ideia calma, de tranquilidade, que é o que a marca deseja passar para quem recorre aos seus serviços.

3


Nas próximas páginas serão apresentadas todas as informações técnicas referentes a marca Leonardo Correia. A estrutura de identidade visual será apresentada da seguinte maneira: 1. Conceito da marca 2. Princípios de uso 3. Grade de construção 4. Tipografia 5. Outras versões de aplicação do logo 6. Cores institucionais 7. Aplicações da marca 8. Assinaturas 9. Proibições. 10. Folhas síntese


Alguns princípios de uso de marca foram pensados para que a marca seja usada corretamente independente da mídia usada. São estes: 1. Não são permitidas nenhuma mudança de cor, disposição de elementos e transformação da tipografia e dos elementos gráficos que constituem a marca que difiram das mostradas neste manual em quaisquer publicaçoes, sejam elas impressas ou digitais. 2. A reprodução digital dessa marca pode fazer uso de texturas e efeitos gráficos e de sombreamento APENAS em publicações digitais. 3. São permitidas a adição de elementos gráficos ao logo, desde que não atrapalhem a identificação da identidade visual e SOMENTE nas versões aplicadas digitalmente. 4. A marca horizontal só deve ser usada caso a vertical, de uso preferencial, não seja possível. 5. A reprodução do símbolo do logo em forma de texturas, marcas d’água e em faixas de cor são possíveis, desde que respeitando as seguintes ordens:

40% de transparência, sem uso de sombras ou efeitos

0,5x de altura e de largura para uso como textura

4


Grade de construção da marca. A grade visa auxiliar através de medidas fixas a construção correta do logo para ser reproduzida de forma fiel em qualquer tamanho e mídia existente.

5


6


Como o logotipo foi construído com fontes próprias, desenhadas especificamente para sua modulação, a fonte principal para uso nos materiais institucionais da empresa seria a fonte secundária, caso a tipografia do logotipo tivesse sido feita por outra fonte já existente. A tipografia principal e todas as auxiliares pertencem a família Gotham.

7


O logo apresenta três variações de cor para serem usadas SOMENTE SE as versões principais, vertical e horizontal, com a cor original não puder ser aplicada.

8


As cores institucionais da marca não podem ser alteradas de forma alguma, em nenhuma mídia ou suporte, e por isso devem ser seguidas a risca suas reproduções através dos canais indicados. RGB para monitores e telas, CMYK para versões impressas e Escala Pantone para reprodução em cores especiais e em materiais mais específicos. No caso da conversão de qualquer um desses modos de cor para outro, na maior parte das vezes essa conversão não é perfeita, fazendo-se necessária a verificação manual dos valores correspondentes nesse manual.

55 108 145

79% 41% 24% 1%

66 134 181

72% 27% 12% 0%

156 209 226

33% 1% 7% 0%

230 243 247

7% 0% 1% 0%

115 186 224

49% 5% 4% 0%

#47738f 7697 C

#4286b5 7688 C #a1d7f1 635 C

#e5f2f6 656 C #72b9df 297 C

82 153 193

65% 18% 12% 0%

235 222 149

5% 7% 40% 0%

171 140 41

27% 35% 92% 2%

138 114 35

36% 41% 97% 10%

255 255 255

0% 0% 0% 0%

#5198c0 7702 C

#eadd94 7499 C #aa8b28 618 C

#897122 4505 C #ffffff White

9


A redução indica qual o tamanho mínimo de aplicação da marca para que sua legibilidade seja mantida. As duas versões NÃO PODEM ser reduzidas a menos de 1 cm de altura.

10


Existe uma área equivalente a 2 módulos que é o limite da área de contato da marca, ou seja, define um isolamento visual que garante a integridade da marca em reproduções em fundos ornamentados ou texturizados.

11


Para manter a integridade da marca em reproduções em vários tipos de suporte, é necessário um guia com a orientação sobre quando e onde usar a marca: 1. fundos claros com cores frias devem receber SOMENTE o logo principal. 2. fundos escuros com cores frias devem receber a versão branca do logo, com o símbolo na cor original 3. fundos com cores quentes devem receber a versão do logo com a cor ocre. 4. fundos texturizados de cores escuras devem receber a segunda versão do logo, com suas cores originais mais claras. 5. a versão negativa do logo deve ser aplicada em fundos monocromáticos da cor preta e suas variantes e pode ser usado como referência para impressões com único tom, duotone e em retícula 6. a versão positiva do logo segue o mesmo princípio da versão negativa. OBS: as orientações também se aplicam a versão horizontal do logo.

1

2

3

4

5

6

12


Padrão de assinatura vertical com o ramo de atividade embaixo do logotipo, fonte Gotham Light corpo 9, tracking ajustado para 500, um espaço de distância entre o ramo e o logotipo.

Padrão de assinatura vertical com o ramo de atividade embaixo do logotipo, fonte Gotham Light corpo 12, tracking ajustado para 500, um espaço de distância entre o ramo e o logotipo.

Rua Barão de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portfólio http://www.behance.net/leoncorreia

Padrão de assinatura de e-mail somente com o símbolo. Tipografia Gotham Light e Bold (somente para destaque), com um espaço de distância entre endereço, contato e portfólio.

13


O uso irregular da marca pode causar muitas complicações, como a dificuldade de fixação de suas formas e escritas, o que consequentemente traz uma dificuldade em estabelecer os valores da mesma no mercado. Por esse motivo, existem algumas medidas que precisam ser adotadas rigorosamente no uso da marca para impedir conflitos de identidade visual.

14


55 108 145

79% 41% 24% 1%

66 134 181

72% 27% 12% 0%

156 209 226

33% 1% 7% 0%

#47738f 7697 C

#4286b5 7688 C #a1d7f1 635 C

15


55 108 145

79% 41% 24% 1%

66 134 181

72% 27% 12% 0%

156 209 226

33% 1% 7% 0%

#47738f 7697 C

#4286b5 7688 C #a1d7f1 635 C

16


Toda a marca desenvolvida é, na maior parte das vezes, seguida de uma série de implementações nos mais variados tipos de suporte como parte da finalização do projeto. Nessa terceira parte do manual, as aplicações em algumas peças gráficas serão mostradas, visando implementar parte da estratégia de comunicação desenvolvida com a marca. Essa parte do projeto é expansível, pois todas as peças e adaptações que poderão ser implementadas futuramente entra nessa seção. Inicialmente, as aplicações são compostas por: 1. Cartão de visita 2. Envelope ofício 3. Papel Timbrado 4. Pasta A4 5. Marcador de página 6. Selos 7. Cartão postal


O cartão de visita é uma peça gráfica diferenciada. Ela é composta por 4 tipos diferentes de posicionamento do logo nas bordas, para que os 4 cartões sejam interligados entre si quando colocados em conjunto, complementando a ideia principal de um elo inovador da marca.

Rua Barão de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portfólio http://www.behance.net/leoncorreia

Formato: 95mm x 55mm Alinhamento: à esquerda Margem superior: 5mm Margem inferior: 5mm Margem esquerda: 5mm Posicionamento do logo: 1/4 do logo original com 8cm, sem transparência. Fonte utilizada: Gotham Light para as informações da frente e do verso, Gotham Medium para e-mail e Gotham Bold para Portfólio. Texto do verso: Uma linha para endereço, três para contato e duas para site, espaço simples

17


Rua Barão de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portfólio http://www.behance.net/leoncorreia

Rua Barão de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portfólio http://www.behance.net/leoncorreia

Rua Barão de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portfólio http://www.behance.net/leoncorreia

Rua Barão de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portfólio http://www.behance.net/leoncorreia

18


Rua Barão de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portfólio http://www.behance.net/leoncorreia

Rua Barão de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portfólio http://www.behance.net/leoncorreia

Formato: 114mm x 229mm Alinhamento do texto: à esquerda Margem superior: 5mm Margem inferior: 5mm Margem esquerda: 5mm Grafismo: canto superior direito e no canto inferior esquerdo, com 30% de opacidade Posicionamento do logo: centro da aba baseado no logo com 2cm de altura Fonte utilizada: Gotham Light para as informações da frente e do verso, Gotham Medium para e-mail e Gotham Bold para Portfólio. Texto do verso: Uma linha para endereço, três para contato e duas para site, espaço simples

19


Formato: 210mm x 297mm Alinhamento do texto: à esquerda Margem superior: 5mm Margem inferior: 5mm Margem esquerda: 5mm Grafismo: canto superior direito e no canto inferior esquerdo, com 30% de opacidade Posicionamento do logo: centro da aba baseado no logo com 2cm de altura Fonte utilizada: Gotham Light para as informações da frente e do verso, Gotham Medium para e-mail e Gotham Bold para Portfólio. Texto do verso: Uma linha para endereço, três para contato e duas para site, espaço simples

Rua Barão de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portfólio http://www.behance.net/leoncorreia

20


Formato: 330mm x 446mm (ABERTA) Alinhamento do texto: central Margem superior: 5mm Margem inferior: 5mm Margem esquerda: 5mm Contra-capa: canto superior direito e no canto inferior esquerdo, com 30% de opacidade

Capa: logo alinhado ao centro com 6cm de altura Parte interna: logo alinhado a direita no canto superior, mesmo tamanho da capa Meio-corte: 9cm de largura para cart達o de visita Bolsa: 16cm de largura com 1,5cm de aba para colar

21


22


Rua Bar茫o de Iguape no897 Liberdade leo2011br@gmail.com (11) 3207.5226 (11) 9.5376.7601 Portf贸lio http://www.behance.net/leoncorreia

23



Turn static files into dynamic content formats.

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