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
xs
Tarja, selo, kbd e barra de progresso
8
sm
Controles compactos e itens de menu
12
control
Botões, campos, selects e toggles
16
card
Cards e card de opção
24
panel
Painéis, mídia e carrossel
32
surface
Hero, CTA e painel de resultado
circular
full
Chip, badge, avatar, switch e trilhos
8
casa
Recorte do símbolo da casa
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