text
Typography primitive that decouples style from semantic tag. Pick a visual variant (display, h1–h4, lead, body, small, muted, eyebrow, code) and optionally override the rendered tag with `as`. Use `tone` for default | muted | subtle colour.
Astro sites, built for AI agents.
The full type scale, in one component.
Section heading at h2 size.
Card title at h3 size.
Compact heading at h4 size.
A larger paragraph for intros and ledes — sits between a heading and body copy.
Body copy. Default size, optimised for long-form reading at comfortable line height.
Smaller copy for captions, footnotes, and metadata.
Muted copy — same scale as small, dimmer colour for de-emphasis.
Section eyebrow
npx astro-ignite Same display style, semantic <p> tag.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Body copy. Default size, optimised for long-form reading at comfortable line height.
Body copy. Default size, optimised for long-form reading at comfortable line height.
Body copy. Default size, optimised for long-form reading at comfortable line height.