Components

Section heading

H2 heading for major sections within a page.

3 tokens

Preview

Section heading

Usage

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

<SectionHeading>Built for everyone in your school</SectionHeading>

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 LG--ds-heading-lg
3.125rem
Text primary--ds-text
#1E1E1E
    Section heading — Design system — BentoSMS