Design tokens

Espaçamento

Densidade0.250rem · 4.00px
Escala derivada (1x a 16x)
1x4px · 0.250rem
2x8px · 0.500rem
3x12px · 0.750rem
4x16px · 1.000rem
6x24px · 1.500rem
8x32px · 2.000rem
12x48px · 3.000rem
16x64px · 4.000rem
Aplicado num card
Título do cardPadding 16px · gap interno 4px
AçãoCancelar
designalienui.app
Item umgap
Item doisgap
Item trêsgap

Unidade de espaçamento atual: 0.25rem (padding e gap acima usam múltiplos dela)

Compacto (0.2rem)
Espaçoso (0.375rem)

Mais denso vs. mais espaçoso da escala, lado a lado

Modo do preview:
Simular visão: