How well does it score?

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

Are failures included?

Yes — at least one run failed to build, and it is still on the run log with its notes.

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 →

FintechBetaby Motif Studiopublished 2026-09-12

Insurance quote funnel with progress and summary card

Q: What does the Insurance quote funnel with progress and summary card prompt produce?

A fintech website with Progress header, Three-step form, Coverage slider, Summary card, Submit. The vibe target is "steady, legible, unstressful" and the prompt body is printed in full on the page.

vibe: steady, legible, unstressful

intermediate — 5 blocks, 2 stacksmobile-first viewport≈ 100 lines generated (estimate)≈ 800 tokens to run (estimate)

prompt.txt — copy-paste ready

A quote funnel that doesn't rush anyone.
• Steady palette: white, deep navy, one calm green for progress; error states use text plus icon, never colour alone.
• Progress header: three named steps (About you / Your cover / Review) with current step announced; back is always available and never loses input.
• Three-step form: grouped fields with plain-language labels, inline validation on blur, autocomplete tokens on every personal field.
• Coverage slider: coverage amount → tier name and indicative price; the 'indicative' qualifier is printed next to the number.
• Summary card: before submit, everything entered in one readable card with edit links back to each step.
• Submit: one button, no dark patterns, the data note ('stored locally in this demo') is stated.
• Retry guard: if the first build fails, the recorded fix was — the summary card needs a max-height with internal scroll on short viewports.
• Craft floor: Reduced motion is honoured with a static branch.

Palette tokens:#FFFFFF#0C1826#12263F#2E8C5A#64748B

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.jsReactBlocks:Progress headerThree-step formCoverage sliderSummary cardSubmit

Components this brief typically renders:

Upload Progress Ring →Slider with Live Ticks →Inline Status Banner →

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.

⚠ Before you run it, know this