Section · Heroes

Editorial / legal hero

Simple typographic introduction for press and policy content.

Component gallery

The section at every supported size.

Creates a restrained opening when the content, not an interactive product demonstration, is the primary subject.

Desktop1440 × 760
Live component specimen
Tablet900 × 680
Live component specimen
Mobile390 × 720
Live component specimen

Build recipe

Anatomy and content rules

Anatomy

  1. Section label
  2. Page title
  3. Short deck or effective date

Content checklist

  • Use one clear H1
  • Keep the deck under two lines
  • Do not add decorative cards

Composition guidance

Place it with compatible sections.

Works beside

Secondary navigationPress archiveLegal document body

Live usage

/media/privacy-policy/terms-of-service

Source reference

app/media/page.tsxapp/privacy-policy/page.tsxapp/terms-of-service/page.tsx