• Font sizes are REM based, with px estimations sizes are based on a 16px root font (the default for most browsers).
• The sizing scale is based on a 1.25 (Major Third) scale, rounded up or down to the nearest quarter (0.25) rem.
• Font sizing scales down automatically, but you can override sizing at each breakpoint with the breakpoint classes.

Font Sizing Scale

Desktop

• All H1 Headings - 3rem / 1.15 (48px)

• All H2 Headings - 2.5rem / 1.1 (40px)

• All H3 Headings - 2rem / 1.1 (32px)

• All H4 Headings - 1.5rem / 1.1 (24px)

• All H5 Headings - 1.25rem / 1.1 (20px)

• All H6 Headings - 1rem / 1.1 (16px)

• All Paragraphs - 100% / 1.35 (16px)

• Text xS - 0.75rem (12px)

• Text Small - 0.875rem (14px)

• Text Base - 1rem (16px)

• Text Medium - 1.25rem (20px)

• Text Large - 1.5rem (24px)