Concept render — composed live from this prompt's palette & layout. Reproducible with the library, not a stock screenshot.
Concept scene: Liquid Glass — open in library →SaaSVerifiedby Motif Studiopublished 2026-09-09
SaaS onboarding — activation in one flow
vibe: clear, encouraging, momentum-forward
starter — 4 blocks, 2 stacks≈ 700 tokens to run (estimate)
prompt.txt — copy-paste ready
A signup-to-activation flow for a SaaS onboarding page — one page that walks a new user from account creation to their first invited teammate. • Layout: a single centred card with a three-step progress rail (Create account → Pick plan → Invite team). At most two inputs per step; the user should never feel interrogated. • Welcome moment: after signup, a warm checklist panel: 'Add your logo · Invite one teammate · Connect your domain' — each item shows a done state that can be faked for the demo. • Plan step: three compact tiers with an annual toggle; the free tier is never framed as a downgrade. • Invite step: email input with a preview chip of the invite that will be sent; 'skip for now' is a first-class button, not a text link. • Success state: 'Your workspace is ready' with the three next actions as cards — one primary, two quiet. • Motion: steps advance with a short slide; the progress rail fills once per completed step, nothing loops. • Reduced-motion respected; every step change announces politely to assistive tech.
Stacks shipped:Next.jsReactBlocks:Welcome checklistPlan stepInvite stepSuccess state
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
- Lowest score was GLM-4.6 (CN) at 88/100 — Solid layout; success screen needed one calmer CTA hierarchy.
- All models built cleanly on the first pass.
More prompts in this mood
Open prompt →
Dark SaaS launch page with aurora hero
dark, premium, minimal
FeaturedNext.jsHTMLReact
92/100 · 4 runsOpen prompt →
B2B integration marketplace with cert badges and webhook snippet
technical-clean, dense-but-ordered
BetaNext.jsReact
85/100 · 4 runsOpen prompt →
Changelog-as-marketing page with version filter and new tags
ship-log, candid, well-kept
BetaNext.jsReact
89/100 · 4 runs