PUBLIC VISUAL HANDOFF
Design Preview
A visible reference for recreating Reaccrue. Every important page and interaction state is accessible here—without an account, payment, or administrator access.
Sample-state links load fresh sample content and replace the current in-memory checklist. Open them in separate tabs if you want to compare states. No sample financial balances or recovery figures are used.
Pages & sample states
Homepage
Hero, categories, checklist preview, featured guides
My Checklist · initial selection
Selectable categories and build action
My Checklist · generated sample
Three not-started items, status controls, and notes
My Checklist · partially completed
Complete, in-progress, and not-started states
Guides index
Five educational articles
Resources
Verified official starting points and commercial empty state
About
Purpose, studio connection, and independent role
Privacy · draft
Visible sample legal text requiring review
Terms · draft
Visible sample legal text requiring review
Affiliate Disclosure · draft
No current affiliate relationships
Not Found
Dedicated unavailable-page state
Designed guide articles
Visual ingredients
Light appearance is the primary handoff reference. The sun / moon control in the header also exposes a complete dark appearance.
Emerald
#155C43 · approximate
Warm gold
#A87B29 · approximate
Cream
#F9F6F0 · approximate
Deep ink
#1B3229 · approximate
HEADLINES & WORDMARK
Georgia
System serif, regular weight. Times New Roman and serif fallbacks. Editorial, approachable, no external font dependency.
BODY, CONTROLS & LABELS
Arial
System sans serif. Helvetica and sans-serif fallbacks. Body 16px, controls 14px, supporting labels 12px.
Layout: 1,200px maximum content width, 20–24px mobile gutters, 4px spacing scale, lightly rounded cards, subtle shadows, and Lucide line icons. Headlines use tight tracking; small uppercase labels use wide tracking.
Working in this prototype
- Public navigation and mobile bottom navigation.
- Category selection and checklist generation.
- Editable statuses, live progress, and general notes.
- Print My Checklist opens the browser print dialog.
- Reset confirmation dialog; use Escape to close.
- Every guide, legal draft, sample state, and dark appearance.
Intentionally not included
No accounts, backend, saved records, cross-device access, bank connections, payments, AI, email collection, or integrations. Refreshing can reset the checklist. Printing may offer a PDF option depending on the browser.
Editorial review before publication
All legal text is a draft requiring review. Guides are educational drafts. Commercial recommendations are intentionally empty while resources are reviewed. No affiliate arrangements or promised outcomes are implied.
A quick interaction check
Open the initial checklist, select categories, and build. Change a status and watch progress update. Add a nonsensitive reminder, then print. Open Reset to inspect the confirmation dialog. Use the links above to compare the generated and partially completed samples.