The Best Typography-Based Sites of May 2014

June 3, 2014

This is the fourth 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 April here.

True Detective

True Detective by Nigel Evan Dennis

On first glance, Sofia looks a little like Futura, especially with the bold weights. However, on a closer look it has a less-geometric, more playful feel to it. It’s a great match for the illustration style of Nigel Evan Dennis.

Check out other sites using the font Sofia on Typewolf.

Where to get Sofia →


Boat Magazine

Boat Magazine

Freight Big is a high-contrast font meant to be used at large sizes (hence its name) like on the Boat Magazine site. The text version of Freight is used for the body copy, as it has less contrast and is much more readable at smaller sizes. A light weight of Futura is used for the nav and subheaders — a heavier weight of Futura would probably have competed too much with the delicate Freight.

Check out other sites using the fonts Freight Big, Freight Text and Futura on Typewolf.

Where to get Freight Big →

Where to get Freight Text →

Where to get Futura →


Ymuno Summer 2014

Ymuno Summer 2014

Garage Gothic is set entirely in uppercase and is paired with Courier for body copy. The body copy is set justified which is often times considered a bad practice on the web, however for the small amounts of copy on this site it seems to work well.

Check out other sites using the fonts Garage Gothic and Courier on Typewolf.

Where to get Garage Gothic →


Portsmouth City Council

Portsmouth City Council

For a government site, this has very bold typography. The Aktiv Grotesk looks great, however Arial is occasionally mixed in which is kind of a shame as the two fonts don’t pair very well together.

Check out other sites using the font Aktiv Grotesk on Typewolf.

Where to get Aktiv Grotesk →


Purple, Rock, Scissors

Purple, Rock, Scissors

Hoefler & Co.’s Sentinel and Gotham always look great on screen thanks to the H&Co. ScreenSmart technology. The type on this site is set pretty flawlessly — my only complaint is that the white text set on top of photos can be a bit hard to read in some places.

Check out other sites using the fonts Sentinel and Gotham on Typewolf.

Where to get Sentinel →

Where to get Gotham →


Kevin Zweerink

Kevin Zweerink

I love the idea of pairing such a classic typeface like Minion with a modern, somewhat avant garde design like this. The monospaced Inconsolata is mixed in as well.

Check out other sites using the fonts Minion and Inconsolata on Typewolf.

Where to get Minion →

Where to get Inconsolata →


Hughes Estate Sales

Hughes Estate Sales

Avenir was voted the most favorite font in my Industry-Leading Designers Share Their Current Top 3 Favorite Typefaces post I published last month. The Hughes Estate Sales site is a great example showing why this typeface is so popular.

Check out other sites using the font Avenir on Typewolf.

Where to get Avenir →


Paintbox

Paintbox

The type on this site actually feels very similar to the Boat Magazine site discussed above. Both use Freight Big and Freight Text combined with an uppercase sans-serif, but Paintbox use Proxima Nova rather than Futura. Freight gives the site a very delicate, feminine quality.

Check out other sites using the fonts Freight Big, Freight Text and Proxima Nova on Typewolf.

Where to get Freight Big →

Where to get Freight Text →

Where to get Proxima Nova →


The Distance

The Distance

This site feels like you are reading a well-designed newspaper thanks to the ever popular combo of Sentinel + Gotham.

Check out other sites using the fonts Sentinel and Gotham on Typewolf.

Where to get Sentinel →

Where to get Gotham →


n+1

n+1

This entire site uses just one typeface — Adelle Sans. There are no bits of default fonts like Arial and Georgia thrown in which oftentimes happens. Adelle Sans has such a full range of weights that introducing a second typeface into the design is not needed.

Check out other sites using the font Adelle Sans on Typewolf.

Where to get Adelle Sans →


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