Fork Door - Diagonal Duotone
The chosen entry gate for /start. A full-screen diagonal split: teal Learning Lab wedge on the left, gold Creator Studio wedge on the right. The seam slides on hover or tap to reveal the active side, with a J-monogram seal at the divider and a per-side CTA. Dim at rest, one side fully active at a time.
Open mockupPhase 24
Front-Door Fork Route
Diagonal duotone split at /start. Teal Learning Lab wedge vs. gold Creator Studio wedge with animated seam and J-monogram seal. Finalized as the chosen entry concept.
Phase 31 (browse)
Learning Lab Browse + Filter + Search
Full-width image-heavy catalog with type filter chips, category pills, keyword search bar, results grid, and empty search state.
Phase 31 (detail)
Offer Detail Page
Full route /learn/offers/slug with cover image, creator info, type-specific content preview, Buy Now CTA, aggregate rating, and reviews.
Phase 30 (library)
My Library
Image-heavy grid of owned offers with access buttons, post-checkout "Finalizing..." polling state, and empty library state.
Phase 30 (fulfillment)
Per-Type Fulfillment Screens
Four distinct fulfillment views behind the entitlement gate: Cloudflare Stream video, presigned download, Cal.com booking embed, experiment kit enrollment.
Phase 34
Ratings and Reviews
5-star selector write form visible only to entitlement holders, aggregate star bar, individual review cards, and empty / non-buyer block states.
Phase 26
Stripe Connect Onboarding
Not-started, 3-step progress, pending, and enabled states inside Creator Studio sidebar. Gates the Publish button until charges_enabled is true.
Phase 29
Offer Composer - All Four Types
Per-type composer variants (masterclass, digital product, coaching, experiment kit) plus draft and published state transitions and the Connect-gate interstitial.
Phase 33
Creator Studio Dashboard
Established creator sees earnings summary and offer performance table. Free user hits a welcome screen with Start Selling CTA leading to Connect onboarding.
Phase 28
Refunds and Payouts
Buyer initiates a refund which revokes entitlement. Creator payout summary card and Stripe Express deep-link. Admin order management panel.
Phase 35
Physical Products
Physical offer composer with inventory fields. Checkout with shipping address step. Creator order management with Mark as Shipped. Buyer order tracking in My Library.
Phase 23
Free-Tier + Access Boundary
Public free signup for a Joy Seeker account. Gate modal shows which tier unlocks content with upgrade CTA to /app/settings. No credit card at signup.
Phase 27
Checkout + Entitlements
3-step buyer checkout ending at Stripe-hosted Payment Element. Post-purchase "Finalizing..." entitlement polling. Success redirect to My Library with the new offer highlighted.
Phase 32
Featured Shelves and Recommendations
Admin shelf manager with drag-to-reorder and platform-fee setting. Learning Lab home with horizontal scroll shelf rows. Archetype-personalized recommendation section for signed-in members.
Phase 25 - Skipped
Marketplace Schema Migration
Pure backend. Publishes all new marketplace tables atomically via CI. No user-facing surface; no mockup needed or appropriate.