Project Cosmos — Creating scalable, production-ready UI foundations for a stylized fantasy adventure.
The component library for Project Cosmos was designed to support consistency, faster iteration, and reusable UI patterns across multiple game features and platforms. By building a flexible system of components, states, and styles, we enabled a cohesive visual language and a more efficient production pipeline.
Design Systems
Core UI Concepts
A flexible set of buttons, tabs, bars, and UI elements designed with consistent styling, clear hierarchy, and multiple variants to support different game features and states.
Cards & Progression States
Reusable card components with clear visual states to communicate progress, status, and interactivity. These components are used across collection systems, character progression, and unlock flows.
REUSABLE PATTERNS
A modular component library enabled consistent UI and faster iteration across multiple features.STATE CONSISTENCY
Clear, standardized states improved readability, reduced rework, and created a more cohesive experience.PRODUCTION-READY
Polished, consistent UI from prototyping to final art.