https://github.com/johnpolacek/design-system-playground

Play with typography and colors to generate a design system theme you can use in your projects.
https://github.com/johnpolacek/design-system-playground

Last synced: 17 days ago
JSON representation

Play with typography and colors to generate a design system theme you can use in your projects.

• Host: GitHub
• URL: https://github.com/johnpolacek/design-system-playground
• Owner: johnpolacek
• License: mit
• Created: 2017-08-13T12:03:52.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T17:27:30.000Z (over 1 year ago)
• Last Synced: 2024-04-09T15:18:29.762Z (7 months ago)
• Language: JavaScript
• Homepage: https://design-system-playground.netlify.com/
• Size: 5.64 MB
• Stars: 160
• Watchers: 2
• Forks: 13
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Design System Playground

#### Play with typography and colors to generate a design system theme you can use in your projects.

[![Netlify Status](https://api.netlify.com/api/v1/badges/ca9cacda-5677-43e8-928d-c1970af41cfe/deploy-status)](https://app.netlify.com/sites/design-system-playground/deploys)

---

With a [Theme Object](https://theme-ui.com/theme-spec) that follows the [System UI Theme Specification](https://system-ui.com/) for style values, scales, and/or design tokens, you can create [interoperable](https://jxnblk.com/blog/interoperability/) components that share common underlying style properties across projects, websites, applications and environments.

---

#### Related Projects

Check out these other cool projects:

- [System UI](https://system-ui.com/)

- [Theme UI](https://theme-ui.com/)

- [Rebass](https://rebassjs.org/)

- [Chakra UI](https://chakra-ui.com/)

- [Components AI](https://components.ai/)

- [ColorBox](https://www.colorbox.io/)

- [Color Thief](https://lokeshdhakar.com/projects/color-thief/)