The Best Typography-Based Sites of February 2014

March 5, 2014

I’m introducing a new monthly feature on Type & Grids where I’ll pick my favorite type-driven websites from the previous month and then write a little about the typographic details behind the design. Let’s get started!

FLIPP

FLIPP

Normally I like to see a little letter-spacing added to type set in uppercase, but this chunky Gibson type looks nice set rather tightly. It pairs very well with FF Tisa, especially the italic variant.

Check out other sites using the fonts Gibson and FF Tisa on Typewolf.

Where to get Gibson →

Where to get FF Tisa →


Mads Burcharth

Mads Burcharth

The scroll-hijacking on this site drives me crazy, especially when trying to take a screenshot for this post. However the use of type and color is wonderful. The friendly Brandon Grotesque perfectly compliments the illustration style of Mads.

Check out other sites using the font Brandon Grotesque on Typewolf.

Where to get Brandon Grotesque →


London SE

London SE

The typography on this site is excellent, however I do wonder why they use Publico for the headline on the homepage but then use a different serif, Elena, throughout the rest of the site. It might have been nice to see Publico integrated a bit more or else just simplify things and use only one serif. I think Elena pairs very well with Colfax.

Check out other sites using the fonts Colfax, Elena and Publico on Typewolf.

Where to get Colfax →

Where to get Elena →

Where to get Publico →


Monday Music

Monday Music

I love Playfair Display — I think it’s one of the best free serif fonts on Google Fonts. It’s a display font so it doesn’t work as well for setting body copy, but this isn’t a text-heavy site so I think it’s fine in this situation. Apercu is an unusual choice to pair with Playfair Display but I think it works.

Check out other sites using the fonts Apercu and Playfair Display on Typewolf.

Where to get Apercu →

Where to get Playfair Display →


Prospek

Prospek

Another site using the ever-popular Brandon Grotesque font. I love how on hover the images go behind the type creating a very cool effect. Bold color is used throughout the site which looks great with white Brandon Grotesque.

Check out other sites using the font Brandon Grotesque on Typewolf.

Where to get Brandon Grotesque →


Designer's Checklists

Designer’s Checklists

Relying only on open-source fonts, Playfair Display and Lato, this site has very professional looking typography. Playfair Display set in italic has always been a favorite of mine.

Check out other sites using the fonts Playfair Display and Lato on Typewolf.

Where to get Playfair Display →

Where to get Lato →


MMD

MMD

The white type set on a light grey background doesn’t offer the best contrast for readability, but it does look very elegant. It’s nice seeing Apercu paired with Apercu Mono — I’ve seen other sites where Apercu is paired with a monospaced font such as Courier which doesn’t go as well together.

Check out other sites using the fonts Apercu and Apercu Mono on Typewolf.

Where to get Apercu →

Where to get Apercu Mono →


Ableton

Ableton

I love the use of Futura on Ableton’s new site. Wes Anderson would be proud. The small bits of yellow type on white can be a bit hard on the eyes at times, but the splashes of color used throughout the site really add to the design.

Check out other sites using the font Futura on Typewolf.

Where to get Futura →


Sivert Hoyem

Sivert Hoyem

This is another site with low contrast and muted colors, although when you hover over a section the contrast increases which is great. The font Circular is great for this type of minimal design.

Check out other sites using the font Circular on Typewolf.

Where to get Circular →


Advertising Age

Advertising Age

I first saw Tiempos used on the web on Frank Chimero’s What Screen Want site. It’s a great typeface and looks wonderful on Advertising Age’s new site, designed by one of my all-time favorite agencies, AREA 17. There are small amounts of Gotham mixed in and I would have loved to see Gotham used exclusively as the sans-serif typeface instead of mixing it with Helvetica.

Check out other sites using the fonts Tiempos Headline and Tiempos Text on Typewolf.

Where to get Tiempos Headline →

Where to get Tiempos Text →


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Enter your email below if you want to be notified when it is published.

Receive an Email When I Publish This Monthly Post

Note: I do send out the occasional email about other happenings at Type & Grids. You can unsubscribe at any time with one click.

Keep Up With the Latest in Web Typography

If you enjoyed this post then you’ll probably really like Typewolf, my other side project. Typewolf features the best type-centric designs from around the web with the web fonts identified. It’s an excellent resource to check out the next time you need to choose a typeface for your next web project. You can follow Typewolf on Twitter and Tumblr or sign up to receive a weekly email summary.

Typewolf




follow us in feedly

Filed Under: typography

← Blog Home

blog comments powered by Disqus