×
Ă—
I LOVE TYPOGRAPHY

15 Great Examples of Web Typography

Welcome to ILT’s second-quarter roundup of sites that use type well. It may be that not all the sites listed here are to your taste, but it’s hoped that something—even a detail somewhere—will inspire you. Invariably, these lists are subjective, so if you disagree, then feel free to do so in the comments below. If this list provokes discussion of what constitutes good web typography, then all the better. The designs are listed in no particular order. Click on the screen-shot to visit the site. Enjoy!

Designing the News

High contrast between header and main content area, lots of white space and well organised.

Designing the News

OmniTI

Nice logotype, clear text and a very nice colour palette. You can read more about the design process here.

OminTi

Designr.it

Gorgeous logo (who can name the typeface?), and lots of subtle details.

designr.it

Seed Conference

No Flash, no images, no fuss; just well-styled text and well-written copy; and proof that type alone can make one hell of a statement. I’d love to see more on-screen type treatments like this one.

Seed Conference

Design View

Andy Rutledge is a designer who practices what he preaches. I particularly like how the text size is related to the article’s age, with the most recent excerpt set in the largest size.

Design View. Andy Rutledge

WordPress.org & WP 2.5.x Admin

Although the WordPress blogging platform is not a web site, it is something that thousands, if not millions, of us see on our screens every day. If only more applications—on- and off-line—were built and designed like this.

WordPress

OurType

I’ve been reluctant to include this site before owing to its use of Flash. However, it does showcase beautifully some great typefaces (and some of my favourites, I might add).

Ourtype type foundry

The Deck

Another site that simply relies on text for everything. A great example of hierarchy and layout. Who said a picture paints a thousand words? Type paints more.

The Deck

Hell Yeah Dude

Busy without feeling cramped, and a site that clings to a good grid.

hellyeahdude.com

Information Architects

Not afraid of white space and a limited colour palette.

Information Architects

Naz Hamid

Beautifully done. A design that really lets in the light.

Naz Hamid

Jon Tan

Typographically rich, elegant and uncluttered; and the logo…it’s not an image!

jontangerine

Under Consideration

Lots of information without feeling cluttered, and complimented by a carefully chosen colour palette.

Under Consideration

Elliot Jay Stocks

This web site has been featured just about everywhere. It’s here because it uses type well too.

The Things we Make

Colourful, organised and big type.

The Things we Make


In a future article, Typographic Detail for the Web, we’ll look a little more closely at some of these sites.
Previous lists: 1, 2.

previous: Sunday Type: mirror type

next: Sunday type: crossword type

Typeface Categories

learn greek type desgin
font deals of the week
fonts on tape