How well does it score?

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

EducationBetaby Motif Studiopublished 2026-09-11

Online course sales page with curriculum accordion and plan toggle

Q: What does the Online course sales page with curriculum accordion and plan toggle prompt produce?

A education website with Hero, Curriculum accordion, Instructor bio, Plan toggle, Guarantee band. The vibe target is "scholarly-warm, motivating, clear" and the prompt body is printed in full on the page.

vibe: scholarly-warm, motivating, clear

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

prompt.txt — copy-paste ready

A course page that respects the learner's scepticism.
• Scholarly-warm palette: cream, deep indigo, coral accent; display serif headings.
• Hero: outcome-first headline ('build X by week six'), instructor name, rating chip with its sample-size shown.
• Curriculum accordion: six modules, each with lesson list, per-lesson duration, and a free-preview tag on two lessons — the syllabus is the pitch.
• Instructor bio: photo, credentials, one paragraph in first person.
• Plan toggle: self-paced vs cohort with price change animated; what changes is listed, not implied.
• Guarantee band: 30-day terms in plain language with the refund link.
• No fake urgency: no countdown timers. Reduced motion honoured; tokens throughout.

Palette tokens:#F7F3EA#2E3170#F07C6C#6B6FA3#3A3532

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:HeroCurriculum accordionInstructor bioPlan toggleGuarantee band

Components this brief typically renders:

Upload Progress Ring →Disclosure List (Accordion) →Toggle with Label 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.

⚠ Before you run it, know this