How well does it score?

88% average fidelity over 4 recorded runs. Best model: Codex. Weakest recorded run: 86% on GLM-4.6 (CN).

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: Grid Drift — open in library →

MediaBetaby Motif Studiopublished 2026-09-11

Newsletter archive with preview pane and reading-time

Q: What does the Newsletter archive with preview pane and reading-time prompt produce?

A media website with Masthead, Issue list, Preview pane, Subscribe band. The vibe target is "typeset, archival, unhurried" and the prompt body is printed in full on the page.

vibe: typeset, archival, unhurried

starter — 4 blocks, 2 stacksmobile-first viewport≈ 80 lines generated (estimate)≈ 700 tokens to run (estimate)

prompt.txt — copy-paste ready

An archive that respects back-catalogues.
• Print-inspired palette: white, ink, one red masthead accent.
• Masthead: publication name, cadence ('Tuesdays'), issue count computed from the data array.
• Issue list: left column — issue number, subject line, date, reading-time (computed from word count); selected row indicated by a rule, not just colour.
• Preview pane: right column — issue summary, one pull-quote, 'read online' link; on mobile the pane becomes a slide-over.
• Subscribe band: one field, one promise ('one email a week, no sponsors'), no fake counts.
• The list is a real list; arrow keys move selection; the pane is announced.
• Retry guard: if the first build fails, the recorded fix was — the preview pane must become a stacked section under the list on small screens.
• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#FFFFFF#1A1A1A#C0392B#6B6B6B#EFEDE8

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:MastheadIssue listPreview paneSubscribe band

Components this brief typically renders:

Newsletter Band with Tiers →Breadcrumb Trail →Pagination with Ellipsis →

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