Sven Lennartz

About The Author

Sven Lennartz Sven is the co-founder and former CEO of Smashing Magazine. He’s now writing at his Conterest Blog, where he focuses on blogs, content strategy and publishing — all in German.

45 Excellent Blog Designs

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...

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.


More Articles on

Exploring Design: Outstanding Start Pages

by Sven Lennartz

Designers have only a fraction of a second to attract users’ eye and win over their loyalty. Clear visual structure, thought-out typography and moderate use of images are extremely important - as they can drastically improve the scanning process for the users. Consequently, to achieve a lasting positive impression, it’s common to make use of basic rules of usability. However, classical...

Read more

Inspiration Package: 50 Usable & Elegant Designs

by Sven Lennartz

We all love beautiful, usable and impressive web designs. To achieve them, web developers need to focus on many aspects, but basically it all boils down to the question, how well the content is presented and how easily the information can be perceived. Harmonic color schemes are as important as solid and consistent typography. Precise visual structure and intuitive navigation are essential for...

Read more

60 Elegant and Visually Appealing Designs

by Vitaly Friedman

It's quite easy to get stuck in creativity blocks, but it's damn hard to get out of them. Particularly if you are out of time and don't want to compromise your professional principles selecting the first "quick-n-dirty" solution you can think of. To get things done, you need inspiration and creative thinking. You need fresh ideas and elegant approaches. And you need to be able to find them as...

Read more