Território visual

Aqui, compilamos os elementos que constroem
nossa identidade visual, ou seja – como nossa marca
se apresenta através de imagem. Elementos como logo,
símbolo, cores, tipografia, ilustrações, estilo de fotografia etc.

img-visual

Logo

Nosso logo é nossa assinatura e, portanto, nosso principal ativo.

Deve ser aplicado com constância e destaque, para garantirmos a sua visualização e o seu reconhecimento.

logo

Aplicações

Sempre que possível priorize a aplicação em fundos brancos, onde o logo pode ser usado em sua versão principal.

aplicacoes

Símbolo

O símbolo é a condensação do nosso logo. Ele tem um caráter iconográfico da marca.

Ele pode ser usado principalmente em espaços reduzidos, como em favcons, bonés, perfis de redes sociais, etc.

symbol

Grid de construção
e área de proteção

Aqui encontramos a lógica gráfica do logo, alinhamento e espaçamentos.

Assim, estabelecemos um espaço de segurança, que não deve ter interferências gráficas.

Com isso, evitamos elementos na comunicação que possam dificultar ou confundir a visualização do nosso logo.

protecao

Iconografia

Com formas simples nossos ícones são leves e objetivos, prezando pela clareza da informação.

Pensando numa integração da comunicação com o produto, sugerimos o uso da biblioteca de material design.


Material designIconography:
https://fonts.google.com/icons

icons

Tipografia

Inter é nossa família tipográfica dedicada aos títulos. Ela tem uma elasticidade consistente, dando possibilidade de aplicações em diversas situações.

Nos paragráfos utilizamos a família Georama, uma tipografia que proporciona boa leitura e legibilidade.

Siga as diretrizes e mantenha a coerência hierarquica, para um uso harmônico desse elemento.

typo

Grafismos

Perspectiva

Grafismos de perspectiva é um elemento fundamental para nossas composições gráficas.

Os grafismos podem ser aplicados como elementos gráficos de fundo, ajudando a compor o layout, provocando a sensação gráfica de profundidade e perspectiva.

graph

Grafismos

Continuidade

Grafismos de continuidade são usados como complemento gráfico.

Os grafismos podem ser aplicados em diversas combinações, desde que respeite a ideia de continuismo.

2

Cores

Estas são nossas cores institucionais.

Nossas aplicações usam branco e dois tons de azul como cores principais, usando a proporção como guia para as construições gráficas.

Atenção para a escala de cor laranja, que atua como ponto de destaque nos layouts.

cores

Fotografia

Nossas fotografias são inspiracionais, nós retratamos o contexto de negócios de forma positiva e diversa.

Sempre que usar fotos preze pela diversidade de pessoas, priorize o uso de cenas coletivas.

Screen-Shot-2021-10-21-at-16.31.37

Ilustração

As ilustrações tem lugar de destaque em nosssas composições, sempre retratando o contexto de negócios em três abordagens.

 

1. Devices: ilustrações que mostram a ferramenta e seus benefícios, laptops, smartphones, etc.

2. Gestos: o uso de gestos manuais para sinalizar ações e reações.

3. Personagem: traz mais proximidade e conexão de forma linear.

 

Priorize o uso das ilustrações, para deixar o visual de nossas composições mais inclusiva.

Screen-Shot-2021-10-21-at-16.31.37

Todas as fotografias são meramente ilustrativas e não podem ser reproduzidas sem a devida autorização.

Brandbook criado por

bgym2