13.12

404

The page shown when a visitor reaches a URL that does not exist. Not a dead end. A recovery surface, a brand moment, and a product demonstration in one.

H3 · 404
H3
404 error page
Off-nav Brand
What it is

The page shown when a visitor arrives at a URL that does not exist. The FT 404 is the right reference: it treats a wrong turn as an opportunity to deliver something worth the detour. Visualist's 404 does the same, with the added dimension of Vai: a visitor who cannot find what they are looking for can ask Vai directly. Recovery, brand expression, and product demonstration in one surface.

When to build or update

Build once before launch. Update when the Vai integration changes, when the nav structure changes, or when the featured content needs refreshing. Review quarterly. A well-maintained redirect strategy means most visitors never see it; that is not a reason to let it decay.

Visitor state

Momentarily disoriented. They expected to find something and did not. The first job is to acknowledge that clearly: one sentence, no technical language. The second job is to give them value before they leave. A visitor who asks Vai a question on the 404 page is now engaged, not lost.

Content structure
Visual treatment. Soft icons as the primary visual element. A loose, generous arrangement of soft icons from the Visualist library against a Cotton or Parchment background. Not a logo. Not a hero image. The soft icons carry the brand warmth without demanding attention.
Acknowledge the error simply. One short line. "This page does not exist" or "We lost this one." Tartuffo at display scale. Not dramatic, not apologetic.
Mini Vai prompt. A conversational input below the error line: "What were you looking for?" Vai responds with relevant Visualist pages, product areas, or content that matches the query. For visitors who cannot find it manually, this is faster than nav-browsing and demonstrates Vai in a genuinely useful moment.
Recovery links. Below the Vai prompt: three or four direct links covering the most common visitor needs. Homepage, Product, Solutions, Pricing. Not a full nav. A shortcut layer for visitors who prefer not to type.
Full nav and footer present. The site navigation is intact. The visitor is never trapped on the 404 page.
Mini Vai specification
Prompt. "What were you looking for?" Single input field. Plain Roobert placeholder text.
Response behavior. Vai returns one to three links to the most relevant pages on the Visualist site based on the query. It does not give a conversational answer: it gives destinations. "Looking for moodboarding? Here are a few places to start:" followed by links.
Fallback. If Vai cannot find a relevant match, it returns the homepage and a contact link. It does not return an error inside an error page.
Attribution. A small "Powered by Vai" label below the response. Subtle. This is a product demonstration, not a product announcement.

The 404 page is one of the few Visualist surfaces where a visitor who has never heard of Vai encounters it in use. The interaction is short, practical, and useful. That is the best possible Vai introduction: not a feature explanation, but a demonstration. Design the mini Vai experience to the same quality standard as the rest of the product.

Example pages
Slug Page title
/404Page not found · Visualist