Prototype reference: The prototype demonstrates Layer 3 focused node views, connection reveals, and claiming flows across all three episodes. ASCII wireframes below document production specifications and edge cases beyond what the prototype covers.

Purpose & Design Philosophy

The Atlas view enables discovery through connection-based navigation. Unlike generic browse lists (which require users to scan arbitrary categories), this system surfaces the hub-and-spoke structure to guide exploration through thematic relationships.

Design Philosophy: Progressive graph navigation with focused node views. Users explore by following connections, not browsing categories.

Critical Constraints:

1. Navigation Architecture

The Atlas view uses reverse progressive disclosure: users start at focused node view (Layer 3) and zoom out to see broader context only when needed.

Layer Purpose Default Entry Zoom Out Trigger
3. Focused Node Explore connections from specific show Opens here by default Tap breadcrumb or swipe up
2. Region Overview See full region context Only via zoom out Tap genre breadcrumb or swipe up
1. Genre Grid See all genres (full map) Only for new users or explicit browse Tap “Browse” button

Rationale: Discovery-first (not browse-first). Users start where they are (recent chartable node), follow connections, zoom out for context when needed.

Entry Point Priority:

Condition Opens To Use Case
Recent chartable node (within 7 days) Layer 3: That specific node 80% of returns
Recent charted node (no new chartables) Layer 3: Most recent charted 15% of returns
Completed Landmarks, no recent activity Layer 3: Genre hub show 4% of returns
Brand new user Layer 1: Genre grid 1% of users

State Persistence: System remembers focused node when user exits/returns to Atlas view.

2. Layer 3: Focused Node View (Default Entry)

Users enter the Atlas view already focused on a specific show + its connections. This is the primary discovery interface.

Layout - Chartable Node (Connections Locked)

TREE TAB - FOCUSED NODE
+-------------------------+
| Map [... Browse]  | -> "Browse" opens Layer 1
| Action > Battle Shounen| -> Breadcrumb (tap to Layer 2)
+-------------------------+
|  [Death Note]  | -> Focused node, large
|  280--157dp   |
|   Ready to chart |  State pin
|       |
| "You watched episode 1" | -> Passive watch count
+-------------------------+
| CONNECTED SHOWS (6) | -> Connection count visible
|       |
| [Blurred thumbnail]  | -> Connection 1 (locked)
| 160--90dp    |  Heavy gaussian blur
| "Psychological warfare" |  Label visible (20-30 chars)
|  Claim to reveal  |  Unlock mechanic clear
|       |
| [Blurred thumbnail]  | -> Connection 2 (locked)
| 160--90dp    |
| "Genius vs genius"  |
|  Claim to reveal  |
|       |
| [Blurred thumbnail]  | -> Connection 3 (locked)
| 160--90dp    |
| "Moral complexity"  |
|  Claim to reveal  |
|       |
| ... 3 more ...   | -> Collapsed (3 visible)
| [View all 6 ->]   |  Expand to show all
+-------------------------+
| [Claim This Show]  | -> Primary CTA
+-------------------------+

Layout - Charted Node (Connections Visible)

TREE TAB - FOCUSED NODE
+-------------------------+
| Map [... Browse]  |
| Action > Battle Shounen|
+-------------------------+
|  [Death Note]   | -> Charted pin
|  280--157dp   |
+-------------------------+
| CONNECTED SHOWS (6) |
|       |
| [Code Geass]   | -> Real thumbnail
| 160--90dp    |
| "Psychological warfare" |  Same label (consistent)
|  Chartable   |  State pin visible
|       |
| [Monster]    |
| 160--90dp    |
| "Genius vs genius"  |
|  Locked    |  Still locked
|       |
| [Steins;Gate]   |
| 160--90dp    |
| "Moral complexity"  |
|  Discovered   |  Already charted
|       |
| ... 3 more ...   |
| [View all 6 ->]   |
+-------------------------+
| Tap any show to focus | -> Navigation hint
+-------------------------+