Components

Headings

Page title, section heading, sub-heading, kicker and subtitle — the type scale used on every marketing page.

8 tokens

Preview

Usage

import { PageTitle, SectionHeading, SubHeading, Kicker, Subtitle } from '@/components/marketing/heading'

<Kicker>What schools are saying</Kicker>
<PageTitle>Everything your school needs</PageTitle>
<SectionHeading>Built for everyone in your school</SectionHeading>
<SubHeading>School administrator</SubHeading>
<Subtitle>Body-size muted text below a heading.</Subtitle>

Tokens used

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