How well does it score?

85% average fidelity over 4 recorded runs. Best model: Claude 4.6 Sonnet. Weakest recorded run: 84% 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 →

CivicBetaby Motif Studiopublished 2026-09-12

City service portal with collection calendar and report-issue form

Q: What does the City service portal with collection calendar and report-issue form prompt produce?

A civic website with Collection calendar, Waste-sorting accordion, Report-issue form, Alerts, Footer. The vibe target is "civic-blue, plain-spoken, trustworthy" and the prompt body is printed in full on the page.

vibe: civic-blue, plain-spoken, trustworthy

intermediate — 5 blocks, 2 stacksmobile-first viewport≈ 100 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 council page written for residents, not committees.
• Civic palette: white, civic blue, one amber attention accent; plain-language headings tested at reading level.
• Collection calendar: this week and next as two rows — bin colour as shape+label (never colour alone), next collection called out in a sentence ('Recycling, Thursday 6 am').
• Waste-sorting accordion: 'which bin does X go in' items, searchable, each answer one sentence with a why.
• Report-issue form: category select, location field, photo slot, contact optional; the response time is printed per category.
• Alerts: service disruptions as a dated list with clear-from/until, no red banner panic.
• AA contrast throughout; the calendar is a real table with a caption.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#FFFFFF#16324F#2E6FBA#D9A03C#243B53

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 HTMLBlocks:Collection calendarWaste-sorting accordionReport-issue formAlertsFooter

Components this brief typically renders:

Event Schedule List →Disclosure List (Accordion) →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