Skip to main content

Interactive prototype

The design team's interactive HTML/React prototype, served in-place from apps/mobile/design/prototype/. Every screen and every failure state is reachable — try slide-to-pay, the scanner sequence, the success burst, and the offline recovery.

The prototype is the single best source for interaction detail — micro-timings, drag thresholds, animation curves, state transitions. What you read in the spec, you can play with here.

If the frame is empty or looks broken, open the prototype directly in a new tab.

Notes​

  • Prototype chrome is not for build. The iOS device frame around the app and the floating "Tweaks" panel are prototype-only — see components for what actually ships.
  • Some data assumptions are pre-Model-A (USDC balance, Load-USDC flow, on-chain contacts). The design language transfers; the money copy needs reconciliation per overview § reconciliation and the per-screen notes in screens.
  • QR codes are decorative fakes; the scanner sequence is scripted. Production uses real camera + PIX QR decode.