Layout

Typography

Heading scale, body text, and font family.

Heading Scale

Heading 1 — 36px / 900

Heading 2 — 28px / 800

Heading 3 — 22px / 700

Heading 4 — 18px / 700

Heading 5 — 16px / 600

Body Text

Body — 16px — Primary text for main content

Body Small — 14px — Secondary descriptions and labels

Caption — 13px — Muted helper text and captions

Overline — 11px — Uppercase category labels

Font Family

Nunito — Variable weight 200–1000. Used across all PulseSync products.

Usage

/* Font family token */
font-family: var(--ps-font-family);

/* Nunito variable weight 200-1000 */
.title  { font-weight: 900; font-size: 28px; }
.body   { font-weight: 500; font-size: 16px; }
.muted  { font-weight: 500; font-size: 13px; color: var(--ps-text-muted); }