Design handoff · v1.0 (sealed)

App flows & screen specs.

The visual source-of-truth for the Mindknot iOS/Android app — every screen, every flow, palette and type baked in. Drop these mockups into the Claude Code handoff alongside the PRD.

Expo · React NativeSupabase + Edge FunctionsClaude · DeepgramRevenueCatPlus Jakarta Sans
Design system

Palette · Type · Motion

Colors (light mode)
Canvas
#FBF8F3
Background
Surface
#FFFFFF
Cards
Primary
#6C5CE7
Brand · Notes
Primary deep
#5A48D6
Pressed
Primary light
#8B7BF0
Gradient end
Action
#FF6B5E
CTA · dopamine
Success / Tasks
#1FC8A9
Done states
Feelings
#FFB020
Emotion accents
Text
#211E2A
Body
Hairline
#ECE7DE
Borders
Signature gradient
#6C5CE7 → #8B7BF0 · coral pulse #FF6B5E
Type · Plus Jakarta Sans
Display 32 / 700
H1 26 / 700
H2 21 / 600
Body 17 / 400–500
Caption 14 / 500
Shape & motion
  • • 4pt grid · card radius 22px
  • • Tap targets ≥ 56pt
  • • Spring transitions 300–400ms
  • • Respect prefers-reduced-motion
  • • Haptics: record start · success · check-off
Flow A

Flow A · First-run (deliver the magic before signup)

App opens → 3 swipeable value cards → try-it-now → first dump → Sorted Result. Auth only after the aha moment.

Mindknot
1. Splash
Warm brand load, no spinner anxiety.
9:41
􀙇􀛨􀛪
1 of 3

Too many tabs
open in your head?

You don't need to organize it.
Just spill it.

2. Onboarding 1 of 3
≤7-word headline, full illustration, skippable.
9:41
􀙇􀛨􀛪
3 free left
🎙️ Voice⌨️ Type

What's on your mind right now?

Listening
"ok so I have the deck due friday and I still need to call mom back and I'm kind of dreading the meeting tomorrow
Tap to stop · 0:23
3. Dump Capture
Voice-first. Live transcript. Free-dump counter.
9:41
􀙇􀛨􀛪

Untangling…

That was a lot, nice.
Sorting it out for you.

4. Processing
Signature unknot animation. Warm status lines.
9:41
􀙇􀛨􀛪
Just now
Tasks · 4FeelingsNote
Send Friday deck draft
now★ Today
Call mom back
now★ Today
Prep notes for 1:1
soon
Reschedule dentist
later
5. Sorted Result
Tabs: Tasks · Feelings · Note. Editable. Save reversible.
9:41
􀙇􀛨􀛪

Save your dumps.

So you can pick up where your brain left off.

By continuing you agree to Terms & Privacy.

11. Auth
Soft prompt only after Sorted Result.
9:41
􀙇􀛨􀛪
🔔

A gentle nudge
when your head feels full?

No streak shame. Just a small reminder
at a time that fits you.

Daily reminder
9:00 PM
12. Notification opt-in
Value-framed. User picks the window.
Flow B

Flow B · The core loop (Dump → Sorted)

From Home, tap Dump → record/type → Processing → Sorted Result tabs → Save to timeline.

9:41
􀙇􀛨􀛪
Sunday · May 24

Morning, Olivia

7
Start here
Send Friday deck draft
Call mom back
20-min walk
Recent
Yesterday · 9:42 pm
A lot stacked on Friday. The dread isn't the meeting, it's not knowing…
4 tasks3 feelings
Today
Tasks
Timeline
Insights
6. Home / Today
Today's 3, momentum ring, recent peek, FAB Dump.
9:41
􀙇􀛨􀛪
3 free left
🎙️ Voice⌨️ Type

What's on your mind right now?

Listening
"ok so I have the deck due friday and I still need to call mom back and I'm kind of dreading the meeting tomorrow
Tap to stop · 0:23
3. Dump Capture
Mic primed. Toggle to keyboard anytime.
9:41
􀙇􀛨􀛪

Untangling…

That was a lot, nice.
Sorting it out for you.

