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: Aurora Veil — open in library →

CompanyBetaby Motif Studiopublished 2026-09-12

Team page with hover bios, org grid and hiring band

Q: What does the Team page with hover bios, org grid and hiring band prompt produce?

A company website with Team hero, Org grid, Hover bios, Values row, Hiring band. The vibe target is "human, candid, well-lit" and the prompt body is printed in full on the page.

vibe: human, candid, well-lit

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

prompt.txt — copy-paste ready

Paste into:

This is the text every run below was produced from. The other targets wrap it for a specific tool — same brief, different framing.

A team page that sounds like the people it shows.
• Human palette: white, warm charcoal, one sun-yellow accent used sparingly.
• Team hero: one honest sentence about size and what the team does.
• Org grid: photo cards grouped by squad with squad labels; photos declare aspect ratios.
• Hover bios: bio panel appears on hover AND on focus — name, role, one human line ('joins from oceanography'), no inspirational adjectives.
• Values row: three values each with one line of proof (a thing that happened).
• Hiring band: open roles listed with location chips, each linking to the role, not a mailto.
• The grid is a list; bios are announced; nothing blinks.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#FFFFFF#2B2724#F2C94C#8A8378#1C1917

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.js HTMLBlocks:Team heroOrg gridHover biosValues rowHiring band

Components this brief typically renders:

Team Grid with Roles Filter →Team Spotlight Grid →Avatar Crowd Stack →

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.

Local preview

Not a model run. A deterministic render of this brief's own stated blocks, palette and viewport — so you can feel the brief before copying it.

⚠ Before you run it, know this