How well does it score?

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

LegalBetaby Motif Studiopublished 2026-09-12

Legal pages with anchored TOC and effective-date banner

Q: What does the Legal pages with anchored TOC and effective-date banner prompt produce?

A legal website with Document header, Effective-date banner, Anchored TOC, Clause body, Contact. The vibe target is "documentary, exact, readable" and the prompt body is printed in full on the page.

vibe: documentary, exact, readable

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

prompt.txt — copy-paste ready

Legal copy a person can actually read.
• Documentary palette: white, ink, no accent colour — this page is not selling anything.
• Document header: document name, version, effective date, and a printable line.
• Effective-date banner: when the terms changed in the last 90 days, a dated banner summarising what changed, linked to the clause.
• Anchored TOC: every section anchored; the TOC tracks position on long documents; anchors survive printing.
• Clause body: 70ch measure, numbered clauses, defined terms capitalised and listed once; a plain-language summary sentence under each section heading, clearly marked as summary.
• Change log: a table of clause-level changes with dates.
• Contact: the real address for questions. No dark patterns, no scroll-jacking, print styles included.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#FFFFFF#1A1A1A#6B7280#4B5563#F5F5F4

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:Document headerEffective-date bannerAnchored TOCClause bodyContact

Components this brief typically renders:

Table of Contents Spine →Breadcrumb Trail →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