Pack my box with five dozen liquor jugs and bring them quickly.
The real component at real size (title 64px desktop / 36px mobile). The only concession: as="h2", since this docs page's h1 is the title above; in real use the title is always h1.
Anatomy
Element
Family
Size
Required
Metadata
Georama
14px / 400, secondary
No
Title (h1)
Aleo
64px / 500 → 36px mobile
Yes
Lead
Aleo
28px / 400 → 22px mobile
No
Hero image
n/a
Full width, radius 4px
No
Props
Prop
Type
Note
title
string
Required
lead
string
Optional. One paragraph at most.
metadata
string
Optional
heroImage, heroAlt
string
Optional
as
'h1' | 'h2'
Default h1. h2 only where an h1 already exists (like this page).
Variants
Variant
Example
Title only
Listing pages
Title + lead
About page
Title + metadata
Article without hero
Title + metadata + hero
Article with a featured image
Constraints
One per page.
Title always h1.
Lead one paragraph at most.
No CTA buttons. No back link.
Decisions
Decision
Why
Metadata above the title
Context before the heading
No back link
NavPill handles it. Back links waste valuable space.