Foundations · 04
Espaço.
Espaço é material, não vazio. A escala é fixa e progride por saltos perceptíveis.
Escala
space.xs
4px
Distância entre glifo e rótulo
space.sm
8px
Itens de lista e chips
space.md
16px
Interior de card compacto
space.lg
24px
Interior de painel
space.xl
40px
Distância entre blocos
space.2xl
64px
Margem lateral do conteúdo
space.3xl
96px
Separação entre seções longas
Ritmo vertical
- Título de seção recebe 52px acima e 18px abaixo.
- Parágrafos seguem 16px de separação.
- Blocos não textuais respiram 40px acima e abaixo.
- Não existe espaçamento improvisado fora da escala.