The Best Typography-Based Sites of June 2014
July 1, 2014
This is the fifth 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 May here.
A condensed version of Clarendon is combined with the ultra-condensed free font League Gothic. Minion is used as the text face and pairs very nicely with the two condensed faces. The type on this site is set beautifully — the only thing that bothers me is that League Gothic doesn’t really match the condensed sans-serif used in the Grinders logo.
It’s nice to see a site using FF Super Grotesk. It has a similar feel to the mega-popular Brandon Grotesque but is used way less on the web. It makes a great combo with the playful rounded serif Rooney.
Louder Than Ten
The lively display version of Harriet is used at large sizes while the much more legible text version is used for body copy. Avenir is used as well although its use is somewhat inconsistent with some body copy set in Avenir and other sections of body copy set with Harriet.
Akkurat is used as the sole typeface on this site for architecture firm Nick Leith-Smith. Akkurat comes across as very classic and anonymous but it immediately gives the design a distinctive feel compared to a more common typeface like Helvetica.
Check out other sites using the font Akkurat on Typewolf.
Multiple weights of Hoefler & Co.’s Gotham are used to create a nice type hierarchy using only a single typeface. My only nitpick is the leading looks a little too tight when the video author text wraps to two lines.
Check out other sites using the font Gotham on Typewolf.
Frank Chimero’s new design studio keeps things simple and uses Commercial Type’s Atlas Grotesk set in the same point size for the entire site.
Check out other sites using the font Atlas Grotesk on Typewolf.
Avenir and Minion are a classic combo and Rokkan’s site has consistent, balanced and well-thought-out typography.
I love the use of Futura bold on Atlantic Records’ new site. However I think it would have been nice to see a different serif paired with it besides the default font Georgia. Something like Bodoni might combine better with Futura.
Christopher Doyle & Co.
I always dig sites like this that rely almost entirely on type for the design while keeping images to a minimum. For this type of site to work the typography needs to be spot on and in this case it definitely is. Tiempos Text looks great paired with Post Grotesk.
Mixing two different serif typefaces is generally considered a bad practice in setting type. However Pete Nicholson’s site breaks the rules by combining Larish Neue with Lyon Text and I think it looks great. The two serifs are different enough to provide adequate contrast while still feeling like they belong together.
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.