ake/akefin-design-system
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
akefin-design-system/ui_kits/mobile
History
Alkim Ake Gozen 8b790b7601 first commit
2026-05-23 11:59:45 +09:00
..
index.html first commit 2026-05-23 11:59:45 +09:00
ios-frame.jsx first commit 2026-05-23 11:59:45 +09:00
mobile.css first commit 2026-05-23 11:59:45 +09:00
MobileApp.jsx first commit 2026-05-23 11:59:45 +09:00
MobileAtoms.jsx first commit 2026-05-23 11:59:45 +09:00
MobileScreens.jsx first commit 2026-05-23 11:59:45 +09:00
README.md first commit 2026-05-23 11:59:45 +09:00

README.md

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

  1. Review queue — compact stack of staged transactions, swipeable. Tap to review.
  2. Transaction detail — full-screen card with payee, amount, AI suggestion, account picker, ledger preview, Approve / Override / Skip.
  3. Account picker — sheet with fuzzy search + MRU + hierarchical browse.
  4. Import status — recent runs and totals.
  5. 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.