# 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**: Playful, warm, safe. A friendly consumer app, not a bank: bright and airy, generous space, soft rounded shapes, one warm signature colour, and small moments of delight. Safe means calm and clear about money, never a security claim
- **Motion direction**: Expressive and friendly, part of the brand, and it explains what happens to the money. Nothing loops except loading. Reduced motion gets fades
- **Voice and tone**: Warm and plain, "you"; say what happened, what it means for the money, and what to do next; light where things went well, serious and kind when something failed
<!-- ryux-context:end -->

## Direction

The team's direction for this product. It sets character, not values: choose the colours, typefaces, sizes,
radii, and durations yourself, write them down as tokens, and say in one line why each fits this direction.

**Character**
- Feels like an app people enjoy opening: light backgrounds, lots of white space, rounded and soft, with a
  personality you would recognise without the logo.
- Playful in shape, motion, and small details, never in the facts: amounts, statuses, and what happens to the
  money stay exact and easy to read.
- Safe means the person always knows where their money is and what will happen next. It comes from clarity,
  confirmations before money moves, and calm failure screens, not from shields, locks, or words like "secure",
  "protected", or "guaranteed".

**Concept**
- Every transaction is a small story with a beginning and an end: who, how much, where the money is now, and
  what happens next. The screen tells that story at a glance.
- The people and places on the other side feel human: friendly avatars or simple illustrated marks, never real
  logos or photos of real people.
- One signature element that belongs to this product and that you would remember. Choose it and explain it.

**Motion**
- Friendly physics: things respond to touch, settle softly, and arrive with a little life. A completed payment
  gets one moment of delight; a failure gets none.
- Motion shows the money's journey and every status change; it never delays reading the amount.

**Do not**
- No dark mode as the main look, no neon, no glassmorphism, no gradients without a reason, no stock fintech
  cards with chip and contactless icons.
- No emoji in the interface, no confetti on failed or pending states.
- No security badges or claims, no real brands, banks, card networks, or merchants.