Spacing Scale
Spacing is an essential part of a design system, providing a standardized approach to spacing that ensures consistency and visual harmony across all interfaces. It defines a set of predefined values for margins, padding, and gaps, facilitating a balanced and aesthetically pleasing layout.
In our design system, the Spacing includes a range of values from small to large, designed to cater to various design needs. These values are applied uniformly across different components and sections, creating a cohesive and well-structured visual flow.
Foundations
Components
Feedback from the Frontline
Amazing work TEAM Keep Design! I wish you all the best.
Sumit Saha
Founder, Learn with Sumit
If you're looking for a design system that supports React-based code, check out the Keep Design System. It will significantly reduce your both design and development time.
Shoaib Mahmud
Product Designer @Toptal
I have used a couple of design systems and have even created a couple of my own for some projects, but could never bridge the gap between design and development. It is good to see that Keep Design System is not just thinking about quick design, but also a smooth handoff between designers and developers. After exploring multiple design systems, I must say some of the components are quite unique and done in very exhaustive manner. Very excited for the future roadmap, the components and features planned for future are very exciting. It's definitely on my follow list. Keep up the good work guys!
Zalak Upadhyay
UX Designer
As a developer, I've found Keep Design System to be an invaluable resource in my projects. Its seamless integration with Figma and React makes creating beautiful and consistent user interfaces a breeze. The availability of both design assets and React components for free is a huge plus, especially for developers working on tight budgets. The well-documented and easy-to-use system saves time and effort, allowing me to focus more on functionality while ensuring a polished UI. Keep Design System truly lives up to its name, helping me maintain design coherence across projects effortlessly. Highly recommended for any developer looking to elevate their UI/UX game.
Hasibul Hasan
Lead Developer @EWS Automation LLC
Looks INSANELY good! It's very generous of you (and smart of course) to have a free version for trying. Looks amazing!
Jad Bourji
UX enthusiast
A great design system. Minimal and Clean with Reach library
Muhammad Ahsan Pervaiz
UX Designer | SaaS Products Designer
This is fantastic news! Keep Design System 1.5 seems like a game-changer for designers everywhere.
Aman Kumar
Founder OF AI-MAN