2
Manual de Identidade Visual
índice
Índice
Apresentação
03
Tipografia
Fotos Exemplos de conceito
19
Uso da marca K-MEX Usos proibidos
20
Família institucional Principal Varejo
04 05
Aplicações
Tipografia fantasia Apresentação Formatação
06 07
Roupas Camiseta comum Camisa com gola
21 22
Textos Formatação Disposição com outros elementos
08 09
Embalagem Exemplo planificado Simulação em perspectiva Embalagem Game
23 24 25
Motto Construção
10
Papelaria Cartão de visitas Envelope Papel de carta A4
27 28 29
Promocionais Credencial de evento Tag institucional Tag com precificador
30 31 31
13 14 15 16 17
Propaganda Anúncios Formato 1 página Varejo 1/2 página 1 Coluna
32 33 34
18
Banner online Regras de assinatura
35
Cores Apresentação e regras de uso Combinações
11 12
Elementos Grafismo Apresentação Construção Uso com a marca K-MEX Interação com outros elementos Grid orgânico Ícones Regras de uso e cores
Identidade Visual K-MEX
Este é o manual da nova identidade visual da K-MEX. O objetivo deste é fornecer informações indispensáveis para aplicação da marca nos mais diversos materiais, evitando distorções ao longo do uso. Procuramos fazer um manual simples e com regras de fácil aplicação que possibilite uma ampla combinação de elementos e cores, não deixando a identidade monótona.
conceito Para construir a nova identidade, nos baseamos nos conceitos de felicidade. Os elementos e cores conferem leveza, movimento e personalidade, destacando-a da concorrência.
3 apresentação
4
Família Institucional
tipografia
Principal
Composta pela clássica e elegante família tipográfica Franklin Gothic, que possui excelente leitura para textos de corpo pequeno e/ou longos. Possui contraste ideal com a tipografia fantasia. estilo
Book
uso Textos curtos como legendas, notas, ou longos.
Subtítulos.
Demi
tamanho Redução máxima
6pt
abcdefghijklmnopqrstuwvxyz abcdefghijklmnopqrstuwvxyz 1234567890
Mínimo ideal
Redução máxima Mínimo ideal
11pt a b c d e f g h i j k l m n o p q r s t u w v x y z abcdefghijklmnopqrstuwvxyz 1234567890 9pt a b c d e f g h i j k l m n o p q r s t u w v x y z
abcdefghijklmnopqrstuwvxyz 1234567890
12pt a b c d e f g h i j k l m n o p q r s t u w v x y z abcdefghijklmnopqrstuwvxyz 1234567890
Variações de estilo permitidas
Book Italic To vent, vel magnimu sandaecto.
Entrelinha
Demi
Sempre 4pt a mais do tamanho do corpo.
To vent, vel magnimu sandaecto.
Demi Italic
To vent, vel magnimu sandaecto.
Giamus, quidend andigenimin et aut pere omnis atet iur, te sum ipiet aut eri omnimil ipsant et od etur rehendi tiundest es alit endit prehenima sum fugias voluptatis imillam est aut vellaut odipidunt fugitibus.
Regras gerais
Entreletra
• Não forcar justificacão • Não utilizar outras famílias tipográficas
Book: -10pt Demi: -5pt
5
Família Institucional
tipografia
Varejo
Base de construção Entreletras
Apenas
14pt +12pt da base
35,00
R$
Corpo e alinhamento
Apenas
Apenas
35,00
35,00
R$
R$
-40pt -60pt
12pt
-40pt
14pt 34pt
3 x de
35,00
R$
A vista: R$ 105,00
24pt
Aplicação com o produto
Apenas
35,00
R$
Utilize o elemento ilustrativo indicado na proporção e disposição apresentadas.
promoção
35,00
R$
Regras gerais
Obs: valores apresentados apenas para exemplificação.
• Aumentar e diminuir proporcionalmente utilizando a base de construção. • Pode-se utilizar duas cores. • Pode estar abaixo ou a direita do produto.
Tipografia fantasia
6 tipografia
Harabara
Harabara foi escolhida para manter a harmonia junto com os elementos ilustrativos orgânicos, contrastar com os produtos e a família tipográfica institucional. Também possui caracteres especiais.
abcdefghijklmnopqrstuwvxyz abcdefghijklmnopqrstuwvxyz 1234567890 caracteres especiais
áéíó ãõ ç âê ü ; : ? ! $ " @ + - % # * & < > { } [ ] \ / , .
7
Tipografia fantasia
tipografia
Formatação
errado
correto
• Sem ajuste de espaçamento
• Com ajuste manual.
Aplicação com o produto
SP-R205 y • Distanciar ao menos 3 vezes y do produto quando colocado ao lado (dar preferência ao lado direito).
1 /4
x
x
SP-R205
• Distanciar ao menos 3 vezes x do produto quando colocado abaixo.
• Tomar como referência 1/4 das letras similares para o espaçamento x.
usos permitidos
SP-R205
all in one editorial
Códigos utilizados como títulos
Títulos e nomes de produtos
• Tamanho mínimo do corpo: 18pt • Neste caso, pode-se utilizar -10pt de entreletra • Utilizar sempre com k = 80%
• Tamanho mínimo do corpo: 18pt • Não utilizar espaçamento automático. • Utilizar sempre com k = 80%
Regras gerais • Não utilizar formatação automática dos programas. • Deve ser utilizada apenas nas opções apresentadas ou como elemento decorativo, nunca tem textos longos.
8
Textos técnicos
tipografia
Formatação
tabelas coluna 1
coluna 2
coluna 3
coluna 1
coluna 2
coluna 3
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
Intercalar com 15% da cor principal, finalizar com o mesmo tom na última linha.
Pode-se intercalar cores de colunas, se necessário
Aplicação com o produto
bullets
x x
HS-1767 • Luptur ratumenda sim eiur? • Les dolorep udantempor as et vid ut quas as mi, qui blabore provitat dolum fugia ipid ut ea dus int volores nonsecu mendandae. tamanho da letra L
coluna 1
coluna 2
coluna 3
item
item
item
item
item
item
item
item
item
item
item
item
item
item
item
Regras gerais • Manter distância mínima de 2 linhas do produto • Manter abaixo do produto • Formatação de texto deve seguir orientações apresentadas anteriormente. • Evitar o uso de tabelas junto com produtos, utilizar apenas se necessário por motivos técnicos.
9
Textos técnicos
tipografia
Disposição com outros elementos
Exemplo de formatação de texto + produto
promoção
35,00
R$ Regras gerais • Pode-se utilizar de linhas verticais e horizontais para separar produtos com K = 80% e 0,5pt de espessura. • Splash deve sair de tras do produto.
SP-R205 • Mouse Óptico • Alta sensibilidade 800 DPI • Design ergonômico • Com scroll • Plug & play • Plug USB • Acompanha Bolsa • Peso: 0.055 Kg
10
Motto
motto
Sua vida nos inspira.
A assinaturas segue os padrões apresentados de formatação de textos.
x
x
Entrelinha 3 vezes o espaçamento da entreletra.
S S
Evellacestis aut prate aliqui ut liquam atquaectem volore as et excepel enihillandi ut utas magnihillab
Aplicação com o produto
errado
Regras gerais • Assinar abaixo do produto, do lado direito ou esquerdo, mantendo pelo menos duas letras de distância. • Colocar textos acima, com distância mínima da 2 vezes altura de S.
11
Cores
cores
Apresentação e regras de uso
Paleta de cores vai do Azul K-MEX sóbrio ao vermelho, sendo intercalado com tons pastéis de azul e verde, possibilitando amplas combinações. As cores não definem subdivisões dos produtos, podem ser aplicadas conforme a necessidade da criação. pantone
variações permitidas em tons puros
azul k-mex 539C
65%
35%
15%
5425C
65%
35%
15%
557C
65%
35%
15%
123C
65%
35%
15%
166C
65%
35%
15%
201C
65%
35%
15%
• Exemplos de usos permitidos: tabelas, destaques de textos e material técnico. Não utilizar no grafismo ou com a marca K-MEX.
preto (k)
• Deve-se utilizar o preto (K) em 80% para títulos, nomes, linhas ou eventualmente quando necessário (evitar) em outros elementos. Não utilizar no grafismo.
12
Cores
cores
Combinações
paleta de combinações
Frias pastéis + quentes
• Cores frias pastéis intercaladas com branco (papel) + cor quente e vice-versa
institucional cercando
• Cor institucional cercando cores quentes e frias
13
Grafismo
elementos
Apresentação
Os elementos ilustrativos do grafismo foram inspirados em formas orgânicas seguindo o novo conceito da marca.
spiral • Elemento secundário, pode ser utlizado em destaques com textos.
alvo • Elemento secundário, deve ser utilizado como fundo de produtos e o fundo da vírgula.
listrado
vírgula
• Elemento terciário para decoração, pode conter ou não as listras.
• É o elemento principal, onde a marca da K-MEX sempre deve ser aplicada, também pode ser utilizada em destaques com textos.
bolinhas • Elemento terciário para decoração.
14
Grafismo
elementos
Construção
Alinhamento e tamanho • Os elementos são centralizados pela circunferência do meio, construir sobre o desenho apresentado.
15
Grafismo
elementos
Aplicação com a marca K-MEX
x
Área de reserva • O tamanho da marca K-MEX deve caber 3 vezes dentro da vírgula no sentido vertical.
16
Grafismo
elementos
Interação com outros elementos
Com a marca K-MEX • Quando a marca estiver presente no grafismo ALVO + VÍRGULA, utilizar os outros menores com a mesma cor ou com as outras cores da paleta. • O grafismo com a marca K-MEX deve sempre se destacar dos demais elementos.
17
Grafismo
elementos
Grid orgânico
O grid deve ser contruído conforme necessidade da criação, sempre considerando o fator de fluidez do movimento. As possibilidades de combinação são diversas, mas sempre nota-se a aplicação da marca e o movimento distinto.
x
EXEMPLO • No exemplo foi feita uma “coluna vertebral” X que serve de guia para o movimento dos elementos. • Esta coluna pode ter vários sentidos, deve se adequar a criação.
Fundos • Os fundos devem ser sempre brancos, quando houver necessidade de fundos coloridos, usar os tons pastéis e colocar contorno branco nos elementos (ver exemplo em APLICAÇões / ANÚNCIOS)
18
Grafismo
elementos
Usos proibitivos
• Com efeitos diferentes do exemplo do anúncio. • Distorcido, sem escala proporcional
• Usar as cores da paleta com combinações sem contraste ou com vibração ofuscante.
• Com outras cores fora da paleta
• Colocar sobre fundos de imagens confusas
VersĂľes Grafismos
Em uma cor, utilizando o suporte como segunda cor. Utilizar esse recurso apenas quando extremamente necessĂĄrio.
19 elementos
VersĂľes Grafismos
Evitar o uso das cores pastĂŠis e do amarelo. Dar preferĂŞncia a cor institucional, ao laranja e vermelho.
20 elementos
21
Ícones
elementos
Regras de uso e cores
Para equilibrar com os outros elementos, os ícones devem ser utilizados sem nenhum outro elemento.
Altura mínima = 8mm
x
Aplicação com o produto
Cor = 80% K
Espaçamento = 3mm
x
errado
USO • Não utilizar outras cores.
• Utilizar do lado direito ou abaixo do produto.
Fotos
22 fotos
Imagens de bancos de imagens devem conter o conceito de felicidade, movimento e leveza, destacando as expressĂľes faciais, o fundo ou cenĂĄrio nĂŁo necessita de destaque.
23
Personalidades Fun
A caracterização dessa personalidade é feita com o uso dos elementos “saltando” da composição central, como se fossem fogos de artifício.
personalidades
Dinâmica
Essa personalidade também utiliza todos os elementos, porém eles formam uma composição dinâmica sem elementos saltando do elemento central.
Corporativa
Para a personalidade corporativa, deve-se sempre enfatizar o uso da cor azul K-MEX, utilizando apenas o ALVO + VÍRGULA como principal.
Exemplos de usos
Exemplos de usos
Exemplos de usos
Lançamentos de produtos, publicidade e eventos voltados para o público consumidor.
Qualquer tipo de ação.
Apenas em apresentações corporativas, onde o propósito seja seriedade, ou quando for necessário enfatizar a marca K-MEX.
24
Uso da marca K-MEX
elementos
Proibições
Com ou sem o grafismo, a marca K-MEX nunca pode estar das seguintes formas:
Rotacionada
Com efeitos ou contornos
Sem escala proporcional
Sobre fundos de cores que não estão na paleta
Outras cores
As possibilidades de aplicações erradas são inúmeras, por isso seguir sempre as formas apresentadas anteriormente.
25
Roupas
aplicações
Camiseta comum
camiseta k-mex red
As cores do tecido devem ser da paleta de cores apresentadas. Nas camisetas, o motto deve estar maior e pode conter uma composição com o grafismo.
camiseta k-mex yellow
26
Roupas
aplicações
Camisa com gola
polo k-mex
Na polo, aplicar o ALVO + VÍRGULA, com borda branca na circunferência azul. Aplicar motto no ombro.
Embalagem
27 aplicações
Exemplo planificado
Seguindo o dinamismo da forma principal, os elementos devem criar movimento e destacar o produto. A marca sempre deve ser aplicada no grafismo principal ALVO + VÍRGULA, seguindo as orientações de uso apresentadas.
Utilização da personalidade fun, com os elementos saltando do centro.
Embalagem
Simulação em perspectiva
28 aplicações
Embalagem
29 aplicações
Game
Utilização da personalidade dinâmica com os elementos dispostos de forma expansiva, sem foco no centro. Nesse exemplo, os elementos vírgula e alvo formaram um “mar”.
Embalagem Game
30 aplicações
31
Embalagem
aplicações
Aplicação em 1 cor
Outros elementos No exemplo acima, foram utilizadas notas musicais para reforçar a utilidade do produto, sem que interferisse na comunicação.
32
Papelaria
aplicações
Cartão de visitas
Utilização da personalidade corporativa, com ênfase no azul K-MEX.
• A circunferência com a cor institucional deve tanger as bordas.
elementos com USO corporativo • O grafismo e os elementos ilustrativos devem ser aplicados sem exageros na comunicação corporativa, para manter sobriedade. • Margens = 5mm
• Pode-se utilizar o motto ou a URL.
Papelaria
33 aplicações
Envelope
• Margens = 25mm
34
Papelaria
aplicações
Papel de carta A4
• Margens = 10mm
Promocionais
35 aplicações
Credencial de evento
elementos com USO promocional • Assim como as embalagens e anúncios, os materiais promocionais podem utilizar mais elementos e cores.
36
Editorial
aplicações
Catálogo
speakers 2.0 / 2.1
SP-9600 Alta sensibilidade 800 dpi design ergonômico com scroll plug & play conector: ps2 ou usb cores: prata com preto
SS-D220
SS-CH10
SP-5100
SP-R205
Mouse Óptico Alta sensibilidade 800 dpi design ergonômico com scroll plug & play plug usb Acompanha bolsa peso: 0.055 kg
Mouse Óptico Alta sensibilidade 800 dpi design ergonômico com scroll plug & play plug usb Acompanha bolsa peso: 0.055 kg
2.1 canais Estéreo Amplificados subwoofer e satélites com gabinete de madeira pode ser utilizado em pc, dVd, Mac entre outros potência RMs: 12W*2 + 12W*2 (48W) impedância: 8ohm (woofer) - 4ohm (satélite) Freqüência de resposta: 45Hz ~ 18khz sensibilidade de entrada: 480mV power: Ac 110V 60Hz (tomada) snR: >60db conector de entrada: Mini plugue estéreo Jack 3.5” conector de saída: RcA jack controles: Volume, Grave e Agudo
teclados
design moderno e elegante com display digital 2 canais Estéreo Amplificados + 1 subwoofer controles: Volume e Grave potência RMs: 15W(woofer) + 9W*2 (satélite) impedância: 4ohm Freqüência de resposta: 45Hz ~ 18khz sensibilidade de entrada: 500mV power: Ac 110V 60Hz (tomada) snR: >= 50db conector de entrada: Mini plugue estéreo Jack 3.5” conector de saída: RcA jack compatível com todos sistemas operacioais Windows dimensões: subwoofer (310x150x220mm) - satélite (90x80x165mm) 2 channel stereo amplifier built in provides headphone and microphone jack inputs Easy installation
elementos com USO editorial • Em editorial, as informações devem ser privilegiadas, utilizando os elementos como apoio para a diagramação.
gabinetes
editorial KB-520 design moderno e ergonômico compatível com Windows 98/ME/2000/nt/Xp/Vista teclado padrão Abnt2 teclas de gerenciamento de energia Acpi conector ps2 ou usb cores: preto e bege peso: 0.445 kg
MO-N133
MO-I233
Mouse Óptico Alta sensibilidade 800 dpi design ergonômico com scroll plug & play plug usb Acompanha bolsa peso: 0.055 kg
Mouse Óptico Alta sensibilidade 800 dpi design ergonômico com scroll plug & play plug usb Acompanha bolsa peso: 0.055 kg
Ereictaquunte pa di omnis si omnis alibus de nosto beriore ptatior ectur, sitatur empora prae ea dis et que dolorum nume volorro erit quo dolorro dolliaerum nonetur aut quae conet atiam, apiet qui doluptaquam illentiamet ipsant ulparum, unt.Rat de accusda entiati usandam eaturit lam, consequaerci aperis quodi venecum eosam fugit ea andistios doluptatur aut mil ea et et voluptiorepe dollaboriam earum lis aut eosapie ndaectota sitatur, et iusam, conemqu atquame enda dit, te nobis ut quat et dolorum. Aximperum fugitatque simus volut aut il il everum unditatur adio. Otatus que pero tem es remporu ptibus et dolorum et eum volum illuptatur, sitaquatur sequi in con repuda as et, nostibus, alicia consent utae dollor si quis magnihiciis rerum rescietur modiciet quam quis dusandi tisquia consequo toraecerum accabo. Orpor aut ut ad magnieni assitint doluptat facepudipita debiti nectas inte volore voles nullant, se dit magnatur.
HS-Y658 HS-1767
KB-2428 design moderno e ergonômico compatível com Windows 98/ME/2000/nt/Xp/Vista teclado padrão Abnt2 teclas de gerenciamento de energia Acpi conector ps2 ou usb cores: preto e bege peso: 0.445 kg
MO-S233 Alta sensibilidade 800 dpi design ergonômico com scroll plug & play conector: ps2 ou usb cores: prata com preto / preto / prata com Grafite peso: 0.080 kg
mouses
índice GAbinEtEs
03
tEclAdOs
04
MOusEs
05
MOnitOREs lcd
06
spEAkERs 2.0 E 2.1
08
WEbcAM
09
tAbElAs
10
Fácil instalação e manutenção Fabricado em aço galvanizado Em conformidade com Fcc - classe b Ventilação adicional (opcional) duto de ar lateral Fonte: pX-400RpE (20+4 pinos, ) cabo de força certificado pelo inMEtRO dimensões(mm): 412(A)x185(l)410(p) drive: 4 baias 5 1/4 (2 com cd door) 2 baias 3 1/2 externas 5 baias 3 1/2 internas placa mãe: AtX/microAtX portas i/O: 2 portas usb speaker Multimídia sp-3400A 1W+1W RMs dispositivos de entrada
Fácil instalação e manutenção Fabricado em aço galvanizado Em conformidade com Fcc - classe b Ventilação adicional (opcional) duto de ar lateral Fonte: pX-400RpE (20+4 pinos, ) cabo de força certificado pelo inMEtRO dimensões(mm): 412(A)x185(l)410(p) drive: 4 baias 5 1/4 (2 com cd door) 2 baias 3 1/2 externas 5 baias 3 1/2 internas placa mãe: AtX/microAtX portas i/O: 2 portas usb speaker Multimídia sp-3400A 1W+1W RMs dispositivos de entrada teclado multimídia kM-3428p Mouse óptico MO-s233p
37
Promocionais
aplicações
TAGS
elementos com USO promocional • Possibilitam formatos especiais.
AnĂşncio
38 propaganda
Institucional / PĂĄgina inteira
Acabamento com efeitos suaves para equilibrar as cores quentes, favorecendo o destaque do produto que sobre fundo colorido deve sempre ter um contorno branco. As fotos com pessoas devem ser colocadas dentro dos elementos circulares, tambĂŠm respeitando o contorno branco.
AnĂşncio
Varejo 1/2 pĂĄgina
39 propaganda
AnĂşncio 1 coluna
40 propaganda
Website
41 digital
Comportamento digital
comportamento digital • Podem ser utilizados efeitos comuns do meio digital, porém sempre respeitando as regras apresentadas. • Para os textos dinâmicos, pode-se substituir a Franklin Gothic por Arial.
No exemplo, a diagramação segue as especificações apresentadas para mídia impressa.
Banner online Regras de assinatura
Assinatura â&#x20AC;˘ Todos os banners devem começar com a assinatura aplicada no grafismo e permanecer 3 segundos, antes da proxima tela.
efeitos â&#x20AC;˘ Utilizar corte seco, sem efeitos de blur, fade ou sombras.
42 digital
k-mex.com.br