Skip to content

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

starter4 blocks, 2 stacks700 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.