1.1 KiB
1.1 KiB
Akefin Mobile — UI Kit
A pixel-faithful recreation of the Akefin mobile app (iOS-focused; Android renders identically with platform chrome substitutions). For the on-the-go review case.
Screens
- Review queue — compact stack of staged transactions, swipeable. Tap to review.
- Transaction detail — full-screen card with payee, amount, AI suggestion, account picker, ledger preview, Approve / Override / Skip.
- Account picker — sheet with fuzzy search + MRU + hierarchical browse.
- Import status — recent runs and totals.
- Ledger — per-entity account balances summary.
Files
| File | Purpose |
|---|---|
index.html |
Live prototype — three iPhone frames side-by-side showing the main screens |
MobileApp.jsx |
Stateful navigation between screens |
MobileScreens.jsx |
All five screens (Queue, Detail, Picker, Import, Ledger) |
MobileAtoms.jsx |
Mobile-tuned chips/badges (slightly larger touch targets) |
ios-frame.jsx |
Starter iOS device frame |
Caveats
Recreated from the brief. Iterate.