← Showcase

Mobile Wallet

mobile

Account balance, transfers, and recent activity — a Toss-style consumer banking app.

Brand
Motion
SC
좋은 아침이에요
Sam님
내 통장 잔액
2,840,300원
+ 184,200원지난 30일
이번 주 지출
182,400 원
평균보다 12% ↓
월화수목금토일
최근 거래
  • ☕
    Starbucks 강남역점
    오늘 09:24
    -5,400원
  • 💼
    급여 입금 — Acme Corp
    오늘 09:00
    +3,200,000원
  • 🚇
    지하철 환승
    어제 22:14
    -1,450원
  • 🛍
    쿠팡 정기결제
    어제 18:02
    -8,900원
  • ➡️
    유진님께 송금
    어제 13:40
    -50,000원
모든 거래는 토스뱅크 약관에 따라 처리됩니다.
Design rules
  • • Rule 1 (Color Philosophy) — single brand accent + grayscale
  • • Rule 14/18/19 (Hierarchy) — large balance, supporting metrics
  • • Rule 8 (Touch target ≥44px)
Methodology
  • • Ch.2 Information Density — balance + 4 actions above-the-fold
  • • Ch.7 Color Discipline — borderless cards via surface tone
  • • Ch.8 Motion Vibe — Spring on every primary action
Motion
  • • Spring entrance for the balance card; Spring press for quick actions and list rows.