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