Components

Page title

The main h1 headline on every page. Geist, bold, tight tracking.

3 tokens

Preview

Page title

Usage

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

<PageTitle>Everything your school needs</PageTitle>

Tokens used

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

Font family--ds-font
var(--font-geist-sans), 'Geist', system-ui, sans-serif
Heading XL--ds-heading-xl
4.1875rem
Text primary--ds-text
#1E1E1E
    Page title — Design system — BentoSMS