H1 — Poppins Bold, 48px, tracking-tight

Heading One

H2 — Poppins Bold, 36px, tracking-tight

Heading Two

H3 — Poppins SemiBold, 24px

Heading Three

Body — Poppins Regular, 16px

Body text uses Poppins at 16px with relaxed line height. This is the default for all paragraph content across the marketing site.

Lead — Poppins Regular, 18px

Lead text is used for hero subheadings and introductory paragraphs. Slightly larger than body, set in --sub colour.

Secondary — Poppins Regular, 14px

Secondary text is used for supporting content, descriptions, and metadata. Set at 14px in --sub colour.

Caption — Poppins Regular, 12px

Caption text at 12px for fine print, timestamps, and labels.

Section Tag — Poppins SemiBold, 11px, uppercase, 2.5px tracking

Section Tag

Monospace — Fira Code Regular, 14px

const site = await web60.build("my-business");