In an effort to streamline the visual and functional consistency of a growing side project, I set out to build a scalable design system from the ground up. The focus was on creating an inclusive, flexible foundation that could support both light and dark themes while ensuring accessibility remained a core priority. I implemented a token-based structure to define semantic variables—covering spacing, typography, and especially color—to promote maintainability and adaptability across the interface. A key part of the system involved designing a robust library of reusable components, each crafted to meet accessibility standards (e.g., contrast ratios, focus states) while remaining visually coherent in both light and dark environments. This system now serves as a reliable backbone for ongoing design and development, enabling faster iteration and a more unified user experience.