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

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.

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

Where to get Arnhem →

Where to get Maison Mono →


The Cub Reporter

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.

Where to get Brandon Grotesque →


Imperial Pomp

Imperial Pomp

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.

Check out other sites using the fonts Univers and Helvetica Monospaced on Typewolf.

Where to get Univers →

Where to get Helvetica Monospaced →


Knormal

Knormal

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.

Check out other sites using the fonts GT Walsheim and Caslon on Typewolf.

Where to get GT Walsheim →

Where to get Caslon →


Andrew Tarcon

Andrew Tarcon

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.

Where to get Franklin Gothic →


Camron

Camron

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.

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

Where to get Garamond →

Where to get Apercu →


Studio Alto

Studio Alto

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.

Check out other sites using the fonts Maison Neue and Galaxie Copernicus on Typewolf.

Where to get Maison Neue →

Where to get Galaxie Copernicus →


Script & Seal

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.

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

Where to get Apercu →

Where to get Raleway →


Bloomberg View

Bloomberg View

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.

Where to get Supria Sans →


Google Science Fair 2014

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.

Where to get Futura →


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