Design System In Company
Share
Explore
Design System

icon picker
Elementos

Definimos bases de elementos visuais que poderão ser utilizados e desdobrados nas peças gerais.

Botões

Seguiremos o modelo de botão (e CTAs) referente ao padrão que já é adotado em todas as BUs. O botão terá as bordas arredondadas, como no exemplo e na aplicação abaixo.

Prancheta 2.png
.
Prancheta 3.png

Selos

Recomendamos uso de "selos" para destaques pois é um elemento versátil. ⚠️ Atenção: verificar a legibilidade (cuidar com fontes pequenas e posição no layout).

Camada 3.png
. .
Frame (1).png

Marcadores

Recomendamos o uso de flechas para formato de bullet list, ou ainda, triângulos como indicadores.

image.png
image (1).png


Colagens
Faremos uso de colagens, no entanto, ainda criaremos um guia de DOs e DON'Ts ( 🛠️ em progresso) para esclarecer e indicar usos mais apropriados. Recomendamos de colagens que transmitam a sensação de movimento e dinamismo, mas que não recaiam em um tom informal.

Exemplos do que queremos


image (3).png
image (2).png

Exemplos do que NÃO queremos

A sobreposição de elementos, bem como o uso de ilustração interagindo com as peças, dá a impressão de um conceito mais lúdico, informal e até mesmo descontextualizado para o In Company.
image (4).png
.
image (5).png

Faixas

Adotaremos o uso de faixas como um direcional de composição. O conteúdo descrito na faixa deve ter relação com a temática do layout.

Prancheta 69.png
Prancheta 70.png

Grafismos


Exemplos do que NÃO queremos

Padronagem com triângulos
Seu uso incorreto para fundos ou backgrounds pode descaracterizar a marca.

image (6).png

Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.