Mobile β€” bottom nav morphing bar
AnimatedTabBar (Sir's component) Β· account cards Β· widget grid Β· debt moat
βœ… Color base locked β€” blue minimal (Sir, 2026-08-11). Bank cards keep their brand colors.
1 Β· Home Dashboard P0 core
09:41

Home

βš™
οΌ‹
BCA
Rp 114.000
General
Jago
Rp 145.665
General
SeaBank
Rp 5.522.175
General
Mandiri
βˆ’Rp 17.108
Overdraft
+Add account
β€ΉThis monthβ€Ί
DUE BEFORE NEXT PAYDAY Β· AUG 25
Rp 4.312.000
4 debts Β· 1 due soon
βœ” 2 paid⚠ 1 overdue1 due soon
Balance Trendβ–¦ βœ•
This month
Rp 5.650.846
↻ VS prev +2,4%
Last Recordsβ–¦ βœ•
🍜
Food & DrinksJago
βˆ’Rp 10.000
08/10 9:21 PM
πŸ’³
Credit CardBCA
βˆ’Rp 1.250.000
08/10 7:02 PM
πŸ’°
SalarySeaBank
+Rp 6.000.000
08/01 8:00 AM
Expenses Structureβ–¦ βœ•
Rp 2,4jt
Food 38%Debt 23%Transport 21%Other 10%
2 Β· Wallets P1
09:41

Wallets

οΌ‹
GeneralShow archived β€Ί
🏦
BCA
General
Rp 114.000
🟑
Jago
General
Rp 145.665
🌊
SeaBank
General
Rp 5.522.175
🏧
Mandiri
General
βˆ’Rp 17.108
Excluded from statistics
πŸ’΅
Cash
Cash
Rp 8.000
πŸ›
SPaylater
Loan
βˆ’Rp 4.308.195
… morphing bar (same as Home) …
3 Β· Wallet Detail P1 new
09:41

β€Ή BCA

✎
πŸ—‘
🏦
BCA
General
Balance
Records
Today
Rp 114.000
↻ VS previous 0%
Aug 1Aug 31
… morphing bar (same as Home) …
4 Β· Records + Filter Sheet P1
09:41

Records

β›­
οΌ‹
β€ΉThis monthβ€Ί
🍜
Food & DrinksJago
βˆ’Rp 10.000
08/10 9:21 PM
πŸ’³
Credit CardBCA
βˆ’Rp 1.250.000
08/10 7:02 PM
πŸ’°
SalarySeaBank
+Rp 6.000.000
08/01 8:00 AM
FiltersReset
SearchπŸ” Cari transaksi…
AccountAll accounts β–Ύ
CategoryAll categories β–Ύ
TypeAll types β–Ύ
Amount rangeRp 0 β€” Rp 15.000.000
Apply filters
… morphing bar (same as Home) …
5 Β· Add Record Sheet P1
09:41
Add recordβœ•
Expense
Income
Transfer
Amount *Rp 50.000
AccountJago β–Ύ
Category *Choose β–Ύ
Date & Time11/08/2026 15:30
Note (optional)
Add record
Add & create another
6 Β· Analytics P2 new
09:41

Analytics

β›­
β€ΉThis monthβ€Ί
Period to Period
Cash flowExpenseIncome
Aug 1Aug 31
Budget vs Actual
🍜 Food 110%Rp 1,1jt / 1jt
🚌 Transport 62%Rp 620rb / 1jt
… morphing bar (same as Home) …
7 Β· Debts core, unchanged
09:41

Debts

οΌ‹
TOTAL DEBT
Rp 18.700.000
5 debts Β· 3 paylater Β· 2 bank loan
SPaylaterRp 4.308.195
Due Aug 12 Β· 2 days left
KredivoRp 1.200.000
Due Aug 20 Β· due soon
BCA KreditRp 13.191.805
Due Aug 25 Β· before payday
… morphing bar (same as Home) …
Desktop β€” ShiftingDropDown top nav (Sir's component)
Hover a tab β†’ submenu panel with sliding nub Β· replaces current emoji sidebar
βœ… Color base locked β€” blue minimal. Demo content mapped to real app sections.
πŸ’° DuitJalan
+ Record B

Dashboard

BCA
Rp 114.000
General
Jago
Rp 145.665
General
SeaBank
Rp 5.522.175
General
Mandiri
βˆ’Rp 17.108
Overdraft
+Add
Balance Trendβ–¦ βœ•
This month
Rp 5.650.846
↻ VS prev +2,4%
Last Recordsβ–¦ βœ•
🍜
Food & DrinksJago
βˆ’Rp 10.000
πŸ’³
Credit CardBCA
βˆ’Rp 1.250.000
πŸ’°
SalarySeaBank
+Rp 6.000.000
Expenses Structureβ–¦ βœ•
Rp 2,4jt
Design Tokens
Locked palette β€” blue minimal (Sir, 2026-08-11) Β· shadcn-style tokens

Semantic Colors

primary
primary-light
danger
danger-light
warning
warning-light
info
info-light
bg
card
line
text

Account Card Colors

BCA
Jago
SeaBank
negative

Typography

24/800Rp 5.650.846
17/800Page titles
13/700Card headers Β· list rows
10.5Muted Β· timestamps Β· labels

Radius & Shadow

radius 14px cards20px hero999px pillssoft shadow44px touch target

Chart & Border

chart 1
chart 2
chart 3
chart 4
chart 5
border
ring
DuitJalan v2 β€” design sketch by Jarvis Β· 2026-08-11 Β· UI-UX Pro Max design intelligence
Navbar components: AnimatedTabBar (mobile) + ShiftingDropDown (desktop) β€” Sir's selections
Full proposal: /home/arzserver/bothistorical/2026-08-11-duitjalan-redesign-proposal.md