The Best Typography-Based Sites of July 2014

August 4, 2014

This is the sixth installment of my new monthly feature on Type & Grids where I pick my favorite type-driven websites from the previous month and then write a little about the typographic details behind the design. You can check out last month’s post for June here.

Benvingut Bisgràfic Barcelona

Benvingut Bisgràfic Barcelona

This site is a great example of what can be done using only free fonts. Sorts Mill Goudy and Cutive Mono are limited fonts that lack additional weights but they are both available for free. Even with a limited typographic palette, Benvingut Bisgràfic Barcelona still manage to do something exciting and engaging with the type.

Where to get Sorts Mill Goudy →

Where to get Cutive Mono →


Readymag

Readymag

Mixing two similar sans-serifs is generally considered a bad idea. However, Readymag seem to know what they are doing when they combine Nobel and Avenir. Nobel is almost used as a display version of Avenir by being set only at large sizes. It’s an interesting and unusual approach but I think it works.

Where to get Nobel →

Where to get Avenir →


Few

Few

I’m surprised that I don’t see Grad combined with Proxima Nova more often. Both are designed by Mark Simonson and I think they work nicely together. I love seeing the details of Grad when it’s set at a large size.

Where to get Grad →

Where to get Proxima Nova →


Sharon Daddi

Sharon Daddi

I love the combo of GT Walsheim with Sanchez. Although I’m not sure introducing the third typeface, Droid Sans, into the mix was really needed. I feel like you already have a geometric sans and a slab serif so what is the need for a humanist sans on top of that? This is still a nice site — just the use of Droid Sans feels out of place to me.

Where to get GT Walsheim →

Where to get Sanchez →

Where to get Droid Sans →


Headspace

Headspace

Brandon Grotesque really makes a perfect match for this style of quirky, “flat design” illustration. I feel like Brandon Grotesque might be getting a little overused but this site makes excellent use of the typeface. The type effortlessly switches between uppercase and italics to keep things fun, dynamic and engaging.

Where to get Brandon Grotesque →


Elena Mora

Elena Mora

Elena Mora’s site uses a minimal amount of type but still manages to do interesting things with it. Benton Sans is set vertically in some places which is a nice touch.

Where to get Benton Sans →


Pitchfork Music Festival

Pitchfork Music Festival

Larsseit is one of my favorite recent sans-serif releases and the Pitchfork Music Festival site makes great use of it. Only one typeface is used and that is all that is needed.

Where to get Larsseit →


Cornell University

Cornell University

It’s nice to see a large university website going all-in with web fonts. No Arial or Georgia here — just Freight Text and Freight Sans. The Nard Dog would be proud.

Where to get Freight Text →

Where to get Freight Sans →


The Workshop

The Workshop

When I featured this site a few weeks ago on Typewolf, it was using Calluna and Proxima Nova. I guess they had a change of heart because it’s now using Chronicle Display and Apercu. I’m not sure I like it as much — Apercu just feels almost too quirky to be combined with a serious typeface like Chronicle.

Where to get Chronicle Display →

Where to get Apercu →


Harewood House

Harewood House

I immediately fell in love with the type on this site. The light weight of Bodoni Egyptian just plays so nicely with the simple grotesque, Graphik. This is truly a gorgeous site.

Where to get Bodoni Egyptian →

Where to get Graphik →


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