Brand Guidelines
O manual da marca tem como objetivo dar as diretrizes e as informações básicas de padronização e aplicação de branding que devem ser usadas a fim de garantir a consistência e não ferir a marca.
Logo
A marca pode ser aplicada tanto com o símbolo na sua versão Gradient quanto na versão Flat.
A marca com símbolo em gradient é a versão principal. A versão Flat é usada somente quando houver limitações técnicas de aplicação.
O uso das versões em preto e branco e uma cor são feitos apenas quando houver algum tipo de limitação técnica, como em impressões em cor única sem degradê, ou quando for difícil visualizar o logo por causa da cor do fundo em que ele é aplicado. De preferência, use sempre a marca em cor.
Exemplos do que não fazer:




- Não altere o desenho original ou qualquer elemento da marca
- Não crie nenhuma distorção da marca
- Não rotacione o símbolo em conjunto com o logo
- Não use a marca sobre fundos que atrapalhem a legibilidade
Redução máxima

Cores
As cores primárias reforçam a identidade visual da marca e devem ser usadas em maior proporção, enquanto as cores secundárias servem de apoio na composição.

A paleta de cores neutras tem um papel fundamental no uso de interfaces e elementos gráficos. Para cada tonalidade da cor neutra, há uma função e uso específico que busca respeitar princípios de legibilidade e acessibilidade.

Boas práticas
- Prefira o uso de fundo preto
- O uso das cores deve ser feito sem aplicação de sombras, texturas e degradês
- Só é permitido o uso de degradê quando o texto é aplicado sobre fotos

Evite usar o texto em azul no fundo preto, prejudicando o contraste. Nestes casos, é melhor usar o amarelo ou usar as cores secundárias.

Tipografia
A fonte TT Firs Neue deve ser usada em títulos, textos em destaque e displays. Use seu tamanho semibold.
A fonte General Sans deve ter usada na interface, para textos complementares ou mais extensos, como subtítulos e parágrafos. Não ultrapasse o peso semibold e evite os pesos light e extralight.


Fotografia
Usamos fotos que refletem o dia a dia do global worker na faixa etária dos 30 anos que trabalha em home office.
Valorizamos a diversidade e preferimos composições que mostrem plantas, pets, boa iluminação e outros elementos que fazem parte do lifestyle dessa pessoa.

Ícones
Use a biblioteca de ícones Lucide Icons como referência. Os ícones são ligeiramente arrendondados nos cantos e buscam o máximo de síntese. Seu uso pode ser feito dentro de círculos coloridos, como no exemplo abaixo.
Exemplos de aplicações


Redução máxima

Elementos
Use o globo e as setas nas composições. Você pode criar interações dos elementos (círculo, setas e globo) com as fotos.
Dê preferência ao fundo escuro. Use círculos e o globo como elemento de sobreposição nas imagens, como no exemplo abaixo.

Assets
Exemplos de aplicações











