Dark theme
TOKENS
Colors
Fonts
Letter Spacings
Line Heights
Font Weights
Font Sizes
Sizes
Spacing
Border Radius
Text Styles
Layer Styles
PLAYGROUND
Typography
Color Contrast
Playground / Typography
Write type-safe styles with ease using Panda CSS
font Size
xl (3rem)
l (2rem)
m (1rem)
s (0.9rem)
xs (0.75rem)
root (m)
article (m)
letter Spacing
font Weight
normal (400)
heading (300)
bold (800)
line Height
base (1.5)
heading (1.1)
code (1.3)