Gallery

Design a wallet and balance screen for a finance app. The page should open with the user’s total balance, the account name, and a clear split between available funds and money that is pending or locked.

Below the header, show a simple performance view for the selected period: a balance trend chart, a compact summary of income and spending, and a date-range control that updates both the chart and the totals.

Add a recent activity list with merchant or payee, transaction type, date, and amount. Positive and negative entries should be easy to scan, and the layout should still make sense if the user has multiple linked accounts or no transactions yet.

Include the main account actions on the screen: add money, send money, and withdraw. Keep the hierarchy tight so the balance reads first, the trend reads second, and the transaction history supports the decision-making below.