Back to top Close
Typography system with heading hierarchies, body text sizes, font families, and text formatting options. Includes responsive sizing specs for desktop and mobile.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?
94px / 52px
62px / 36px
56px / 32px
48px / 28px
36px / 24px
30px / 20px
26px / 18px
Body XXS. Fox jumps over the lazy dog quickly.
8px / 6px
Body XS. Fox jumps over the lazy dog quickly.
10px / 8px
Body SM. Fox jumps over the lazy dog quickly.
14px / 10px
Body MD (default). Fox jumps over the lazy dog quickly.
18px / 14px
Body LG. Fox jumps over the lazy dog quickly.
22px / 18px
Body XL. Fox jumps over the lazy dog quickly.
28px / 22px
Body XXL. Fox jumps over the lazy dog quickly.
32px / 26px
20px / 15px
Link: Link example
const code = Preformatted "mono" text type for code examples;