Typography is perhaps the most important element of any site, certainly for a blog or magazine styled site. Good typography should not dominate a page, it should highlight certain areas as well as allowing readers to subconsciously scan the rest of the page and take in the information with ease.

There is no magical formula to generate great and inspiring type, but these sites below seems to know about one. Every headline, every single sentence and all the way down to every single letter are perfect.

Its not a case of wishing you had designed these sites, its a case of wishing you could.

GOOD Magazine

Inspiring Typography Based Blog Designs

EightHourDay

Inspiring Typography Based Blog Designs

Alpha Multimedia Solutions

Inspiring Typography Based Blog Designs

Daniel Mall

Inspiring Typography Based Blog Designs

Rich Morris

Inspiring Typography Based Blog Designs

Elysium Burns

Inspiring Typography Based Blog Designs

Information Architects

Inspiring Typography Based Blog Designs

Typechart

Inspiring Typography Based Blog Designs

Cognigen

Inspiring Typography Based Blog Designs

Jaredigital

Inspiring Typography Based Blog Designs

Jason Santa Maria

Inspiring Typography Based Blog Designs

A List Apart

Inspiring Typography Based Blog Designs

Quipsologies

Inspiring Typography Based Blog Designs

Designr.it

Inspiring Typography Based Blog Designs

SimpleBits

Inspiring Typography Based Blog Designs

ilovetypography

Inspiring Typography Based Blog Designs

By Paul Andrew

  • http://dtsn.co.uk Daniel
  • http://www.logodesignlove.com David Airey

    Nice selection. I second Daniel’s thought about I Love Typography. Your post header image reminds me of Johno’s original iLT header from back in the day.

  • tim

    Thanks for the suggestion, its been added.

  • http://www.duzodesign.com Timothy

    Nice roundup.

  • http://www.lineheight.net/ eKoeS

    Useful collection, thank you Tim. I’d also suggest http://andreagandino.com/ as a website which makes a great use of typography techniques throughout its pages.

    Keep up with the good work,
    Simone

  • http://designr.it Piotr

    Thanks for featuring my site, Tim. Real shame you didn’t grab the screenshot within a browser with better type rendering engine. Designr looks pretty in Safari and even prettier with Baskerville present (link)

    Ciao

  • http://www.1stwebdesigner.com Dainis Graveris

    I am starting to be a huge fan of typographic designs and layouts! Nice roundup!

  • Ben Curnett

    I saw the headline and immediately thought of A List Apart. Glad to see they were included. I think Daniel Mall’s is my favorite. Great entries, all.

  • http://www.makestablemoney.com/ Make Stable Money Online

    I love typography is still my fav!

  • http://www.designworkplan.com Sander

    Great collection, thanks for sharing. You might want to take a look at one of the new type website typetheory.com.

  • http://www.toputop.com kiran

    Nice collection of typography…

  • http://www.elysiumburns.com Sean Baker

    Thanks for including me on this list — it’s a great honor to be mentioned with such elite company.

  • http://www.leapgo.com LeapGo

    Thanks for the collection. Typography, unfortunately, is a fairly new undertaking by many. The more that start paying attention the better the web will be, especially for people like me that scan pages as fast as possible looking for info.

  • http://www.contempographicdesign.com Chris Robinson

    Nice round up, I really dig Jason Santa Maria’s every post of his never ceases to inspire me, and Typechart has some nice subtle features with a clean layout

  • http://ilovetypography.com johno

    @ David Airey
    That’s because it is. I don’t think I have a copy of that old masthead, so can’t imagine where it came from :)

  • http://www.zerotemplates.com Pasey

    What a font of information – I love topography is my fav!

  • Drake Tomilson

    Awesome list, very inspiring. I was surprised not to see Astheria or Cynosura though. I think they’re both gorgeous as well.

    Cheers!

  • http://www.netizen.web.tr web design

    Nice selection

  • Pingback: Web Design Inspiration | Galleries, Websites, And More - Massive Link Collection Part #3 | Joren Rapini.com Weblog()

  • Pingback: Web Design Inspiration | Galleries, Websites, And More « Joren Rapini.com Weblog()

  • http://www.outofthefriendzone.com/ Gavin’s Guide To The Friend Zone

    I like ilovetypography and Elysium Burns the most! They look nice and clean and readable at the same time.

  • http://freewarematter.blogspot.com FreewareMatter

    So beautiful. I really love these designs. Very creative and impressive. Thank you for this post.

  • Pingback: Daily Digest für June 21st — Amys Welt()

  • Pingback: 16 Inspiring Typography Based Blog Designs | Design Reviver « Netcrema - creme de la social news via digg + delicious + stumpleupon + reddit()

  • Pingback: 16 Inspiring Typography Based Blog Designs | Design Reviver | Squico()

  • Pingback: LISTDUB» 16 Inspiring Typography Based Blog Designs | Design Reviver()

  • Pingback: Ways and Links to improve the Typography of your Wordpress site | yourfever()

  • Pingback: Roundup of Roundups()

  • Pingback: Ways and Links to improve the Typography of your Wordpress site | styl.eti.me()

  • Pingback: 16 Inspiring Typography Based Blog Designs | Design Reviver()

  • http://hirewordpressexperts.com/ BageshwariJohaans

    Hello.

    Did you ever think about creating your very own blog? There are many great platforms, but by far the best is WordPress. It is fast to set up, however the themes just never fit my specifications. I looked for a simple solution to this problem and realized that there wasn’t one. I then had a template custom made for my needs and was so happy with the outcome. I then decided to build a website that would show the world how to easily hire an expert in wordpress design.

    Custom WordPress Template

  • Pingback: 50 Essential Web Typography Tutorials, Tips, Guides and Best Practices : Speckyboy Design Magazine()

  • http://anthonysblog.wiftp.net/ dooliscojeddy

    Various of folks write about this matter but you wrote down some true words.

  • http://www.reviewipage.com ipage review

    great compilation tho, love it.
    do love helvetica so much.
    just thoughts of ur new post about all helvetica design, should be more interesting. btw thanks for ur collections.

  • Pingback: Importance of Typography « Chris Nowlan()

  • http://www.mycollegesandcareers.com Samuel

    Just what I’ve been looking for. What online degree would this fall under (if any)?

  • http://logo-designs.experasolution.com logo design

    Well written article, well investigated and useful for me in the future.I am so glad you took the time and effort to write this posting. Will be back soon.

  • http://www.skodesignlab.com Joel Skotak

    Great roundup! A good sense of typography can add a lot to any website. I especially like the EightHourDay design because of the introduction of hierarchy into the blog, with the header and columns underneath it. Thanks for the inspiration!

  • Pingback: Web Typography Tutorials, Tips and Best Practices | GRAPHIC & WEB DESIGN GUIDE RESOURCE()