Manual de Identidade Visual – Vexpor

Manual de Identidade Visual

VersĂŁo 1.0 | Outubro 2020

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 Vexpor 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

04

Usos Incorretos

19

Missão Visão Valores

04 04 04

Cores

20

Conceitos

05

Logo

06

Marca

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

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

06 07 08 09 10 11

14 15 16 17 18

Primárias Secundárias

20 21

Tipografia

22

Elementos gráficos

23

Aplicações

24

MARCA A

Vexpor

desenvolve

é

uma

empresa

exposições

que

virtuais

personalizadas e exclusivas para o negócio de seus clientes, feitas para facilitar a interação entre compradores e vendedores, focando no que é mais importante para fazer negócios e conta com empresas no Brasil e em mais de 60 países.

Seus

showrooms

possuem

perfis

robustos com ferramentas integradas que facilitam a geração de negócios, como chat multi-línguas, catálogos digitais, vídeos, fotos institucionais, e muito mais.

A missão principal da Vexpor é dar visibilidade às empresas participantes,

Missão

Oferecer visibilidade às empresas participantes, facilitando o contato com seus compradores em uma plataforma digital intuitiva e prática.

Visão

Ser referência entre as plataformas digitais de exposições sendo sempre a preferência de seus clientes.

Valores

Facilidade, Praticidade, Clareza, Eficiência, Visibilidade, Intuição, Personalização, Inovação e Tecnologia.

facilitando o contato com compradores.

04

CONCEITOS Para o logo da Vexpor, o design transmite o contexto onde a marca está inserida.

Linhas,

formas

e

cores

que

representam a tecnologia, inovação e meio digital foram aderidas ao logo

Inovador

Desenvolvido para representar uma marca digital forte e tecnológica.

para desenvolver uma composição sofisticada, clean e atual.

Tecnológico

Um logo atual e inovador para transmitir todos os valores e aspectos que a marca busca transparecer.

Sofisticado

O design transmite sofisticação em sua composição de formas e cores.

05

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

Logo

Símbolo

Lettering

06

LOGO Símbolo Para o design do símbolo, foram mesclados os elementos que remetem ao contexto tecnológico e de inovação como as linhas e formas simétricas, assimétricas e diagonais formando a letra V, inicial do nome da marca. A ideia de trabalhar o símbolo com gradientes foi para trazer essa sensação das nuances de brilho e luz das telas digitais. Também foi criada uma alusão com um sutil reflexo no “chão” do símbolo para que lembrasse um projetor, como se o símbolo estivesse sendo projetado em uma parede, o que faz associação direta ao contexto de exposição digital. Vale salientar que o símbolo também pode ser usado separadamente.

LETRA V

TECNOLOGIA

PROJEÇÃO

Símbolo

07

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

4x

x

2y

y

08

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

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

09

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.

1 cm

|

28 px

4 cm

|

114 px

3 cm

|

86 px

10

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 Vexpor. Sempre priorize as versões principais na maioria das aplicações.

Versão 01 – HORIZONTAL POSITIVA Principal

Versão 01 – HORIZONTAL NEGATIVA Principal

Versão 02 – VERTICAL POSITIVA Secundária

Versão 02 – VERTICAL NEGATIVA

Secundária

Versão 03 – POSITIVA Símbolo

Versão 03 – 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 e bordado.

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 aplicar gradiente.

Não desmembrar.

Não distorcer.

Não rotacionar.

Não aplicar filtros ou efeitos.

Não usar em outline.

Não aplicar sobre fundos ilegíveis.

CORES Primárias A paleta de cores da marca consiste na principal, que são as cores primárias, e a secundária, que são as cores de apoio. Ambas podem ser utilizadas em materiais gráficos no geral.

PANTONE

PANTONE

# FFFFFF

# 000657

000 C C M Y K

0 0 0 0

R 255 G 255 B 255

2758 C C M Y K

91 82 35 71

R 0 G 6 B 87

CORES Secundárias As cores secundárias estão presentes no símbolo e são complementares das cores primárias servindo como apoio à elas e são usadas no meio digital e papelaria.

PANTONE 2239 C

# 00FFBC C M Y K

96 0 57 0

R 0 G 255 B 188

PANTONE

PANTONE

# 40D7FF

# 4A7EFF

298 C C M Y K

80 0 7 0

R 64 G 215 B 255

2727 C C M Y K

79 53 0 0

R 74 G 126 B 255

TIPOGRAFIA A identidade tipográfica da Vexpor é 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.

Aa

Poppins Black

Poppins Bold

Aa

Aa

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

Aa

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

Poppins SemiBold

Poppins Medium

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

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

Poppins Regular

Poppins Light

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

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

Aa

Aa

22

ELEMENTOS GRÁFICOS O símbolo e as variações do logo 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 Priscca â&#x20AC;&#x201C; Brand & Design Studio