Reign

Reign Design System Support

I contributed as a Visual Designer to support the creation and refinement of a design system for Reign. My role focused on defining visual assets, UI components, and reusable elements to support design consistency and scalability across the brand’s digital products.

Problem
Reign needed a cohesive design system to unify visual language across multiple products and platforms. The absence of a centralized system was leading to inconsistencies in UI components, visual hierarchy, and interaction patterns. The goal was to establish a scalable design foundation to improve cross-team collaboration and UI quality.

Goals
• Create a consistent and scalable visual language  
• Define reusable UI components with clear states  
• Establish color tokens, typography scales, and spacing rules  
• Improve visual hierarchy and component clarity  
• Support UX and development teams with design guidelines

Visual Designer — Design System Support  
I worked with the core design team to define key visual components, tokens, and patterns. My responsibilities included creating UI elements, refining component visuals, establishing consistency across screens, and supporting design documentation for implementation.

Design Process
**Discovery & Alignment**  
Collaborated with stakeholders and UX leads to understand design needs and existing patterns.

**Token & Component Definition**  
Created foundational style tokens for color, typography, spacing, and iconography. Designed reusable components like buttons, input fields, cards, and layout systems.

**Visual Iteration**  
Iterated visual versions of components based on team feedback and alignment with brand identity.

**Documentation Support**  
Assisted in documenting visual rules and UI guidelines for future reference by designers and developers.

‍

‍