Fundamentos
Espaçamento (base 4px), radius e sombras. Fonte: brand/tokens/spacing.css.
Espaçamento
- space-14px
Micro gaps, icon padding
- space-28px
Tight stack, chip padding
- space-312px
Control padding
- space-416px
Default inset
- space-524px
Small section gap
- space-632px
Card padding / stack
- space-748px
Section gap
- space-864px
Page block
- space-996px
Hero / major separation
Cantos
8
control
Small controls
12
card
Controls and common cards
16
panel
Panels
24
surface
Large surfaces
circular
full
Avatars and round elements
Sombras
Light lift for resting controls/cards — theme-aware via CSS
subtle
Controles e cards em repouso. Tema-aware.
elevated
Modals, popovers, strong floating panels — use sparingly