Clickable prototype for the engineering rebuild.

Sixteen views, all interactive. Click any card to jump in; every poster, list, and nav item inside cross-links to the next view. This is a reference for the dev rebuilding the app from scratch — visuals are the contract, not the code. Design system is locked in NEXT.md.

Discovery mode · peach accent · obsidian dark + light · Sora / Inter / JetBrains Mono

Core flow

5 views The value-prop surfaces

VIEW 01 Locked design What To Watch Home. Horizontal rails of what you can watch right now, filtered to your active subs. Continue Watching, Leaving Soon, Wishlist Just Landed, For You, custom-list rails, Soon on Your Platforms. Open → VIEW 02 Your Lists Directory of all watchlists. Create, rename, delete, share. Main Wishlist is the default and can't be deleted. Open → VIEW 03 Single List Inside one list. Must / Nice toggle per title, sort and filter, In Progress section, Hibernation, Event-tagged titles, Rewatch Cooldowns, shared watch states. Open → VIEW 04 Explore Theme clusters (not genres), franchise universe timelines, and Trending This Week. Lookup search is a persistent ⌘K overlay in the top nav of every view. Open → VIEW 05 The Lineup The Lineup The subscription optimizer — the core value prop. Monthly budget, Keep / Subscribe / Downgrade / Dump plan, step-by-step deep links, Savings Tracker. Slate palette. Red reserved for Dump. Open → VIEW 06 Title Details The detail surface reached from any poster click. Where-to-Watch with active subs highlighted, actions: Add, Tag, Watch, Rate (4-point), Hibernate, Cooldown, Complete. Open →

Settings & identity

2 views

VIEW 07 + 10 Profile & Settings Merged tabbed surface: Profile (identity, region, theme, budget), Subscriptions (billing-line model with tiers, frequency, bundles, free), Integrations (Trakt/Plex/Jellyfin/Kodi + FileFrame/Newt's Village), Filters (parental + ClearPlay/VidAngel), Notifications, Watch History, Privacy, Support. Open → VIEW 08 The Network Friends and Ad-Hoc Watch Party (intersect friends + tastes + active subs → top 5 tonight). Open →

Acquisition

3 views Pre-auth + first-run

VIEW 11 Marketing Landing Public-facing single page. Savings-headline hero, How It Works, privacy pitch, features. CTAs route to Auth. Open → VIEW 12 Auth & Privacy Three sign-up paths: Username + 12-word Recovery Key (most private), Sign in with Apple (Hide My Email), Sign in with Google (email is max PII). Open → VIEW 09 Onboarding Three steps: set budget + active subs, rate ~20 high-footprint titles for taste seeding, opt into monthly Lineup alerts. Open →

Secondary surfaces

4 views Drilled-in from the core flow

VIEW 13 Notifications Inbox In-app alerts: Lineup-ready, wishlist-landed, expiring-soon, friend activity. Reached via the bell icon in the top nav. Open → VIEW 14 The Lineup Service Detail Drill-in from a service card in The Lineup. Why this verdict: titles pulling Keep, episode counts left, $/hour math, what-if-you-dumped-it simulation. Open → VIEW 15 Calendar · Lands & Leaves Month grid of arrivals, expirations, and billing-cycle markers across active services. "Soon on Your Platforms" lives here in full. Open → VIEW 16 Universe Detail Full franchise timeline (MCU example). Release vs. chronological order, watched state, phase grouping, sub-arc filters, "next up" recommendations. Open →

Content model · grouping

3 views Franchise → Universe → Series → Title, plus Collections

VIEW 17 Franchise Detail Marvel as the example. Universes inside it (MCU, Sony's Spider-Man Universe, Fox X-Men, Defenders-era), series with no universe (Blade trilogy), and one-off films like Howard the Duck and 2003 Hulk. Open → VIEW 18 Show Detail Loki as the example. Distinct from film Title detail: Show → Seasons → Episodes, per-season provider chips (since seasons often scatter across services), ledger-style episode rows. Open → VIEW 19 Collection Detail Disney Animation Films. Curatorial / thematic grouping that crosses franchises. App-curated only — users use Lists for personal curation. Flat poster grid, no timeline. Open →