Manual de Identidade Visual – Klica by PRIYS ✦ brand & design studio

Manual de Identidade Visual Versão 1.0 | Maio 2021

A identidade visual da marca é o conjunto de elementos visuais, tais como logo, cores, tipografias, formas, texturas, grafismos, ícones e fotografia. Estes elementos são combinados harmonicamente para transmitir, de forma coesa e coerente, os valores, princípios, posicionamento e diferenciais de uma marca perante seu público. Este manual é de consulta obrigatória e trata dos elementos gráficos e visuais da identidade da Klica e oferece exemplos da aplicação e implementação para garantir o uso correto da identidade nos meios digitais e impressos, orientando assim todos que serão responsáveis por sua gestão.

ÍNDICE

Usos Incorretos

Missão Visão Valores

04 04 04

Cores

Conceitos

Logo

Marca

Principal Construção Símbolo Proteção Redução Ícone Variações

Fundos Monocromáticos Positivo e Negativo Tons de Cinza Fotográficos

06 07 08 09 10 11 12

15 16 17 18 19

Primárias Secundárias

21 22

Tipografia

Elementos gráficos

Aplicações

MARCA A Klica é uma startup de marketing digital e de conteúdo voltada para empreendedores

pequenas

médias empresas que não possuem presença digital e/ou que buscam formas acessíveis de divulgar sua marca, produtos ou serviços, através dos

principais

atualidade.

canais

digitais

Missão

Facilitar o processo de produção e serviços de marketing digital para empreendedores e empresas de pequeno e médio porte.

Visão

Ser referência em facilidade de contratação, valores acessíveis e boa qualidade na produção de conteúdo e serviços de marketing de conteúdo para o público-alvo.

Valores

Praticidade, Facilidade, Acessibilidade, Inovação, Diferenciação e Confiança.

Qualidade.

CONCEITOS Para o logo da Klica, a ideia foi criar um design inovador, minimalista e que, ao mesmo tempo, criasse uma característica forte, remetendo-o à tecnologia e ao meio digital. O objetivo principal foi trabalhar a letra K para que sempre remetesse a uma seta, fazendo assim, o trocadilho com o nome da marca. A utilização de setas no geral e as do cursor do mouse foram as principais inspirações para o processo, juntando

Acessível

Desenvolvido para representar uma empresa acessiva que facilita processos de escolha, contratação, produção e entrega aos seus clientes.

Descolada

Um logo cool, divertido e inovador para transmitir todos os conceitos e valores da marca.

a letra K com o formato da seta para criar um símbolo único e original. Os

dois

quadrados

sobrepostos

abaixo, serviram para criar volume, assim remetendo a um formato de botão onde parecesse que o símbolo

Inovadora

Transmite um ar sofisticado, atual e tecnológico com linhas e formas consistentes.

estivesse clicando nele.

LOGO Principal Esta é a versão principal do logo que é composto por um símbolo e uma tipografia. Esta versão sempre deve ser priorizada nas aplicações e criações de materiais.

Logo

Símbolo

Tipografia

LOGO Construção O logo foi criado simetricamente com ajuste de kerning e tracking ótico.

1/4x 1/2x 3/8x

1/4x

LOGO Símbolo O símbolo foi criado simetricamente em uma malha construtiva com ajuste de tracking ótico.

LOGO Proteção O logo sempre estará rodeado por uma área de proteção separando-o de outros objetos, textos e elementos para que seja claramente identificado e não haja ruídos em sua leitura. Esse espaço deve ser mantido livre de todos os tipos de elementos gráficos e tipografias. A área de proteção é definida pela altura do símbolo, sendo assim:

= x

x 1/2 x

1/2 x

x x

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu

LOGO Redução A redução máxima é definida pelo menor tamanho que o logo pode assumir sem que sua legibilidade seja comprometida. Ela é determinada para garantir a leitura tanto em materiais impressos quanto em materiais digitais. O logo nunca deve ser menor dos apresentados abaixo.

0,5 cm

14 px

2 cm

56 px

1,5 cm

42 px

1,5 cm

42 px

LOGO Ícone Construção e aplicação do logo como ícone para aplicativo mobile.

80 px

60 px

40 px

80 px

60 px

40 px 11

