MyCAREER

TheW

Tier 3: Component Tokens

Apply semantic tokens to specific UI elements. A settings button's selected state pulls from the semantic token, so the same component works across all modes without any manual overrides. This also works in full screen motion pieces and backgrounds.

When my MyCAREER

Settings Button

Deselected

Settings Button

Deselected

Selected

When my MyNBA

Settings Button

Deselected

Settings Button

Deselected

Selected

When my MyTEAM

Settings Button

Deselected

Settings Button

Deselected

Selected

Settings Button

Deselected

Tier 2: Semantic Tokens

Dynamic references that resolve to the correct primitive based on context. A single token like highlight-gamemode.color automatically maps to the right color depending on which mode the user is in.