WORKS/ NO.05
SCROLL TO EXPLORE
Duration
2+ month
Status
Released
Year
2025
Theme
Dark & Light
Apply for
Anfin & AnfinX
Introduction of this task
Anfin previously lacked a design system, which often caused delays and inconsistency in our work. I realized that implementing one would save time and help maintain uniformity across designs.
Inevitable problem
Anfin’s applications were built without a proper design system from the beginning, relying only on a basic UI kit. As a result, replacing it with a new system was challenging. Therefore, several rules and elements had to be retained from the old setup.
Highlight
The system allows for seamless design execution and improves consistency across teams. Token naming conventions also simplify theming and mode switching, making it easier to scale in the future.
Design system/ Overview
Objective
Ensuring consistency across existing applications and addressing design flaws
Helping designers reduce time spent on repetitive design tasks
Exporting design tokens for the mobile development team to ensure production matches the design
Switching dark to light mode easily
Information
Rules
6
Token types (*)
4
Color schemes (*)
2
No. components
700+
Dark & Light mode?
✅
References
Design system/ Key elements
There are some key elements I'm allowed to share.
Instruction
Color scheme
Grid
Typography
Components
