# DESIGN.md

<!-- ryux-context:start -->
- **Product**: Transaction detail for a digital wallet app (benchmark; no real brand)
- **Audience**: Adults checking a payment, a transfer, or a top-up on their phone, often right after it happened
- **UI direction**: Warm and confident, with a brand you would recognise without the logo: a deep ink base, one vivid accent reserved for money moving, amounts set in a characterful display face, soft tactile cards with real depth. Status colours stay unmistakable. Not a bank template
- **Motion direction**: Physical, and it explains what happens to the money: a row presses down when tapped, the detail pushes in (about 240 ms, ease-out), the amount settles in with a spring, a status change animates from the old state to the new one, banners and sheets slide in from below and settle without bouncing, and a completed payment gets one short success moment. Nothing loops except loading. Reduced motion gets fades
- **Voice and tone**: Plain and exact, "you"; say what happened, what it means for the money, and what to do next; no cheer when something failed
<!-- ryux-context:end -->