Type Tool

Neat little One Pager by Noah Delagardelle that allows you to experiment with typography within your browser. Cheers for the great build notes!

This site is intended to be a simple tool for editing typography in the browser. I wanted a way to see how different types of typography would work together in the browser without having to set anything up. I just wanted a convenient place I could go to in order to experiment with type pairing and arrangement, and I couldn't find anything that already existed so I built Type Tool.

It's mainly a development tool, given the fact that the CSS for the layout you create is available to you at any time. But I realized that it could easily be used by any kind of designer who was looking to quickly ideate with different font combinations and pairings, as well as color and size relationships of typography on the screen.

I challenged myself to work with jQuery in this project, I didn't have a lot of experience with it in the past and used this project as a way to improve my skills as a developer. I had a hard time figuring out how to implement a GUI for a color picker also. I looked far and wide for a good plugin that would be light weight and easy to implement. I finally stumbled upon Spectrum, a color picker plugin by Brian Grinstead. It ended up doing just what I wanted it to do after I customized it a bit.
Categories App Experimental
Typefaces Lato Open Sans
Landing Page Hot Tips Ebook
Strengthen your Landing Pages with 100 Hot Tips, audiobook and interactive launch checklists ๐Ÿ”ฅ
Email Inspiration? Check out Email Love ๐Ÿ“ฌ