Purpose & Location

Atlas identity customization lives on the Explorer Card within the Legend Tab of the Atlas overlay — intentionally separate from Crunchyroll’s Account profile. Crunchyroll already provides IP-themed avatars and backgrounds to all subscribers; Atlas earned rewards (frames, titles, pins) are more meaningful in a dedicated space that signals genre expertise. The Account tab continues to handle standard profile settings.

The Explorer Card serves as the user’s earned identity showcase — frame, title, featured pins, genre radar chart, and optional background. It answers “Who am I as an anime fan, and what have I discovered?”

Explorer Card CR Account Profile
Customization Frames, titles, pins, backgrounds (earned) Avatars, backgrounds (auto-granted)
Purpose Showcase genre expertise Manage account settings
Shareability Designed as a shareable “trading card” Standard profile

Note on wireframes below: The ASCII wireframes in this section were authored prior to the Explorer Card decision and show customization on the Account tab. The prototype demonstrates the current Legend Tab implementation. Production specs should follow the prototype’s placement.

Scope: The Explorer Card is strictly an identity showcase — earned customization only. Account settings, system navigation, and claiming flows remain in their respective locations.

1. Profile Showcase - Mobile Native App (Portrait)

The Account tab structure places identity elements above all settings, creating immediate visual impact when users access their account.

Layout Structure

ACCOUNT TAB
+-------------------------+
| [Background Gradient] | -> Optional genre background (covers top section only)
|       |  Gradient fades from genre color -> dark
| +-------------+  |
| | [Frame] |  | -> Frame wraps circular avatar
| | o---------o |  |  Frame design matches genre aesthetic
| | | Avatar | |  |
| | o---------o |  |
| +-------------+  |
|       |
| "Action Legend"  | -> Equipped title (centered, prominent)
|  jamie    | -> Profile name (smaller, below title)
|       |
| [Edit Profile]   | -> Single customization entry point
|       |  (button or text link style)
+-------------------------+ -> Visual divider separates profile from settings
| Switch Profile  > | -> Existing settings list begins
+-------------------------+
| Profile's Viewing... |
| Content Restrictions |
| Audio Language   |
| Subtitles/CC Language |
| Show Closed Captions |
|       |
| Membership    |
| ... (rest of settings) |
+-------------------------+

Visual Hierarchy:

  1. Background (optional, covers entire top section)
  2. Frame + Avatar (centered, primary focus)
  3. Title (below avatar, larger text)
  4. Name (below title, smaller text)
  5. Edit Profile button (below name, clear affordance)

Element Specifications

Element Mobile (Portrait) Purpose
Background Full-width gradient, top section only Genre identity expression, optional
Avatar 120dp diameter, circular User photo/icon
Frame 140dp outer diameter, wraps avatar Genre achievement visualization
Title 18sp, bold, centered Primary identity signal
Name 14sp, regular, centered Secondary identifier
Edit Button 48dp height, centered or full-width Customization entry point

Spacing:

2. Profile Showcase - TV/Console (Landscape)

TV viewing distance and landscape orientation require horizontal layout optimization and larger elements.

Layout Structure

ACCOUNT TAB (TV)
+-----------------------------------------------+
| [Background Gradient (L->R)]     |
| +---------+   jamie     |  Avatar left, title/name right
| | [Frame] |         |
| | Avatar | [Edit Profile]    |
| +---------+         |
|            |
+-----------------------------------------------+ -> Divider
| Settings List (2-column layout)    | -> Optimized for landscape
| Switch Profile   | Membership   |
| Content Restrictions | Notifications  |
| ... etc ...    | ... etc ...   |
+-----------------------------------------------+