Create a reusable, accessible, extendable and style consistent design system based on current styles.
My role: design and develop

Design teams working on multiple projects encountered persistent issues with inconsistency, inefficiency, and maintaining a cohesive visual language.
Reverse-Engineering Existing Designs: We faced the challenge of creating components based on existing designs to ensure a smooth transition and scalability.
This design system will foster innovation, support new features, and adapt to evolving user needs, ensuring our products remain intuitive, accessible, and visually appealing.
Collect the used colors, fonts, effects, size, gaps and etc.; then research, filter, merge, and organize them; finally, define the standardized elements.












Ensuring it can adapt to diverse project needs, our design system is flexible and customizable, allowing it to grow seamlessly with our evolving requirements.










Build pixel-perfect template components using HTML/CSS/JavaScript.









