Subtitle

Body-size muted text below headings. Max-width constrained for readability.

3 tokens

Preview

Subtitle — body-size muted text below a heading, kept to a readable width.

import { Subtitle } from '@/components/marketing/heading'

<Subtitle>Body-size muted text below a heading.</Subtitle>

This component reads these tokens directly: change one on a Foundations page and it updates here and across the site.

Body--ds-body

1rem

Text muted--ds-text-muted

#6B7280

Font family--ds-font

var(--font-geist-sans), 'Geist', system-ui, sans-serif