Mockups

The app's budget page as it is today — baseline for comparison.

1:1 recreation of the reference image you shared.

New style applied to the real page's sections. Approved direction.

Dark take on the approved budget redesign — indigo hero, purple accents.

Category merge (food+shopping+entertainment under one cap) with wallet-wise scoping — all-wallet cap vs scoped-to-Cash cap, per-wallet breakdown always shown.

Reference-inspired category and group cards with icon tiles, spend metadata, progress bars, member chips, and wallet breakdowns. Upper summary unchanged.

The app's dashboard as it is today — baseline for comparison.

White cards, flat tab bar, SVG rings — matches approved budget style.

Finovo-style: indigo gradient hero with sparkline, purple accents, dark flat tab bar.

Gradient net-worth hero, quick actions, donut breakdown, bills, recent txns, AI card. Light + dark toggle.

MT today + 3 Cashew patterns: pie chart, spending trend line, smart-category learn hint. Each card has a drag handle (reorder from settings).

Real desktop surface: left sidebar nav, 12-col card grid at 1280px. Fresh iOS/Material-You direction (blue seed), hero → net flow → quick actions → wallets → category/budget/upcoming → recent → loans → AI. Light + dark.

True desktop: 260px sidebar, sticky topbar, 12-col bento grid. App's green/cream palette (not blue), primary Add action, wallet bars, denser category/budget/upcoming, recent with badges, loans + AI. ⌘K, light+dark.

Video lessons applied: one grid, sticky scope header, quick-entry presets, soft loan divider, sticky Add. Same data as 01.

Task-focused dashboard: clean hero, progress bars for net flow, 3-column wallet grid, horizontal pills, list categories, color-coded budgets, compact streak. Light + dark toggle.

Baseline: the card shipped on the dashboard today. Side-scroll pills, emoji + name + ৳ amount.

Two-up grid that fills the card width. Each tile shows emoji, name, wallet, and amount. More like iOS shortcuts.

Each entry = full-width row with circular icon, name, wallet sub-text, signed amount on the right. Matches the Recent page rhythm.

Bold gradient hero, vibrant chip fills, NEW widgets: savings goal ring, 4-day cash-flow strip, subscriptions tile, logging streak. Flat tab bar. Light + dark toggle.

Pastel hero bleeds into page bg, dynamic-color lavender tint, large display type, pill chips, iOS-style floating glass dock with central FAB. Light + dark toggle.

No card chrome. Pills float directly on the page background, each with a category-color stripe. Lighter visual weight, like an action bar.

The app's wallets page as it is today — baseline.

Balance rings per wallet, summary card, drag handles, flat tab bar.

Dark cards, purple Add button, balance rings brightened for dark bg.

The app's recent page as it is today — baseline.

Totals strip, black active chips, account pills, day net summaries.

Dark txn cards, purple active chips/filter, day net summaries.

3-up summary hero, rounded search pill, account chips, day-grouped cards with day-net lines, AI insight, light + dark toggle.

Lightweight: "Shopping this month · −৳34,541" on one rounded line. Smallest visual footprint. No income/expense split.

Card with three columns: Income / Expense / Net. Most informative. Heavier visually.

No top strip at all. Per-day totals go in the existing day-group header. Only when filters active.

Full-width purple gradient card with big amount + meta pills (txn count, avg, vs last month). Loudest.

28px tall, solid muted background, no leading icon. Heaviest single block in the upper half — competes with totals + chips.

Same row + same filter button. Just smaller and quieter. Minimum disruption to existing layout. Lowest risk.

Zero search footprint until needed. Tapping 🔍 opens a full input. Saves the most space; adds a tap to use.

One row total, no extra vertical space. Search expands; tabs and filter chip share the line. Compact but cramped on narrow phones.

Top of Recent is purely the transaction list. Magnifier in the header opens a sheet with search + all 4 filter fields + Apply.

When Period=Month, the Date-range cell becomes a month stepper. No extra row below the grid. Most space-efficient; ties the stepper visually to the Period dropdown.

Same layout as today, but the stepper card matches the 2x2 grid background + padding + label ("Selected month"). Reads as a deliberate card, not a floating pill.

Most understated. No card chrome, no label. Just `‹ Aug 2026 ›` on a single line. Reads as a sub-control of Period, not a primary field.