Signature sections
Six sections that make a page feel made
Each works with keyboard and touch and has a reduced motion form.
1. Scroll story
A pinned photo stack that crossfades as you read
Sketch
Start on paper, where ideas are cheap.
Build
Turn the sketch into components and data.
Polish
Motion and detail, switched by one flag.
2. Drawn timeline
A process line that draws itself
Brief
What the page must do.
Content
Every word in one file.
Build
Prerender and check.
Ship
Deploy and verify the live page.
3. Reveal grid
Tiles that reveal on hover and focus
- A slow band of phrases
- Pauses on hover
- Static under reduced motion
- No statistics
5. FAQ search
Searchable questions with smooth accordions
3 questions shown
Can I turn motion off?
Yes. Set motion to false in the site definition and every effect stops. Reduced motion settings always win.
Does content hide before scripts load?
No. Reveal styles only apply once the head script confirms motion will run.
What happens if the form secret is missing?
The endpoint answers 503 and the page shows a fallback email. It never pretends to send.
6. Before and after
A comparison slider that works with arrow keys
