Did-You-Mean Search 404

A help centre's 404 that works out what you meant: it reads the broken address, compares it with every article slug and offers the closest one ('one letter out'), then gives you an accessible type-ahead search over all fourteen articles with highlighted matches and keyboard navigation.

What's inside

01
Not found with a guess
fade
02
Help search
none
03
Popular articles
none

How to use it

From prompt to a live page.

01
Try the page
The preview is the shipped page: one job, one mechanic, every state wired. Scroll, type, click.
02
Pick a palette
Token sets re-tint the page live. The prompt carries the one you chose.
03
Pick your stack
Single HTML, or the route your framework keeps for this job: not-found page, auth route, pricing route.
04
Copy the prompt
It quotes the page block by block with the tokens, the motion script and the rules.
05
Wire it up
Swap the placeholder copy, point the form or the countdown at your backend, keep the structure.