Combofonts

Webfont Combination Application

Combofonts matches and recommends web font pairs. It's a personal project I worked on alongside my product design apprenticeship.

The application asks a series of questions based on the tone and mood of the context the text will be displayed in, provides you with a few combinations of options, and then gives you the markup to copy & paste into any codebase.

For the MVP I started with the Google font library , as it's a great free resource.

Combofonts devices
Getting Started Screen
Getting Started Screen
Getting Started Screen
Describe Screen
Describe Screen
Describe Screen
Nature Screen
Nature Screen
Nature Screen
Options Screen
Options Screen
Options Screen
Results Screen
Results Screen
Results Screen
Usable Code Screen
Usable Code Screen
Usable Code Screen

In-App Screens

Acting as an educational playground for me, this was one of my first experiences with a Ruby on Rails project. It also gave me an excuse to take a deeper dive into typography on the web.

The largest obstacle was finding a way to provide quality results while asking the least amount of questions necessary.

At the very least, this was a great product design exercise allowing me to practice the techniques from my KYN apprenticeship.