Walter
Design preview

Every design, one place.

The shipped surfaces carry the production design system — terracotta, cream, Fraunces. The old prototype is kept for component structure only.

App — interior screens

Production theme · Desktop

Owner dashboard

5 screens: dashboard home (stats, today's shifts, alerts) · open shifts board with countdown · shift detail + offer log · caregiver profile (reliability badge, credentials) · client profile (care plan, approved caregivers, family).

app/owner.html Production theme · Mobile PWA

Caregiver app — interior

6 screens (bottom-nav): today's schedule → arrive/GPS verify → visit checklist + notes → clock out + wellbeing pulse · open shifts feed (claim + 409 race) · profile + credentials + alerts toggle.

app/caregiver-app.html Production theme · Mobile

Family portal

3 screens: magic-link login · today's summary (caregiver live, last visit card) · visit detail (arrival proof, notes, photos, pulse). Read-only, grandma-proof simplicity.

app/family-portal.html

Onboarding flows

Production theme

Agency onboarding

5-step setup: agency profile → BAA/terms gate → qualification taxonomy builder → first-week checklist (add caregivers, clients, shifts) → dashboard unlock.

onboarding/agency.html Production theme · Mobile PWA

Caregiver onboarding

Mobile-first invite flow: welcome → phone OTP verify → GPS + SMS consent (warm copy) → qualifications + credential expiry → PWA home-screen coaching → reliability badge reveal.

onboarding/caregiver.html

Marketing & sales

Production theme

Landing page

The hero illustration, the "6:02 Tuesday" timeline, six service cards, and the interactive 3-persona demo (owner / caregiver / family) — including the reliability badge + cancel flow.

landing/index.html Production theme

Investor deck

12 slides — problem, solution, the Tuesday story, verified market stats, business model, competition, partnership ask. Arrow keys to navigate, Ctrl+P for PDF.

deck/index.html

Historical reference (old design system)

Old design — structure reference

App prototype

Owner dashboard + caregiver PWA + family portal flows. ⚠️ Teal/DM-Sans superseded — use for screen anatomy only, restyle to terracotta.

prototype/index.html Old design — structure reference

Mobile + family prototype

Mobile family-portal sections — the read-only "grandma-proof" surface flows.

prototype/mobile-family-sections.html Earlier marketing site

Old marketing site

First marketing pass (Libre Baskerville / green-coral). Replaced by landing page.

client/index.html Earlier demo tour

Old product demo tour

Earlier interactive walkthrough of product screens.

client/demo.html
Design system source of truth: token table + "warm chrome, efficient core" density rules in docs/architecture-frontend.md. Fraunces = identity only (titles, stat numbers, the pulse); Albert Sans = everything you read or tap; status pills sage/gold/rust always with a label, never color alone.