How well does it score?

89% average fidelity over 4 recorded runs. Best model: Claude 4.6 Sonnet. Weakest recorded run: 87% on GLM-4.6 (CN).

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-11

Law firm practice-area page with case-result counters

Q: What does the Law firm practice-area page with case-result counters prompt produce?

A legal website with Hero, Practice areas, Results counters, Process timeline, Consultation form. The vibe target is "serif, restrained, weighty" and the prompt body is printed in full on the page.

vibe: serif, restrained, weighty

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

prompt.txt — copy-paste ready

A firm page that reads like a letterhead, not a funnel.
• Palette: ivory, oxford-navy, brass accent; display serif for headings, humanist sans for body.
• Hero: firm name, one sentence of practice philosophy, city admitted-line.
• Practice areas: five areas as an index list — area name, one-line scope, representative matters count.
• Results counters: three count-up numbers (matters resolved, years, recovered) each with its 'results vary' disclaimer attached, not footnoted away.
• Process timeline: four steps from consult to resolution, one line each.
• Consultation form: name, matter type select, message, consent checkbox; every field labelled, errors inline.
• No stock imagery of gavels. The type carries it.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#F5F1E8#1F2A44#B08D3E#4A5568#2B2118

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:HeroPractice areasResults countersProcess timelineConsultation form

Components this brief typically renders:

Counter Stats Band →Vertical Timeline →FAQ Two-column →

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