How well does it score?

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

SaaSBetaby Motif Studiopublished 2026-09-12

Two-product pricing comparison with sticky headers and tooltips

Q: What does the Two-product pricing comparison with sticky headers and tooltips prompt produce?

A saas website with Product toggle, Feature table, Sticky headers, Feature tooltips, CTA row. The vibe target is "comparison-fair, dense, honest" and the prompt body is printed in full on the page.

vibe: comparison-fair, dense, honest

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

prompt.txt — copy-paste ready

A comparison page a procurement team can screenshot.
• Comparison-fair palette: white, ink, the two products each get one accent used only in their column header and CTA.
• Product toggle: product A / product B / both (default both) — the table never reflows between states.
• Feature table: forty rows grouped by category; every row present for both products, 'not available' is written out, never a dash.
• Sticky headers: column headers stick under the nav; the category group header sticks above them.
• Feature tooltips: unclear terms (seat, MAU, workspace) carry tooltips defining the measurement; the definition is also printed for print readers.
• CTA row: per-column, with the price basis repeated ('per seat / month, billed annually').
• The table has a caption; tooltips are focusable; nothing hides behind hover alone.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#FFFFFF#111827#4F46E5#0E9F6E#6B7280

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:Product toggleFeature tableSticky headersFeature tooltipsCTA row

Components this brief typically renders:

Pricing Table — Three Plans →Comparison Slider →Split Button Menu →

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