How well does it score?

88% average fidelity over 4 recorded runs. Best model: Codex. Weakest recorded run: 86% 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: Aurora Veil — open in library →

SaaSBetaby Motif Studiopublished 2026-09-12

Docs landing with sidebar tree and on-this-page rail

Q: What does the Docs landing with sidebar tree and on-this-page rail prompt produce?

A saas website with Sidebar tree, Prose center, On-this-page rail, Search field, Version banner. The vibe target is "documentation-crisp, calm, exact" and the prompt body is printed in full on the page.

vibe: documentation-crisp, calm, exact

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

prompt.txt — copy-paste ready

A docs shell that disappears behind the content.
• Documentation-crisp palette: white, ink, one blue for links only; code blocks with the copy button.
• Sidebar tree: three levels, collapsible groups, current section expanded; collapse state persists per section.
• Prose center: 70ch measure, headings with anchor ids, tables with captions, code with language labels.
• On-this-page rail: scrollspy over h2/h3, active item in weight not just colour; on mobile it collapses to a details dropdown.
• Search field: header-level, scope-hinted ('search the docs'), keyboard '/' focus.
• Version banner: a dismissible banner when viewing non-latest docs, remembered per session.
• Landmarks correct (nav/main/complementary); the shell passes the catalog's heading-order rule.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#FFFFFF#111827#2563EB#6B7280#F5F6F8

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:Sidebar treeProse centerOn-this-page railSearch fieldVersion banner

Components this brief typically renders:

Table of Contents Spine →Sticky Section Sub-nav →Inline Search Highlight Walk →

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