45 Excellent Blog Designs

Advertisement

Designing a blog is easy. Whatever engine you are using and whatever style you prefer, you’ll always find a number of templates you can apply to your weblog in seconds. No styling is necessary, no playing with colors is needed and no mind jogging about content presentation is required. However, not every weblog should look like a typical blog. After all, not every blogger wants his or her site to look exactly like hundreds of other ones. In fact, there is a small bunch of creative, outstanding and individually designed from scratch blogs.

In this post we didn’t try to showcase some eye-candy (although sometimes eye-candy is indeed offered); the designs listed below were selected for their attention to small details. Pretty and colourful header-graphics doesn’t make a good blog. The blog needs a solid visual structure, a profound hierarchy of site elements; it also has to be able to build some kind of a bridge between the content and its presentation. To do this, you need to think about precision, minimalism and sound use of illustration. These criteria were the ones we’ve used to select the designs listed below. All these aspects make the designs we’ve selected look… well, not always beautiful, but outstanding, almost excellent in their own kind. Mostly it’s the idea the designers used to make the weblog as usable as possible – not the implementation of this idea – which we’ve been after.

Below you’ll find 45 excellent blog designs which impress with creative approaches and attention to details; hopefully you’ll find new ideas you can develop further in your own designs.

Notice that the screenshots we’ve provided may give you a wrong impression about the whole design of the sites; in doubt you should take a closer look at headers, footers, comment-areas, site structure and further site elements. Please also notice that you can click on screenshots to get to the sites from which the screenshots have been taken.

We’ve missed something? Definitely! Let us know in the comments!

Weblogs powered by Django

Ryan Berg (Django)

Screenshot

Derek Featherstone (Django)

Screenshot

Jeff Croft (Django)

Screenshot

Andy Hume (Django)

Screenshot

Weblogs powered by ExpressionEngine

Jesse Bennett-Chamberlain (Expression Engine)
Whitespace in use. The categories and popular entries are listed at the top of the page, not in the sidebar as they usually are.

Screenshot

Veerle Pieters

An almost “classic”, well-known design, but still incredibly beautiful. Veerle makes use of a dark layout with quite colourful scheme. The result is impressive – and the position of site elements extremely well thought-out.

Screenshot

Emanuel Blagonic (Expression Engine WordPress)

Screenshot

Weblogs powered by MovableType

Kevin Kornell (Movable Type)
A typical weblog doesn’t look like an illustrated magazine. Kevin Kornell’s blog does. This one makes use of an “oldie”-style.

Screenshot

Cameron Moll

Screenshot

Dave Shea (Movable Type)

Screenshot

Dan Cederholm (Movable Type)

Screenshot

Weblogs powered by Textpattern

Praegnanz.de (Textpattern)
A minimalistic approach with clean web-typography.

Screenshot

Hicksdesign (Textpattern)

Screenshot

Geniant (Textpattern)

Screenshot

Blogs powered by WordPress

Circle Six (WordPress)

Screenshot

Pedro Lamin (WordPress)
Fresh and clean design, lacking almost everything – there is even no navigation in blog categories.

Screenshot

Design Disease (WordPress)

Screenshot

Surfgarden (WordPress)

Screenshot

Dan Rubin (WordPress)

Screenshot

NorthxEast (WordPress)

Screenshot

Larissa Meek (WordPress)

Screenshot

Matt (WordPress)
A Business-Design. Look at the information sections on the left side of the layout.

Screenshot

Agenturblog (WordPress)

Screenshot

Ben Gillbanks (WordPress)

Screenshot

Rik Catlow (WordPress)

Screenshot

FreelanceSwitch (WordPress)

Screenshot

John Boardley (WordPress)

Screenshot

Shaun Inman (WordPress custom PHP-Framework. Thanks, Shaun)

Screenshot

Mstefan.com (WordPress)

Screenshot

Screenz (WordPress)

Screenshot

Screencasting (WordPress)

Screenshot

Blog.Critical (WordPress)

Screenshot

Wan Zafran (WordPress)

Screenshot

Viki (WordPress)
Extensive use of visual elements prevails; it might be a nice idea, but the content should prevail.

Screenshot

Nick La (WordPress)
Playful design with dozens of swirls, curves and artistic elements.

Screenshot

Laura Alter (WordPress)

Screenshot

Markus Zeeh (WordPress)
Playful flower-images and ornaments seem to be trends.

Screenshot

Sidney Collins (WordPress)

Screenshot

