How well does it score?

86% average fidelity over 4 recorded runs. Best model: Claude 4.6 Sonnet. Weakest recorded run: 85% 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: Grid Drift — open in library →

FoodBetaby Motif Studiopublished 2026-09-12

Bakery order page with box builder and pickup picker

Q: What does the Bakery order page with box builder and pickup picker prompt produce?

A food website with Hero, Box builder, Allergen notes, Pickup picker, Order summary. The vibe target is "butter-warm, hand-lettered, generous" and the prompt body is printed in full on the page.

vibe: butter-warm, hand-lettered, generous

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

prompt.txt — copy-paste ready

An order page that smells like the counter.
• Butter-warm palette: cream, brown-sugar ink, raspberry accent; hand-lettered display font for the masthead only.
• Box builder: three box sizes (4/6/12); clicking an item card fills the box, the count is visible and capped, overfill is prevented not punished.
• Allergen notes: per-item letters (N, G, D) with a legend that stays visible while browsing.
• Pickup picker: date then time-slot, sold-out slots disabled with a reason, lead-time rule printed ('48 hours for custom').
• Order summary: a rail that totals as you build; the total is a real sum, not a promise.
• No cart dark patterns: the summary is always visible, editing is one click away.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#FBF3E6#3B2A20#C24E67#8C6D4F#E9DFCB

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.jsHTMLBlocks:HeroBox builderAllergen notesPickup pickerOrder summary

Components this brief typically renders:

Quantity Stepper →Date Presets Picker →Changelog Feed →

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