LOGO Variações O logo é utilizado para representar a marca no mercado e em seus meios de comunicação e seu uso consistente irá desenvolver e estabelecer o reconhecimento da marca diante seu público. Logo abaixo estão as variações do logo da Klica. Sempre priorize as versões principais na maioria das aplicações.

Versão 01 – POSITIVA Principal

Versão 01 – NEGATIVA Principal

Versão 02 – POSITIVA Vertical

Versão 02 – NEGATIVA

Vertical

Versão 03 – POSITIVA Alternativa

Versão 04 – POSITIVA Símbolo

Versão 03 – NEGATIVA

Alternativa

Versão 04 – NEGATIVA

Símbolo

FUNDOS A utilização do logo em fundos é algo de extrema importância devido a legibilidade, harmonia e identidade cromática. Em razão disso, temos a seguir as versões nas quais o logo pode ser aplicado em fundos monocromáticos, preto & branco, tons de cinza e fotográficos.

Monocromáticos Podem ser utilizados onde não for possível aplicar a marca em sua versão principal.

5% Preto

15% Preto

30% Preto

40% Preto

50% Preto

80% Preto

90% Preto

100% Preto

Positivo e Negativo Podem ser utilizados em documentos impressos em p&b, impressão em relevo, bordado entre outros.

5% Preto

15% Preto

30% Preto

40% Preto

50% Preto

80% Preto

90% Preto

100% Preto

Tons de Cinza Também podem ser usados em documentos impressos em p&b ou quando não há possibilidade de confecção com cor.

Fotográficos As cores da identidade visual podem ser usadas para criar efeitos nas fotos e imagens. É importante sempre verificar o contraste entre o fundo fotográfico e o logo para não comprometer a leitura. Caso contrário, usar formas, grafismos, texturas, degradês e cores de apoio para criar uma composição legível.

USOS INCORRETOS Temos alguns exemplos do que não fazer com o logo. Estas regras garantem a legibilidade e devem ser respeitadas para todas as versões. Não alterar as cores.

Não inverter as cores de aplicação.

Não desmembrar.

Não distorcer.

Não rotacionar.

Não aplicar filtros ou efeitos.

Não usar a composição em outline.

Não aplicar sobre fundos ilegíveis.

CORES

PANTONE

Primárias

Violet C

A paleta de cores da marca consiste nas cores primárias e a secundárias, as quais são as cores de apoio. Todas as cores podem ser utilizadas em materiais gráficos no geral.

# 330099 C M Y K

99 98 0 0

R 51 G 0 B 153

PANTONE

# 9866FF

# 6736E4

2101 C C M Y K

64 64 0 0

R 152 G 102 B 255

2725 C C M Y K

81 77 0 0

R 103 G 54 B 228

CORES Secundárias As cores secundárias são complementares das cores primárias servindo como apoio à elas e também podem ser usadas no meio digital e papelaria.

PANTONE 1505 C

# FF6A00 C M Y K

0 69 94 0

R 255 G 106 B 0

PANTONE

# FFFFFF

# FF9933

000 C C M Y K

0 0 0 0

R 255 G 255 B 255

3588 C C M Y K

0 49 83 0

R 255 G 153 B 51

TIPOGRAFIA A identidade tipográfica da Klica é formada pela família Poppins. A Poppins é um fonte flexível que funciona muito bem, tanto no meio digital como no impresso. Ela possui excelente legibilidade e suas versões permitem aplicações dinâmicas e variadas. Somente as fontes dessa família e da família tipográfica secundária podem ser utilizadas no desenvolvimento de materiais de comunicação da marca.

A licença para uso da Poppins é gratuita. A tipografia pode ser adquirida no site: https://fonts.google.com/specimen/Poppins Lembramos que fornecê-la sem a compra é pirataria.

Poppins Black

Poppins ExtraBold

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

Poppins SemiBold

Poppins Medium

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

Poppins Regular

Poppins Light

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

ELEMENTOS GRÁFICOS O logo, o símbolo e todas suas variações podem ser utilizados para criar inúmeras padronagens e grafismos desenvolvendo composições dinâmicas e criativas nas peças gráficas para meio digital e impresso. Para este fim, não há regra que restrinja o uso do logo para criar apoios gráficos.

Desenvolvido por PRIYS – Brand & Design Studio