Constellation Design System

Constellation is a design system and UI library exploring how foundations, components, variables, and themes can scale across multiple digital experiences.

role
Product Designer
Tools
Figma
FOCUS
System Architecture, Components, Variables, Theming

Workspace

Semantic variables, reusable styles, and organized libraries were used to create a system that is easier to maintain and scale.

Foundations

Foundational styles were defined first to create consistency across every component and interface.

Components

Components were designed as reusable building blocks to support scalability and reduce repetitive work.

Interface Solutions

Components were combined into larger interface solutions to support common workflows and interaction patterns.

Application

The system was applied to a responsive dashboard to validate how components, variables, and themes work together across different contexts.