Portfolio
Atomic Design System
Project Overview
I created this design system to bring consistency, efficiency, and scalability to digital products. It includes well-defined foundations such as colors, typography, and spacing, along with reusable components like buttons, inputs, and snackbars. The system is built around a 4-point grid and follows accessibility guidelines to ensure an inclusive experience.
✅ Responsibilities
-Defined the design foundations — colors, typography, spacing, and grid system.
-Created reusable UI components (buttons, inputs, checkboxes, toggles, etc.) with clear
states.
-Built and organized the Figma library to ensure consistency and easy collaboration.
-Applied the Atomic Design methodology to structure components from atoms to molecules.