Fundação

Espaçamento

Múltiplos de 8px. O valor 4px existe apenas para micro-espaços dentro de componentes.

p-1 · gap-1 · m-1 4px: micro espaço dentro de chips e badges

p-2 · gap-2 · m-2 8px: espaço mínimo entre elementos

p-3 · gap-3 · m-3 12px: padding interno de chips, gap entre cards compactos

p-4 · gap-4 · m-4 16px: padding horizontal de página, padding interno de cards

p-6 · gap-6 · m-6 24px: espaço entre seções dentro de um card

p-8 · gap-8 · m-8 32px: separação entre seções de página