K-MEX - Manual de Identidade Visual

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