Home Designed by Claude

A redesign of the home screen as a worklist, not a dashboard. One number is the hero; below it sits the only thing that matters — who to settle, what's pending, who to nudge. Settling is deliberate and honours Settld's real two-party confirm-receipt model. Use the tweaks panel (bottom-right) to switch states: active, pending, first run, settled.

Why this approach is better

  • One number, no legend. The home's job is to answer "am I up or down" in under a second (PCD five-second rule). Gagan's constellation viz has to print its own legend — "closer = newer · bigger = ₹ heavier". If a glance needs a key, it isn't glanceable. The net figure in the display font is. Numbers are the hero (PCD §7).
  • A worklist, not a triple-printed dashboard. The existing home shows the same ₹ amount in the viz, the settle strip, and the ledger. This shows the net once, then a single actionable list: to settle / pending / to collect. No redundancy on a small screen.
  • Honest, deliberate settle. Tapping settle opens a confirm sheet that's truthful about the model (flows/07): "we don't move the money — you do," and "marked settled only once Priya confirms." It then enters a pending state. The existing prototypes fire confetti the instant you tap, which contradicts the confirm-receipt flow. Confetti is deferred to the real confirmation.
  • A designed first run. "Zero cold starts" (PCD §6.2): the first real session — one group, one expense — is a warm welcome, never a void. Switch the first run state to see it.

What to test

  • Tap settle → the confirm sheet → open UPI app: the row moves to pending ("waiting for Priya to confirm")
  • Tweak state: active → pending → first run → settled (deferred confetti)
  • Tap remind on a "to collect" row — warm nudge, never naggy
  • Resize the window narrow — the frame auto-scales to fit (mobile fix)

Components used

  • Hero — net figure + directional sub-totals
  • SettleRow / CollectRow / PendingRow — the worklist
  • ConfirmSheet — deliberate, honest settle
  • TabBar — thumb-zone add

Viewport

390 × 844 — iPhone 15. The shared IOSDevice frame auto-scales to fit any viewport.