Design preview · not yet built

Support surfaces, in the same shell — Wishlist, Feedback, Support, FAQ, About, Legal

Support destinations — Wishlist, Feedback, Help, Legal.

SizePortrait scrolls 375 · sideways is a slide deckNotes
Design brief — overview · scope · journey (closed)

The six support surfaces restyled into the locked shell language — content pulled from the real pages and mechanisms, one frame per surface, light treatment.

sidebar = variant B (locked)Support/FAQ/About today = external links, not in-app pagesWishlist/Feedback/Legal = real shipped routes

The widths drawn here are samples of a fluid continuum, not the only states that exist — content (spacing, type, gaps, card/column widths) scales continuously between them, each clamp reading a named container. Structure (rail, row↔stack, grid columns) steps only at sm 640 · md 768 · lg 1024; radius, hairlines, and pills never scale. Kit: design-canon.md U8.

Reading order in this document: § Desktop journey first — every desktop frame, full flow, journey order — then § Mobile journey — 375 below it — every mobile frame, same order, laid out side by side as a wrapping grid (never a tall single-file column of phone screens). Two sections, never interleaved — a review-document convention only (this repo's design-canon.md § Mockup review reading order). Mobile 375px is still designed and scored FIRST in the /design ritual (kit canon U5/U8) — the two rules never conflate.

Part I · Active — build now
Wishlist
MystFloPlatform Preview
· peyton@mystflo.com
Workspace
Support
Account
Wishlist
Tell us what you’d want an assistant to do. We’d love to build it.
What should it do?
Tell us about the assistant you’d like to see. What problem would it solve? How would it work?
0/10,000 characters
⊕ Attach a screenshot — drag in or click (optional)
onboarding-confusion.png  × waitlist-idea.png  ×
Submit idea
Wishlist — WishlistPage.tsx, real route /wishlist
  • One breathing composer: idea text + optional screenshot attach as chips — no tabbed upload flow.
  • Guests: same box; attach row reads “Sign in to attach screenshots” → central guest gate.
  • Success + rate-limit states exist in code, not drawn (light treatment).
768 not yet drawn for this flow. Desktop and 375 are the contract.
This step is 1180. No 375 drawing — use the Desktop size.
Feedback
MystFloPlatformPreview
· peyton@mystflo.com
Workspace
Support
Account
Feedback
Share your feedback with us. We’d love to hear about your experience.
General platform feedback
Assistant-specific feedback
AssistantOn-Brand Support ▾
Your feedback
Tell us about your experience, suggestions, or issues…
0/10,000 characters
Screenshots (optional)
https://example.com/image.png×
+ Add another URL
Submit feedback
Feedback — FeedbackPage.tsx, real route /feedback
  • Feedback type = bounded radio (general vs assistant-specific), never free text; assistant picker only for the latter.
  • Guests: disabled static preview.
  • No activated assistant → shared typographic empty state (“Activate an assistant first”), not drawn.
768 not yet drawn for this flow. Desktop and 375 are the contract.
This step is 1180. No 375 drawing — use the Desktop size.
Help
MystFloPlatformPreview
· peyton@mystflo.com
Workspace
Support
Account
Support
Message us on WhatsApp. Real humans, not a generic auto-reply.
You’ll be chatting with Peyton and the MystFlo team directly — on the same WhatsApp you already use.
What’s this about?
Something broke Billing Setting up an assistant Something else
Continue on WhatsApp →
Have an idea instead of a problem?Share your wishlist →
Support — proposal, not shipped; today a wa.me deep-link (buildSupportWhatsAppUrl, userFriendlyErrors.ts)
  • No in-app Support page today — sidebar item + HelpFAB open WhatsApp directly, prefilled topic + user-id tag.
  • Frame keeps that mechanism: bounded topic quick-select (not free text) feeding the same WhatsApp handoff.
  • Gives the bare external redirect a proper landing surface.
MystFloPlatformPreview
· peyton@mystflo.com
Workspace
Support
Account
FAQ
Answers pulled straight from mystflo.com — same copy, in-app.
What it is
What is MystFlo?
MystFlo gives solo founders pre-built assistants that run their operations 24/7 — taking bookings, chasing payments, answering support — across the tools they already use. Not humans, not generic auto-replies. Each assistant runs on a Brain that knows how your business works and sounds like you. Pay per run, pause anytime.
Do I need technical skills?
How long does setup take?
Pricing & what it costs
How does pricing work?
Can I pause or stop anytime?
Trust & principles
What happens if something breaks?
How do I get help?
FAQ — proposal, not shipped; today an external anchor to mystflo.com/#faq
  • Content real: mystflo-website faq.ts — 7 groups, “What it is” through “Trust & principles”.
  • Flat hairline-row accordion groups, one row expanded — not the marketing site’s card layout.
MystFloPlatformPreview
· peyton@mystflo.com
Workspace
Support
Account
About MystFlo
Assistants that do the work. A Brain that makes them yours.

We upgrade founders and small teams who have traction but no repeatable system — the work already works: people apply, book, and pay — but it runs on memory, a messy inbox, and half-documented steps.

Pre-built assistants that run your operations on your business’s rhythm — every launch, season, or drop. Set up once. Reuse it or fork a variant next cycle. Start, pause, resume anytime; pay only when it runs.

“A VA takes weeks of training before they’re useful — and when they quit, the knowledge walks out. MystFlo keeps the knowledge in the Brain. Teach it once; it doesn’t churn, doesn’t need managing, doesn’t forget.”

Focus on your craft. Let assistants handle the rest.

About — proposal, not shipped; today an external link to mystflo.com
  • Copy quoted verbatim from playbook §1 (one-liner, ICP, positioning, VA-comparison, promise) — not invented.
  • Single 660px readable column, not the marketing site’s hero layout.
  • No longer a rail destination — reached only via the app footer’s “About” link, not the sidebar.
768 not yet drawn for this flow. Desktop and 375 are the contract.
This step is 1180. No 375 drawing — use the Desktop size.
MystFloPlatformPreview
· peyton@mystflo.com
Workspace
Support
Account
Privacy Policy and Terms of Service
Last updated April 18, 2026
Privacy policy
1. Introduction
2. Information we collect
4. Data storage & security
6. Data retention
7. Your rights
+ 7 more sections
Terms of service
14. Service description
16. Payment & billing terms
18. Credential storage & security
25. Governing law & disputes
27. Contact information
+ 10 more sections
2.8 · Knowledge base content (RAG)
support@mystflo.com · MysticFlo Technologies Sdn. Bhd.
Legal — LegalPage.tsx, real route /legal (shipped)
  • Real 27-section Privacy + Terms with two-column TOC + anchor jumps.
  • Restyled from prose/prose-invert into flat hairline-row TOC + single 660px reading column.
  • Section 2.8 (Knowledge base / RAG) shown as real excerpt — proves the type ramp at legal-density copy.
  • No longer a rail destination — reached only via the app footer’s “Terms”/“Privacy” links, not the sidebar.
768 not yet drawn for this flow. Desktop and 375 are the contract.
This step is 1180. No 375 drawing — use the Desktop size.
Part II · Future — build later
No deferred items — everything above is the current build.