The Decent Design System is designed to streamline the workflow for both developers and designers, making it easier and faster to build. It plays a key role in supporting Decent DAO's products by ensuring consistent, scalable, and efficient collaboration between design and development teams.
The design system at Decent DAO is defined as a set of connected patterns and shared practices that guide how digital products are designed and built.
A unified design language improves visual and functional quality, which enhances user experiences across different products.
using components, allowing quick deployment of new features. Even if not explicitly labeled as such, Decent has been using design systems through external tools and frameworks.
Even if not explicitly labeled as such, Decent has been using design systems through external tools and frameworks such as UI kits, CSS frameworks, and other established Design Systems.
The core elements that underpin the design system, such as colors, typography, spacing, and grid systems. These components establish a consistent visual language across all platforms.
Composable, reusable, and customizable, these building blocks promote efficiency and consistency across design and development.
Patterns offer guidance for addressing recurring design problems, helping teams maintain a consistent user experience while allowing for flexibility and scalability.
Design tokens are variables that store visual design attributes, such as colors, fonts, and spacing values. They enable dynamic updates and modifications, ensuring that design adjustments are efficiently implemented across all platforms and products.
Comprehensive resources that provide teams with clear guidelines on how to use and contribute to the design system. This documentation helps maintain alignment and enables the design system to evolve alongside the needs of the team and products.
Building a design system requires repetition and consistency to reach a high level of proficiency, reflecting the need to continually improve and adapt.
Decent's approach to managing its design system is like gardening rather than architecture. Instead of rigid planning, the system is allowed to grow organically. As products and needs evolve, the system is cultivated—weeded, trimmed, or expanded as necessary.
“A gardener plants seeds and tends to them, but doesn't know exactly what the garden will look like. They intervene as needed to guide its growth.”
– José Torre (Shopify UX)
Decent values open communication and collaboration. Work on the design system is shared publicly via Discord channels and other tools to promote transparency of the design system’s evolution.
Decent DAO’s design system is not just about creating visual consistency; it’s an evolving practice that enables faster product development, scalable design processes, and collaboration across teams. Its organic, gardener-like approach ensures that the system grows and adapts to new challenges, ensuring it remains relevant and functional as Decent’s product offerings evolve.
