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 !@#$%^&*()_+-=[]{}|;':",./<>?
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?90px / 52px
72px / 44px
60px / 36px
48px / 30px
36px / 24px
30px / 20px
26px / 18px
Body XXS. Fox jumps over the lazy dog quickly.
10px / 8px
Body XS. Fox jumps over the lazy dog quickly.
12px / 10px
Body SM. Fox jumps over the lazy dog quickly.
14px / 12px
Body MD (default). Fox jumps over the lazy dog quickly.
16px / 14px
Body LG. Fox jumps over the lazy dog quickly.
20px / 16px
Body XL. Fox jumps over the lazy dog quickly.
24px / 20px
Body XXL. Fox jumps over the lazy dog quickly.
28px / 24px
Link: Link example
const code = Preformatted "mono" text type for code examples;