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.