Visual Direction
An audit of the existing XSERIES visual identity and the visual direction for its digital product: palette, typography, motifs, principles, UI direction, photo and motion, references, and the decision log.
Visual audit
- Identity auditHow the XSERIES visual identity changed from XS-1 to XS-3, which elements stayed consistent, and what has no rules yet.
- Color paletteColors measured from XS-1 to XS-3 material, a proposed core palette for the digital product, usage rules, and WCAG contrast check results.
- TypographyThe character of the type in XSERIES material, font candidates for the digital product (free and licensed), the size scale, and number rules for scores and stats.
- Motifs & iconographyThe motifs XSERIES already owns (the X, playing cards, the throne, arena light, the shot clock) and how to turn them into an icon system and digital product components.
Visual direction
- Visual principlesFive principles used to decide every XSERIES screen, graphic, and animation. Each one is derived from the research and the strategy.
- Moodboard & referencesA collection of XSERIES's own visual evidence and external reference links (sportainment leagues, brand systems, fonts) used as the basis for the visual direction.
- Photo & motionThe kinds of photos and video XSERIES already has, how to use them in the digital product, the grading style, and animation rules.
- Digital product UI directionHow the visual principles are applied to the screens of the XSERIES digital product. Covers layout, core components, states, and examples for each main page.