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 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.
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.
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.
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.
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.
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.
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.
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.
This site feels like you are reading a well-designed newspaper thanks to the ever popular combo of Sentinel + Gotham.
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.
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.