Manual de Identidade vusual - Click Help- Informática

I N F O R M Á T I C A

Manual de Identidade Visual Versão 1.0 Setembro 2013

©Guilherme S. Lima

Manual do Sistema de Identidade visual

Versão 1.0

Setembro 2013

Página 2

Bem Vindo

Bem-vindo ao Manual de identidade visual da “Click Help Informática”.

Este manual foi criado para servir como um guia e auxiliar a qualquer um que se interesse a compreender a concepcão da marca, bem como seu correto uso e suas formas de aplicação.

Criamos um sumário para que você possa facilmente folhear entre os subtópicos de seu interesse e descobrir como pensamos ao criar nossa nova marca, ter um apanhado geral sobre nosso estilo criativo e também compreender os elementos básicos que deram origem a essa nova era.

Para que fique claro o que a nova marca representa nesta nova etapa da Click Help Informática, acrescentamos neste manual nosso antigo logotipo, para efeito de comparação. O novo logo sintetiza a forma como enchergamos o futuro, e esperamos que você aprecie e se inspire com essa nossa nova identidade.

©Guilherme S. Lima

Manual do Sistema de Identidade visual

Versão 1.0

Conteúdo

Sumário 1.

2.

3.

4.

5.

6.

©Guilherme S. Lima

Setembro 2013

INTRODUÇÃO ................................................................................................................................................... 4 1.1 nossa origem .................................................................................................................................. 5 1.2 olhando para o futuro ................................................................................................................ 6 A MARCA ........................................................................................................................................................... 7 2.1 conceito ............................................................................................................................................... 8 2.2 referências ......................................................................................................................................... 8 2.3 desenvolvimento ........................................................................................................................... 9 LOGOTIPO ........................................................................................................................................................ 10 3.1 grid construtivo ................................................................................................................................ 10 3.2 versão horizontal e vertical .................................................................................................... 11 3.3 taxa de redução ............................................................................................................................ 11 3.4 versão negativa e positiva ...................................................................................................... 12 3.5 versão tracejada ............................................................................................................................ 12 3.4 uso incorreto ..................................................................................................................................... 13 PALETA DE COORES .................................................................................................................................. 14 TIPOGRAFIA ...................................................................................................................................................... 15 5.1 constitucional .................................................................................................................................... 15 5.2 de apoio ............................................................................................................................................... 16 APLICCAÇÕES ............................................................................................................................................... 17 6.1 ........................................................................................................................................................................... 18 6.2 ........................................................................................................................................................................... 19 6.3 ........................................................................................................................................................................... 20

Manual do Sistema de Identidade visual

Introdução

Nossa Origem Olhando para o Futuro

©Guilherme S. Lima

Versão 1.0

Setembro 2013

Página 4

Manual do Sistema de Identidade visual

Introdução Nossa Origem

Versão 1.0

Setembro 2013

Página 5

A “Click Help Informática” surgiu a 5 anos atrás com o sonho de dois amigos em oferecer um serviço de qualidade na manutenção e reparo de produtos tecnológicos de uso pessoal para os moradores de Alcântara, bairro localizado em São Gonçalo.

Atualmente o que era sonho se transformou numa empresa que possui 12 empregados, equipe técnica especializada, atendentes prontos para recepcionar e atender as necessiidades de qualquer perfil de cliente e produtos das mais diversas marcas para a venda.

©Guilherme S. Lima

Manual do Sistema de Identidade visual

Introdução Olhando para o futuro

Versão 1.0

Setembro 2013

Página 6

O que antes não passava de um sonho, hoje se transforma num negócio em plena expansão. A “Click Help Informática” planeja abrir em breve duas nova f iliais para servir com maior conforto e comodidade a populacão de São Gonçalo.

Essas novas f iliais deverão ser inauguradas até o início de 2014 em dois novos bairros da cidade e obras já iniciadas.

Nossa expansão ref lete nosso compromisso em tentar oferecer um serviço de cada vez mais qualidade para todos e responder a demanda crescente da população por novas

©Guilherme S. Lima

Manual do Sistema de Identidade visual

A Marca Conceito

Desenvolvimento Referências

Logotipo

Grid Construtivo Horizontal e Vertical Taxa de redução Negativa e positiva Tracejada Uso incorreto

Paleta de cores Tipografia Aplicações

©Guilherme S. Lima

Versão 1.0

Setembro 2013

Página 7

Manual do Sistema de Identidade visual

Versão 1.0

A Marca

Como o próprio nome já diz, Click Help passa num primeiro momento a busca por socorro em um caso de emergência. Partindo desse conceito foi criado o logotipo usando como referencias o botão de emergência e a seta do mouse de computador.

Conceito Referências

©Guilherme S. Lima

Setembro 2013

Página 8

Manual do Sistema de Identidade visual

Versão 1.0

A Marca

A junção da seta com o circulo formam a sigla CH por meio do uso de figura fundo.

Conceito

Setembro 2013

Página 9

Desenvolvimento

O circulo vermelho representa neste caso um circulo de confiança e e credibilidade que a empresa faz questão de passar ao seu público. O quadrado utilizado para construção da letra H serviu para exprimir segurança e seriedade.

©Guilherme S. Lima

Manual do Sistema de Identidade visual

Versão 1.0

Setembro 2013

Página 10

A Marca Logotipo

2b

Grid construtivo

b a

