The Best Typography-Based Sites of March 2014
April 3, 2014
This is the second 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 February here.
The Pew Center for Arts & Heritage
I really dig the contrast between the bold weight of the serif Arnhem and the light weight of the monospaced sans Maison Mono. The shifting colors on the image and menu hovers are a nice touch that really makes the type stand out.
The Cub Reporter
The warm and friendly curves of Brandon Grotesque perfectly compliments this simple and colorful site for middle-schoolers.
Check out other sites using the font Brandon Grotesque on Typewolf.
I didn’t even know a monospaced version of Helvetica existed until I came across this site. It actually works fairly well as a body copy font in the short amount of text on this site. And I love the use of the ultra-condensed version of Univers for headlines.
I really love GT Walsheim — I think it has so much unique character for a geometric sans and it looks great on this site. Pairing it with Caslon is an interesting choice.
I love sites like this that use a single typeface and create contrast just by variations in font size and use of uppercase. Franklin Gothic works perfectly for this.
Check out other sites using the font Franklin Gothic on Typewolf.
I really like this site but the places where they mix Apercu with Garamond in mid-sentence can be jarring. I also have to call out the use of prime symbols instead of apostrophes in the headlines.
I’m a big fan of Galaxie Copernicus from Village and I especially love the italic. Studio Alto keeps things simple and uses only the italic version which makes a great combo with Maison Neue.
Script & Seal
The quirky geometric sans Apercu is a perfect font choice to compliment the illustration style of Script & Seal. Interestingly, there are bits of Raleway, another geometric sans, mixed in here and there in the design. Not sure if that was intentional or maybe a remnant from a previous design that didn’t get updated in the CSS.
This is the first time I’ve seen Supria Sans used on the web and I gotta say I’m very impressed. Supria Sans was designed by Hannes von Döhren, the same designer who created the super-popular Brandon Grotesque. Bloomberg View uses Supria Sans as the sole typeface on their site and they make nice use of the various weights. It’s another great example showing that sometimes one typeface is all you need.
Check out other sites using the font Supria Sans on Typewolf.
Google Science Fair 2014
The new website for Google Science Fair 2014 appears to have been art directed by Wes Anderson. I think the designers did a great job pulling off this style. Personally, I find the large photo backgrounds distracting and would have preferred to just see the strong Futura type set against a solid color background instead.
Check out other sites using the font Futura on Typewolf.
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.