Introducing Typ.io. Belatedly.
TL;DR

Collect, share and discover type combinations with Typ.io. It’s live and you can play with it.

The idea

Choosing one font is easy… finding companions is really hard.

When I start a new project I’ll generally go and have a browse of ColourLovers for palette inspiration. I wanted the same for fonts.

I collect samples of webtype in Evernote that I find around the internet. It’s great as far as it goes but when it comes to acting on the inspiration it’s quite painful: go to the site, inspect the elements I like, check the computed style, copy the font, search Typekit, Fontdeck and Google Web Fonts to see whether they have it. Rinse repeat.

Typ.io

To make my life easier, I made myself a little bookmarklet to extract the font data and built a little app to store the data. That’s Typ.io. On Typ.io I can browse the samples I’ve saved, see what fonts are used and what I’ve tagged them with. Each font gets its own page, illustrated with samples people have saved, and what fonts are commonly combined with it. If I find another sample I want to save for later, I can “like” it.

Take Proxima Nova, for example. It’s all over the shop at the moment. Many designers combine it with Lucida Grande and Helvetica Neue. Agencies and apps seem to favour it. If you want to use it, you can get it from Fontdeck, Fonts.com and Typekit amongst others.

Bookmarklet

You can the latest version of my bookmarklet from the Contribute page. When you find a site with type you like, hit the bookmarklet and follow the instructions.

Chrome Extension

On a friend’s suggestion, I extended the bookmarklet into a Chrome extension. It sits in the bottom right hand side of your browser. Click it to see the fonts being used on the page. Click the fonts to see exactly where each one is employed. Click on the plus to start sending a sample to Typ.io.

Next

I’m trying to make the screenshot stage less painful. I want posting to Typ.io to be a single step, rather than the slightly irritating screenshot and crop course you have to navigate.

Done

And that’s it. Care to try it out?

petercooperjr said:

Did you get a social media Comp. Rules Update to give us? Perhaps something like fixing a minor typo in some obscure rule that's almost always irrelevant?

This sounds exciting. Typios are the best.

anonymous said:

"my mun is always sick. what should I do?"

image

"Always getting sick is such a vague statement. Colds? Vomiting? What are you talking about? Jeez… If it’s getting sick like getting ill, vitamins! Eat better, watch your intake! You’re probably not giving your body what it needs. If it’s vomiting, see a doctor! And if your cold lasts for longer than four days, SEE A DOCTOR!"

Don’t go asking random exorcists dammit.

Okay now that I calmed down and I stop crying and screaming *oops*

I want to write a huge thank you letter to Taylor to thank her obviously bc she FOLLOWED me 

BUT I have to go to my architectural drawing courses 

So I’ll be back in 3 hours to get completely crazy about what happened today

And again

Thank you taylorswift for making me the happiest girl on earth xx 

Text
Photo
Quote
Link
Chat
Audio
Video