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: Morph Blob — open in library →

CareersBetaby Motif Studiopublished 2026-09-12

Job board with filter rail and salary-band histogram

Q: What does the Job board with filter rail and salary-band histogram prompt produce?

A careers website with Search hero, Filter rail, Listing list, Salary histogram, Alert CTA. The vibe target is "utilitarian, scannable, honest" and the prompt body is printed in full on the page.

vibe: utilitarian, scannable, honest

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

prompt.txt — copy-paste ready

A job board that respects the search, not the scroll.
• Palette: white, slate ink, one electric-blue accent for actions; salary figures never coloured.
• Search hero: keyword field, location field, one search button — no fake autocomplete.
• Filter rail: role level, remote/onsite/hybrid, salary range with two handles; applied filters are removable chips above the list.
• Listing list: rows — title, company with logo slot, location, salary band always shown (hidden salary is a red flag), posted date, easy-apply button.
• Salary histogram: the distribution of the current filter result, so the range slider is honest about the market.
• Alert CTA: one field, states its cadence ('max one email a day').
• The list is a real list; filters announce their result count; zero-results offers 'clear filters' first.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#FFFFFF#101820#2F6FED#64748B#24313F

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:Search heroFilter railListing listSalary histogramAlert CTA

Components this brief typically renders:

Tag Input →Slider with Live Ticks →Empty-state Trio →

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