Roman Leinwather (WordPress)

Screenshot

Bottled Sky (WordPress)
Probably not the most gorgeous layout ever made, but well-structured. The use of colors communicates the idea of the site.

Screenshot

Johanna Hallin (WordPress)

Screenshot

Screenshot

Cabana (WordPress)
Sometimes it is an interesting approach to use a “thin” layout, although it should rather be an exception.

Screenshot

Reflections (WordPress)

Screenshot

Screenshot

Further Weblogs

Abduzeedo (Drupal)
Stylish, readable and clean. The site doesn’t look like blog at all – at least at the first glance.

Screenshot

Jonathan Snook (CakePHP)

Screenshot

Even more inspiration!

Apart from numerous galleries of CSS-based designs you might find useful the following showcases of weblogs designed on specific plattforms.

  • Textpattern sites
    Gallery of very well designed Textpattern-sites as well as the list of sites based upon Textpattern (sorted by country).
  • Django sites
    A growing showcase of websites powered by Django. Almost 300 entries.
  • Expression Engine Showcase
    A gallery of 200 sites powered by Expression Engine. 15 categories.

Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Author of several books.

  1. 201

    Sanjeeb Sahu

    February 7th, 2012 12:34 pm

    Excellent and very useful blog…Thanks for sharing…

    0

  1. 1

    Carlos Eduardo

    August 28th, 2007 2:10 am

    Yeah, great collections! These are good examples of functional and beautiful Designs :)

    +2
  2. 2

    bob

    August 28th, 2007 12:55 am

    lol my blog not listed. (kidding) great collections.

    +2
  3. 3

    Jake

    August 28th, 2007 1:41 am

    Perfect timing… I’m in the midst of designing the blog right now :)

    Thanks!

    +1
  4. 4

    dreig

    February 14th, 2008 3:26 am

    Thanks a lot. I´ll put some examples from here to a col.laborative experience on blogging issues:
    This is a B2evolution design….original but simple.

    +1
  5. 5

    jay

    October 23rd, 2008 6:51 pm

    cool!

    +1
  6. 6

    zakłady bukmacherskie

    October 28th, 2008 2:35 pm

    Ciekawy post, dodalem twoj blog do ulubionych, bede tu teraz wpadal czesciej, pozdrawiam

    +1
  7. 7

    John

    December 10th, 2008 11:11 am

    I think a list like this would be so much more valuable if you were providing significant commentary as to why you liked them. You have a note on a few to give an idea, but even that comes up way short if your goal is to teach newbie designers like myself about good design.

    If good design is about maximizing usability and functionality in an attractive package, and I think it is (tell me if you don’t), then expounding on how these sites, or others in the next list you do, achieve that objective, even in part, would make the effort Much more useful. Otherwise it’s just a list of pretty sites, something we can get anywhere.

    +1
  8. 8

    Diane

    January 28th, 2010 1:51 am

    Neat! I really enjoyed the Veener Pieters theme. When you
    make a website or blog, like you mentioned, you don’t want it looking the same as others. So, great job with these professional looking themes.

    +1
  9. 9

    Nauman Akhtar

    March 15th, 2010 6:19 am

    This is great collection of Blogs, thank you or sharing such type of elegant blogs.

    +1
  10. 10

    Resume Writing Services

    July 13th, 2010 12:15 am

    Very good post. I have been searching for this post since many days. Now I have implemented the same for my site.

    +1
  11. 11

    Illustration CV

    December 9th, 2010 1:40 am

    The title is the best suited with this..the blog designes were really smashing hit! Great collection! loved your work!
    Illustration CV

    +1
  12. 12

    Yogesh Bajpai

    December 12th, 2010 10:18 am

    Really Amazing , beautiful design templates for Blog .I loved it.

    +1
  13. 13

    Jessica Murison

    December 14th, 2010 3:54 pm

    Really good stuff, I like the one by Jeff Croft….Pretty minimal them, but I like it…..I’m going to have to use one of these for my site Best Headphones I’m also using flexibility 3 which is a nice theme but these are pretty cool.

    +1
  14. 14

    JT Cooper

    April 26th, 2011 1:36 pm

    Terrific post for electrifying themes and ideas. It is refreshing to see such a innovative collection all in one place. A terrific resource!

    +1
  15. 15

    Celeste

    April 20th, 2011 11:35 am

    Very creative, blog Viki many visual elements, but would be more striking with bright colors …
    abogadosdeaccidentes.mobi

    +1

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top