DEV
Theme & Colors
디자인 토큰 시각화
Colors
background
foreground
foreground-muted
card
card-hover
card-01
card-02
card-03
Borders
border
border-subtle
border-medium
border-strong
Typography Scale
text-xs (12px)
The quick brown fox jumps over the lazy dog
text-sm (14px)
The quick brown fox jumps over the lazy dog
text-base (16px)
The quick brown fox jumps over the lazy dog
text-lg (18px)
The quick brown fox jumps over the lazy dog
text-xl (20px)
The quick brown fox jumps over the lazy dog
text-2xl (24px)
The quick brown fox jumps over the lazy dog
text-3xl (30px)
The quick brown fox
text-4xl (36px)
The quick brown fox
Letter Spacing
tracking-tight (-0.025em) - SADHANA
tracking-normal (0) - SADHANA
tracking-wide (0.025em) - SADHANA
tracking-wider (0.05em) - SADHANA
tracking-widest (0.1em) - SADHANA
tracking-[0.15em] - SADHANA
tracking-[0.2em] - SADHANA
Font Weights
font-extralight (200)
font-light (300)
font-normal (400)
font-medium (500)
font-semibold (600)
font-bold (700)
Spacing Scale
4px
8px
12px
16px
24px
32px
40px
48px
64px
80px
96px
Border Radius
none
sm
md
lg
full