Design System
Colors
--background --foreground --card --muted --muted-foreground --border --code --code-foreground Typography
font-sans · Instrument Serif
Display heading
System font · body
The quick brown fox jumps over the lazy dog. Body text uses the system font stack for maximum readability and native feel.
font-mono · JetBrains Mono
const tokens = getDesignTokens();
console.log(tokens.colors);Spacing
Border-radius scale
sm
md
lg
xl
2xl