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 !@#$%^&*()_+-=[]{}|;':",./<>?
77px / 44px
61px / 37px
51px / 31px
41px / 26px
31px / 20px
26px / 17px
22px / 15px
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
18px / 15px
Link: Link example
const code = Preformatted "mono" text type for code examples;