Typography
Rules of typesetting throughout the system.
Example
ClassName
Usage
Heading 72
text‑[72px] leading‑[1.1] tracking‑[‑0.03em] font‑bold
Marketing heroes.
Heading 64
text‑[64px] leading‑[1.1] tracking‑[‑0.03em] font‑bold
—
Heading 56
text‑[56px] leading‑[1.1] tracking‑[‑0.03em] font‑bold
—
Heading 48
text‑[48px] leading‑[1.1] tracking‑[‑0.03em] font‑bold
—
Heading 40
text‑[40px] leading‑[1.1] tracking‑[‑0.03em] font‑bold
—
Heading 32 with Muted
text‑[32px] leading‑[1.2] tracking‑[‑0.02em] font‑bold
Marketing subheadings, paragraphs, and dashboard headings.
Heading 24 with Muted
text‑[24px] leading‑[1.2] tracking‑[‑0.02em] font‑bold
—
Heading 20 with Muted
text‑[20px] leading‑[1.3] tracking‑[‑0.01em] font‑bold
—
Heading 16 with Muted
text‑[16px] leading‑[1.3] tracking‑[‑0.01em] font‑bold
—
Heading 14
text‑[14px] leading‑[1.4] tracking‑[‑0.01em] font‑bold
—