8-Grid + responsive + Accessible + multi-themed Design System
A design system is a way of keeping all the UI aligned, consistent ,and tested. Together with Continuous Integration, developing a Design System ranks as one of the most impactful ways you can make your product better.
Responsiveness in action
Injecting some personality into a Design System with icons
Mirroring the Design system with the codebase allows a lot of room for experimentation and made easier to created accessible Themes for color-blind or vision-impaired users.
Design System is mirrored to the React Styled-Components implementation
With Variables, creating new themes is easy.
This design system considers the documentation from the initial stage.
Documentation starts with Design.
This design system started with the basic UI components, but it evolved into customized UI for complex needs.
