Prototype
● Interactive · v0.1The new DayTwo home, assembled entirely from this design system — nothing here is a mockup. Tap the floating + for the action menu, then run any flow end to end: New Sale / Record Expense / New Loan open the "Add by hand" sheet (New Loan also asks who), Count Cash / the hero's Snap card capture a photo or voice note and walk you through a review of each parsed line, Plan ahead sets a savings goal, and Quick Capture is a conversational entry chat. Swipe the hero between Cash-on-hand and Snap.
Change the language from the avatar in the top-right (Settings → Language) and watch the whole app re-render in English, Burmese, or Thai — proof the tokens, fonts, and components localise end to end.
How it's built
Every screen and sheet composes the same components documented elsewhere on this site:
- Home — a swipeable hero carousel, a floating NavBar, and a Button-driven speed-dial.
- Add by hand — a BottomSheet with an on-sheet keypad, an Input, and date chips.
- Capture → review — the real Image upload and Voice input components, a Segmented control to switch modes, then a review list that confirms each line before saving.
- Plan ahead — goal chips, a target Input, and an online/offline reminder toggle.
- Quick Capture — a chat that parses what you type into a confirmable entry.
- Settings — the in-app language switcher, again a Segmented control, re-rendering the whole shell from a single multilingual source.
The whole device also follows the site's light/dark theme — the same tokens carry through from foundations to a working app.