Foundations
Typography
WunderUI uses Inter and Tailwind's default type scale, plus three small sizes for dense UI: 10 and 11 px for captions, badges and keyboard hints, 13 px for secondary labels.
Display
The quick brown fox jumps over the lazy dog.
Weight: Bold / 700Font Size: 48pxLine Height: 48px
H1
The quick brown fox jumps over the lazy dog.
Weight: Bold / 700Font Size: 36pxLine Height: 40px
H2
The quick brown fox jumps over the lazy dog.
Weight: Bold / 700Font Size: 30pxLine Height: 36px
H3
The quick brown fox jumps over the lazy dog.
Weight: Semibold / 600Font Size: 24pxLine Height: 32px
H4
The quick brown fox jumps over the lazy dog.
Weight: Semibold / 600Font Size: 20pxLine Height: 28px
Body Large
The quick brown fox jumps over the lazy dog.
Weight: Regular / 400Font Size: 18pxLine Height: 28px
Body
The quick brown fox jumps over the lazy dog.
Weight: Regular / 400Font Size: 16pxLine Height: 24px
Body Small
The quick brown fox jumps over the lazy dog.
Weight: Regular / 400Font Size: 14pxLine Height: 20px
Caption
The quick brown fox jumps over the lazy dog.
Weight: Medium / 500Font Size: 12pxLine Height: 16px