MyCAREER
MyWNBA

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.

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.