Cultivate beautiful user interfaces
Marigold is a design system for Reservix, providing components and tools that let product teams focus on core challenges while creating unified, accessible applications.
Built to be accessible
Marigold is designed with accessibility in mind from the ground up. It leverages React Aria for screen reader and keyboard navigation support, ensuring your applications are ready for every user.
▶︎ Learn more about accessibility--text-base
--text-base-hover
--text-base-disabled
--text-inverted
--text-inverted-hover
--text-inverted-disabled
--text-info
--text-info-hover
--text-success
--text-success-hover
--text-warning
--text-warning-hover
Made for collaboration
Designers and developers iterate together using shared tools like design tokens, guidelines, UI kit, and Storybook. No handoff is necessary. Instead, collaboration throughout the project reduces friction and fosters a unified vision.
▶︎ Deep dive into the foundationsComplex layouts, simplified.
Ready-to-use layout components make it easy to build pages of any complexity. These flexible tools help teams quickly create responsive, structured designs, streamlining the process without the need for complex CSS.
▶︎ Learn more about layoutsOne system, flexible styles.
All components are built to adapt seamlessly to different brands and visual identities. With flexible theming options, teams can easily tailor components to match unique brands, styles, and design needs.
▶︎ Explore theming possibilitiesNeed help? We've got you!
Whether you're stuck, curious, or just want to say hi, join us in our Slack channel (internal only) or head over to our Get in touch page. We promise we don't bite and we'll get back to you as quickly as possible.
Contribute to Marigold!
Got a great idea or a request? We love to hear it! Take a peek at our contribution guide first to keep things tidy.
Oops, found a bug?
Oh no, a bug! Don't worry, we've got a plan for that. Head to our support portal (internal only), tell us all the gory details (screenshots welcome!), and we'll get it sorted.
The essentials, just a click away
Design in Figma, develop in Storybook, contribute on GitHub or prototype in Stackblitz — all right here.