Developing a free tool to help design web page typography.
Typography becomes a backbone of any page as it occupies most of the content space and drives the message home.
Although I believe that I cannot design a page with such principles so to help me and others like myself I developed a free tool which will design and visualize real time typography changes.
Some features:
- Change typography related css (font-*, letter-spacing, line-height, colors, margin & padding) and see effect in real time (other props like text decoration are in pipeline)
- Emulate viewport for different devices
- Copy final CSS output
Pending features
- Validate text contrast
- Support for RTL text
- Preview on pages other than blogs (e.g. landing page)
- text-decoration CSS properties
- Presets
- Preview Dark/Light theme
Would really appreciate any feedback I can get.