Doing typography tests in Figma, XD and the likes is sketchy (get it?), and having to go through projects' specs in order to extract the global styles to be applied to your website or app is quite cumbersome and downright boring! I was tired of this process and figured a tiny tool like this could help, hope it's useful to you as much as it's for me 馃槃
- A better color editor that allows for changes in the primary and helper colors;
- i18n for multilingual support
- A guide, written in the initial markdown, as to how to use this tool, followed by maybe some tips on typography.
- A misc editor with information on image width, box shadows, etc.
- Previewing the theme with a regular website structure for more real-world feeling other than just a blog post.
- Make it responsive for mobile usage
- Testing
- H1s should have a default margin-top of 0 as they usually come first and don't have to distanciate from a element on top!
Just file an issue or create a pull request and let's talk through ideas and code implementations, everyone is welcome!
This software is free to use and modify under the MIT License (https://license.kaordi.ca), but please let us know how you're using it, we're curious and want to grow with you, too 馃槉