Pular para o conteúdo principal

Spacing Inset


cuidado

Atenção: Valores numéricos compostos não são reconhecidos pelo Figma.
Portanto, não é possível criar variáveis diretas com esses valores.
Paddings horizontais e verticais devem ser aplicados individualmente.


Inset Regular

O Inset Regular funciona como uma moldura interna no componente.
Deve ser usado sempre que o espaçamento entre o conteúdo e as bordas for igual em todos os lados.

Ele garante que o conteúdo não encoste no container, mantendo equilíbrio e legibilidade.

Tabela de Inset Regular


Squished Inset

O Squished Inset aumenta o respiro lateral e transmite sensação de centralização do conteúdo.
Nesse caso, os espaçamentos horizontal (esquerda/direita) são maiores que os espaçamentos vertical (topo/baixo).

Tabela de Squished Inset


Stretched Inset

O Stretched Inset é o inverso do Squished:
os espaçamentos verticais (topo/baixo) são maiores que os espaçamentos horizontais (esquerda/direita).

Tabela de Stretched Inset