Deve-se sempre respeitar as proporções expressas acima, para evitar quaisquer tipos de distorções que descaracterizem a logo original da nova marca.

©Guilherme S. Lima

a

I N F O R M Á T I C A C

Manual do Sistema de Identidade visual

Versão 1.0

A Marca

Versão vertical

Setembro 2013

Página 11

Logotipo

Horizontal e vertical Taxa de redução I N F O R M Á T I C A

Versão horizontal

I N F O R M Á T I C A

Taxa de redução 1cm 2cm I N F O R M Á T I C A

4cm

©Guilherme S. Lima

I N F O R M Á T I C A

6cm

Manual do Sistema de Identidade visual

Versão 1.0

Setembro 2013

Página 12

A Marca Logotipo

Negativa e positiva Tracejada I N F O R M Á T I C A

Versão Positiva

I N F O R M Á T I C A

Versão Tracejada

I N F O R M Á T I C A

Versão Negativa ©Guilherme S. Lima

Manual do Sistema de Identidade visual

A Marca

Versão 1.0

Setembro 2013

1.

Página 13

2.

Logotipo

Uso incorreto I

N

F

O

R

M

Á

T

I

C

A

INFORMÁTICA 3.

5.

4.

A I C T M Á R F O I N

I N F O R M Á T I C A 6.

I N F O R M Á T I C A

I N F O R M Á T I C A ©Guilherme S. Lima

Manual do Sistema de Identidade visual

Versão 1.0

A Marcas

Cores Intitucionais

Paleta de cores

©Guilherme S. Lima

Setembro 2013

Página 14

CMYK

RGB

PANTONE

CMYK

RGB

PANTONE

C = 20 M = 100 Y = 95 K = 12

R = 178 G = 30 B = 40

PANTONE 7621 C

C = 30 M = 25 Y = 25 K= 0

R = 183 G = 33 B = 38

PANTONE Cool Gray 5C

CMYK

RGB

C= 0 M= 0 Y= 0 K= 0

R = 183 G = 33 B = 38

A cor escolhida como Institucional foi a vermelha, que já era usada anteriormente pela empresa, mas que agora vem com uma tonalidade mais escura agregando sofisticação e seriedade a marca. O vermelho também foi escolhido por ser uma cor que transmite universalmente a ideia de emergência fazendo alusão ao botão usado na logo criada para a marca. A cor cinza e branca foram escolhidas por serem muito utilizadas na área de tecnologia que a empresa atua.

Manual do Sistema de Identidade visual

Versão 1.0

A Marca

A tipografia escolhida para a logo foi a san serifa Lowvética Light e Bold, utilizada como tipografia constitucional, por melhor conversar graficamente com a logo criada. Ela é reta em suas extremidades o que da um toque a mais de seriedade a marca.

Tipografia Constitucional

Setembro 2013

Lowvetica Regular ABCDEFGHIJKLMNOPQRSTWUVXYZ abcdefghijklmnopqrstuwvxyz 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^& * ( ) : ;

Lowvetica Ultra Bold ABCDEFGHIJKLMNOPQRSTWUVXYZ abcdefghijklmnopqrstuwvxyz 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^& * ( ) : ; ©Guilherme S. Lima

Página 15

Manual do Sistema de Identidade visual

Versão 1.0

A Marca

Clemente Light

Tipografia De apoio

Como tipografia de apoio foi escolhida a san serifa Clemence Light e Bold, escolhida por ser levemente arredondada, com intuito de brincar com o contraste, que a logo se utiliza, entre o circulo e o quadrado.

Dando também um toque de leveza a marca.

Setembro 2013

ABCDEFGHIJKLMNOPQRSTWUVXYZ abcdefghijklmnopqrstuwvxyz 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^& * ( ) : ;

Clemente Regular ABCDEFGHIJKLMNOPQRSTWUVXYZ abcdefghijklmnopqrstuwvxyz 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^& * ( ) : ;

Clemente Bol ABCDEFGHIJKLMNOPQRSTWUVXYZ abcdefghijklmnopqrstuwvxyz 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^& * ( ) : ;

©Guilherme S. Lima

Pa’gina 16

Manual do Sistema de Identidade visual

Versão 1.0

A Marca

Exemploa 1

Setembro 2013

Página 17

Aplicações

I N F O R M Á T I C A

Rua Laureano Rosa, 380 Lj 2 - Alcântara - SG -RJ Tel: 2603-8662

Rua Laureano Rosa, 380 Lj 2 - Alcântara - SG -RJ Tel: 2603-8662

©Guilherme S. Lima

Manual do Sistema de Identidade visual

Versão 1.0

A Marca

Exemplo 2

Setembro 2013

Página 18

Aplicações

I N F O R M Á T I C A

I N F O R M Á T I C A

I N F O R M Á T I C A tel.: 2603-8663 site: www.clickhelp.com.br email: clickhelp@empresa.com.br end.: rua Laureano Rosa, 380 Lj 2 - Alcantara - RJ

©Guilherme S. Lima

Manual do Sistema de Identidade visual

Versão 1.0

Setembro 2013

A Marca

Exemplo 3

Página 19

Aplicações

I N F O R M Á T I C A

A T I C R M Á I N F O

©Guilherme S. Lima

Manual do Sistema de Identidade visual

Versão 1.0

A Marca

Exemplo 4

Aplicações

©Guilherme S. Lima

Setembro 2013

Página 20