Copy pack
Build from the verified source Master Prompt and Build Contract for this mobile starter. Preserve the one-habit loop before changing voice, account fields, content, or reminder timing.
Master Prompt Build Contract
Master Prompt
# Master Build Prompt: HabitLoop Mobile
Build HabitLoop Mobile as a phone-sized mobile habit starter for founders who want one daily reset after work. This is not a broad habit platform. It is a calm daily-use app with one habit setup, one five-minute timer, one optional reflection note, one mark-done/missed flow, one weekly history view, one reminder toggle, and one clearly placeholder sample account page.
Required facts to preserve:
- The app focuses on one daily habit, not a full habit platform.
- Today screen shows the current habit, a five-minute timer, and a reflection note.
- User can mark the habit done.
- Weekly history shows completed days and missed days.
- The phone preview stays fixed-height; screens scroll internally instead of resizing the shell.
- Navigation has Today, Week, and Reminder tabs only. Account opens from the HL avatar in the header, not from a fourth tab.
- Include first-run, empty, completed, missed, reminder, and sample account states.
- Account page is sample/demo UI only; it may show placeholder profile, local data export, and reset controls, but not real auth, billing, subscriptions, or social profile scope.
- Do not add social feeds, gamification, payments, subscriptions, or coaching marketplace features.
UI style and color tokens:
- Overall feel: quiet after-work reset, plain and personal, not motivational-gamified.
- Layout: a realistic fixed-height phone frame centered in the preview. Do not add a side behavior card and do not stretch the app into a desktop dashboard.
- Primary dark green: #23382F for the phone header, timer face, active tabs, and primary actions.
- Page background: #E8EFE9 with soft green-gray surfaces such as #F5F8F4 and #F8FBF7.
- Warm timer accent: #E6793A for the main timer action and small app identity mark.
- Optional cool support accent: #5F77C8 only for secondary informational states if needed.
- Borders: #CDD8CF / #D8E0DA. Text: #17201A with muted copy around #566459.
- Corners: phone shell can be highly rounded; in-app panels should feel like normal mobile cards, not decorative bubbles.
Required preview and screens:
- Phone shell: status-safe mobile frame, HabitLoop header, three screen tabs for Today, Week, and Reminder, plus a tappable HL account avatar in the header. Keep the phone screen fixed height, around 800px on the migrated preview route, so Today, Week, Reminder, and Account do not resize the device frame.
- Today screen: first-run setup with one editable habit name and a Set my reset action; current habit title; five-minute timer display; timer state label; Start five minutes, Pause timer, Mark done, and Log missed controls; optional reflection textarea.
- Timer behavior: Start changes the state to Timer running and moves the timer away from 05:00; Pause changes the state to Paused; Mark done changes status to Completed, timer to 00:00, and today's history chip to done; Log missed changes status to Missed and today's history chip to missed.
- Reflection behavior: note can be blank, but if text is entered the completed copy should acknowledge that a note was added. Do not require journaling before completion.
- Week screen: clearly labeled placeholder/demo week with completed and missed days. Show history as done/missed/open/today state chips only. Do not show points, rewards, public ranking, or productivity metrics.
- Reminder screen: local placeholder reminder time, reminder on/off state, and plain copy that real notification permission/device scheduling must be wired later.
- Account screen: opens from the HL account avatar, not from a fourth tab. Show a sample account page with placeholder user identity, current reset summary, reminder state, local demo export state, reset demo account action, and copy that delete/account/auth behavior needs real confirmation before production wiring. Demo account data must be labeled as placeholder.
Acceptance criteria:
- The first visible product surface is a working mobile app preview, not a Build Companion walkthrough.
- Every visible control changes state: setup saves the habit name, timer buttons change timer/status, reflection stores text, done/missed updates history, Today/Week/Reminder tabs switch screens, the HL avatar opens Account, reminder toggles, account export changes to ready, and reset restores the demo.
- Master Prompt and Build Contract are the only visible copy tabs on the migrated library route.
- The preview, Master Prompt, and Build Contract all protect one daily reset, five-minute timer, reflection note, weekly completed/missed history, first-run/empty/completed/missed/reminder/account states, and clearly placeholder data.
Non-goals:
- No fourth Account tab, side preview-behavior card, desktop dashboard shell, or screen-height changes between Today, Week, Reminder, and Account.
- No social feeds, public sharing, leaderboards, points, streak rewards, badges, gamified economy, coaching marketplace, payments, subscriptions, broad productivity dashboard, production auth flow, or full account-settings suite.
- No fake wellness outcomes, fake engagement metrics, fake testimonials, or claims that demo history is real user data. 