How well does it score?

88% average fidelity over 4 recorded runs. Best model: Claude 4.6 Sonnet. Weakest recorded run: 87% on Codex.

Are failures included?

No build failures are recorded for this prompt, and the log says so rather than implying every model succeeded elsewhere.

Concept render — composed live from this prompt's palette & layout. Reproducible with the library, not a stock screenshot.

Concept scene: Morph Blob — open in library →

SaaSBetaby Motif Studiopublished 2026-09-12

404 page with search field, popular links and brand mascot

Q: What does the 404 page with search field, popular links and brand mascot prompt produce?

A saas website with Mascot scene, Headline, Search field, Popular links, Home CTA. The vibe target is "self-aware, warm, useful" and the prompt body is printed in full on the page.

vibe: self-aware, warm, useful

intermediate — 5 blocks, 2 stacksany viewport≈ 95 lines generated (estimate)≈ 800 tokens to run (estimate)

prompt.txt — copy-paste ready

Paste into:

This is the text every run below was produced from. The other targets wrap it for a specific tool — same brief, different framing.

A 404 that turns a dead end into a door.
• Self-aware palette: the site's own tokens; the page admits the mistake in its headline.
• Mascot scene: one small animation of the brand mascot looking under things — static still for reduced motion, under 3 seconds, no loop.
• Headline: 'We looked; it's not here' — self-deprecating once, then useful.
• Search field: searches the real catalog index; results render inline below, announced.
• Popular links: the five most-copied components, data-driven, each with its name and kind.
• Home CTA: one button back to the catalog.
• The page returns a real 404 status, sets noindex, and never blames the visitor.

Palette tokens:#101014#F4F4F2#F2C94C#6B6B7B#1C1C22

revised 2026-09-12 — Bank-3 batch 3: palette tokens, component links, viewport and the retry guard added under items #52/#55/#57/#74.

Remix this brief:

— Lighter: same brief on a white ground with one accent kept.
— Denser: halve the whitespace and add a second content column.
— Playful: keep the structure, swap the display face and let one section animate on view.

Stacks shipped:Next.js ReactBlocks:Mascot sceneHeadlineSearch fieldPopular linksHome CTA

Components this brief typically renders:

Inline Search Highlight Walk →Empty-state Trio →Error Boundary Card →

Community:▶ Re-run this prompt ⤴ Submit a remix of it ★ Your saved listRe-runs are a labelled simulation; the run log on this page is the real record.

Local preview

Not a model run. A deterministic render of this brief's own stated blocks, palette and viewport — so you can feel the brief before copying it.

⚠ Before you run it, know this