01 · brand colors
orange#FF5524
sage#D7E8C8
studio#482216
sand#DAD5BA
cream#FBFCF3
black#1A1A17
02 · surfaces · 5 layers
sunken#2A140A
base#361A0F
section#482216
raised#5A2D1E
elevated#6E3A28
03 · text · 4 níveis
primaryHyve DS verdade canon round 17
secondaryTokens, princípios, componentes alinhados
mutedGeist family única · zero Plus Jakarta
faintCAPTION · MONO · UPPERCASE
04 · typography · geist family
HYVE DS
Section heading canônica
Subsection refinada
Tipo sets the voice. Spacing sets the rhythm.
const tokens = parse(designMd)
05 · spacing · 8pt scale
sp-14px
sp-28px
sp-312px
sp-416px
sp-624px
sp-832px
sp-1248px
sp-1664px
06 · radius · 5 stops
sm · 8px
md · 10px
lg · 14px
xl · 18px
pill · 9999px
07 · shadows · skeu canon DF
card-skeu
card-hover
tactile