Both phones are live prototypes. Left is Dark, right is Sunlight (high-contrast light). Pick a screen or a state below, then tap, slide, swipe and hold inside either phone.
{{ g.g }}
A1 · Dark
A2 · Sunlight
{{ noteTitle }}
→{{ n }}
B
Mobile component sheet
48 dp minimum targets · primary actions in the bottom third
✓ Sanctioned◷ Bank decisions✕ Rejected● Documents○ Lead
Filter chips
AllNeeds action
Slide-to-confirm
Slide to punch in →→
Commits past 85%; below that, springs back (320 ms). Haptic heavy on commit.Progress ringUploading · queued · failed · done
Banners⌁ Offline · 3 documents will upload when you’re online↑ Syncing 2 documents…! Sync failed · 1 document RetryPinned under the status bar; never blocks the content. Offline actions save locally and show “will sync”.
AI signature
✦ NudgeStatement older than 3 months. Ask for a new one.Source · confidence 97%
Aurora gradient border + ✦ + confidence + source. AI sheets add a moving aurora hairline under the grabber. Nothing else uses these colours.
List card + swipe
CallWAUpload
Rahul SharmaCreta SX · ₹9.80 L
Swipe left past 60 dp to reveal; tap outside to close. Actions are also in the detail header for non-swipers.
Route timeline (vertical)
✓Bank decisions
7Pre-disbursal docs
8Add-ons
Done = signal green; current = Ignition with a slow pulse; upcoming = outline.
Bottom sheet & nav
Sheet titleRadius 24 · drag or tap scrim to close · spring
TodayLoansInsuranceAlertsMe
C
Motion spec
Rive / Lottie-ready · every item has a reduced-motion fallback
{{ m.n }}{{ m.tr }}{{ m.dur }}
{{ k.at }}{{ k.w }}
Flutter{{ m.fl }}Haptic{{ m.hap }}
Reduced motion{{ m.rm }}
D
Flutter token mapping
ThemeData + ThemeExtension · same names as the web tokens