Foundations
Cor, tipo, espaço e densidade. Terracotta entra em botão e borda — não em parágrafo.
Cor
background
#0E0C0A
surface
#161310
surface-2
#1E1A16
foreground
#F4EFE8
primary
#E07A3D
success
semântico
warning
semântico
danger
semântico
info
semântico
Primary no botão, com texto escuro em cima. Em parágrafo o contraste não segura.
Tipo
IBM Plex Sans
Pedidos do dia · operação
Corpo 14–16px. O peso faz a hierarquia, não a cor de accent.
PED-1042 · Norte Log · R$ 1.240,00
Espaço
Escala de 4px: 4, 8, 16, 24, 32, 48, 64. Controles usam --control-h e --control-px.
4
8
16
24
32
48
Densidade
Comfortable (40px) e compact (32px). O header das docs troca no html; abaixo, os dois lado a lado.
comfortable
compact
Motion
120ms no hover e no press.