We've written an article about (with some hyperbole) creating a Design System in under a day... the correct ingredients provided!
In that case, those ingredients were:
In that case, those ingredients were:
- kickstartDS as the frontend base: https://www.kickstartds.com/
- Storybook as a prototyping tool: https://storybook.js.org/
- Sanity.io landing page, as a reference: https://www.sanity.io/
In the blog post we've re-created the Sanity.io landing page by:
- Adding some general theming
- Applying further Design Tokens
- Sprinkling in some customization
All based on the shared Design System components!
In the end we were able to re-create everything with just:
In the end we were able to re-create everything with just:
- 52 token overrides, and
- 70 lines of additional CSS
Read more at: