How well does it score?

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

WorkspaceBetaby Motif Studiopublished 2026-09-12

Co-working page with headcount slider and amenity grid

Q: What does the Co-working page with headcount slider and amenity grid prompt produce?

A workspace website with Hero, Plan comparison, Headcount slider, Amenity grid, Tour CTA. The vibe target is "daylight, organised, unstuffy" and the prompt body is printed in full on the page.

vibe: daylight, organised, unstuffy

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

prompt.txt — copy-paste ready

A co-working page that sells the desk, not the buzzword.
• Daylight palette: white, warm grey, one plant-green accent.
• Plan comparison: three plans (hot desk, dedicated, office) with sticky column headers and per-plan what's-included lists; the differences are readable in one row.
• Headcount slider: 1–20 people; the recommended plan highlights and the per-person price recalculates; the arithmetic is printed.
• Amenity grid: twelve amenities with icon + one line; 'extra cost' items are marked, not asterisked.
• Tour CTA: two slots style booking, response-time promise stated.
• The slider is keyboard-operable; plan highlight is announced; every price carries its VAT note.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#FFFFFF#20261F#3F7A4E#8B8F85#333B33

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.jsReactBlocks:HeroPlan comparisonHeadcount sliderAmenity gridTour CTA

Components this brief typically renders:

Slider with Live Ticks →Pricing Table — Three Plans →Comparison Slider →

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