4. Processing
~2–5s. Never a cold spinner.
9:41
􀙇􀛨􀛪
Just now
Tasks · 4FeelingsNote
Send Friday deck draft
now★ Today
Call mom back
now★ Today
Prep notes for 1:1
soon
Reschedule dentist
later
5a. Sorted · Tasks
Priority chips. ★ Today. Edit-in-place.
9:41
􀙇􀛨􀛪
Just now
TasksFeelingsNote
overwhelmedtireda bit anxioushopeful
Reflection

A lot is stacked on Friday. The dread isn't the meeting. It's not knowing what's expected.

Gentle question

"What would make tomorrow's meeting feel 10% lighter?"

5b. Sorted · Feelings
Emotion chips + reflection + 1 gentle question.
Flow C

Flow C · Today's 3 (the focus)

Never more than 3 active priorities. Complete all 3 → confetti once/day.

9:41
􀙇􀛨􀛪
Sunday · May 24

Morning, Olivia

7
Start here
Send Friday deck draft
Call mom back
20-min walk
Recent
Yesterday · 9:42 pm
A lot stacked on Friday. The dread isn't the meeting, it's not knowing…
4 tasks3 feelings
Today
Tasks
Timeline
Insights
6. Home / Today
AI-proposed 3, swap any.
9:41
􀙇􀛨􀛪

Tasks

Start here
Send Friday deck draft
Call mom back
20-min walk
Later · 6collapsed ›
Prep notes for 1:1later
Reschedule dentistlater
Reply to landlordlater
Today
Tasks
Timeline
Insights
7. Tasks
Today's 3 pinned. 'Later' collapsed by default.
Flow D

Flow D · Timeline / Journal + memory

Past dumps as journal cards. Audio playback. 'On this day' callbacks. Memory references (Pro).

9:41
􀙇􀛨􀛪

Timeline

All#tasks#feelings
On this day · last year

"Maybe I should give myself more credit." Still true.

Today · 7:14 am

Morning stack. Friday deck, mom, walk.

3 taskscalm
Yesterday · 9:42 pm

The dread isn't the meeting, it's not knowing.

4 tasksanxious
Fri · 11:08 am

Brain went sideways during the standup again.

2 tasksscattered
Today
Tasks
Timeline
Insights
8. Timeline
Filter chips, 'on this day' banner, audio playback.
Flow E

Flow E · Weekly Insights (retention)

Sunday digest: themes, mood line, wins, one pattern, one encouragement. Shareable card → growth loop.

9:41
􀙇􀛨􀛪

This week

↗ Share

May 18 – May 24

Top themes
work overwhelmfamilysleep
Mood
Wins
17
tasks done
Pattern

You dump most on Sunday nights.

Note to you

You showed up even on the messy days. That counts.

Today
Tasks
Timeline
Insights
9. Weekly Insights
Pro feature. Free users see a teaser.
Flow F

Flow F · Paywall (hard wall on dump #6)

5 free lifetime dumps. RevenueCat plans. Pending dump auto-resumes after purchase — never a dead-end.

9:41
􀙇􀛨􀛪

Keep the noise
quiet.

Go Pro to keep untangling. Unlimited.

Unlimited dumps
Weekly AI insights
Memory & patterns
Full history + audio
Yearly · best value
$59.99 / yr
$4.99/mo · save 50%
POPULAR
Monthly
$9.99 / mo
Lifetime · $129
Restore purchases
10. Paywall
Annual highlighted. Restore visible. Warm not aggressive.
Flow G

Settings, empty states & misc

RevenueCat-managed subscription, theme, export. Empty states are warm, never blank.

9:41
􀙇􀛨􀛪

Settings

O
Olivia
Pro · yearly
🔔Reminders9:00 PM
🎨ThemeSystem
💳SubscriptionManage
Export data
🔒Privacy
💬Talk to us
13. Settings / Profile
Reminder time, theme, subscription, export, privacy.
9:41
􀙇􀛨􀛪

Nothing here yet.

Your brain's allowed a quiet moment.
When it's not, we're here.

14. Empty state
'Your brain's allowed a quiet moment.'