The Mindvalley Design System provides reusable design tokens and assets to help developers, designers, and content authors build, maintain, and scale best-of-class digital experiences across the Mindvalley ecosystem. The design system has the Mindvalley Design Language as its foundation.

It aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility and reducing developer effort.

Getting started

First, we recommend going through the figma design system. It captures our current views on how best to use the design in your daily work. Then, you can read the following guides:

1. The usage guide, if you want to start using the design system in your project/repo.
2. The contribution and release guides if you want to contribute to the repo.

Note: From this point onwards, there will be continous mention of the word token(s) or design token(s). Get an understanding of what they are here 👉 what are design tokens?

In the case you don't have access to mentioned figma design system, you can reach out to the channel listed in the help section and access will be granted.

:books: Usage

See the comprehensive usage guide.

🙌 Contributing

Read about the development process in the contribution guide.

🚀 Releasing and publishing changes

You can find docs about our release process in the release guide.

⚙️ Support

• All browsers
• Server-side rendering

🤷🏽‍♂️ Need Help?

For questions on how to use the Mindvalley Design System, please join and post questions to the #mindvalley-design-system channel on Slack, or reach out to any of the contributors for assistance.