15 excellent examples of Web typography
I have spent the last month searching, stumbling, noting, bookmarking and analysing in a quest to find 15 Excellent examples of Web Typography. I’ve chosen them because they make excellent use of type. Some of the examples mimic the typography of print, while others actually leverage web technology, smart CSS and delicious HTML to make their pages not only aesthetically pleasing, but legible, user-friendly and easily navigable.
In a few days, I will be taking an in-depth look at all these sites, delving into their grids, sifting through their CSS and dissecting their HTML, to discover what makes them tick — and what makes them excellent examples of typography for the Web.
Prepare yourself a drink, sip, sit back, scroll, click and — above all else — enjoy.
01: A List Apart — for people who make websites
02: Shaun Inman — professional designer and developer
03: FontShop — as its name suggests
04: Jesús Rodríguez Velasco — blog of UC Berkeley professor
05: BearSkinRug Shop — professional illustrator, Kevin Cornell
06: Design View — Andy Rutledge, design strategist
07: Rikcat Industries — Rik Catlow, design director
08: Quipsologies — news and creative morsels
09: Design Snips — web design showcase
10: Red Interactive Agency — web marketing and development
11: The Big Noob — developed by and for…noobs
12: Design Can Change — climate change
13: Process Type Foundry — they make type
14: Finch— interactive and graphic design agency
15: SR28 — Simon Reynolds, web designer and illustrator
Don’t forget to check back here for the second part, “15 Excellent Examples of Web Typography — a closer look.” It’s going to be dirty work, so your overalls, and be prepared to get your hands dirty, as we take these sites to pieces, look at grids, layout, and some very neat CSS tricks to improve your web typography.
What do you think of these examples? Are there others that you feel deserve a mention?
To ensure you don’t miss out on Part II, join the other +2000 TypeNuts and subscribe to I Love Typography today.
Read the second part, 15 Excellent Examples of Web Typography — Under the Bonnet.
