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)

Screenshot1

Derek Featherstone (Django)

Screenshot2

Jeff Croft (Django)

Screenshot3

Andy Hume (Django)

Screenshot4

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.

Screenshot5

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.

Screenshot6

Emanuel Blagonic (Expression Engine WordPress)

Screenshot7

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.

Screenshot8

Cameron Moll

Screenshot9

Dave Shea (Movable Type)

Screenshot10

Dan Cederholm (Movable Type)

Screenshot11

Weblogs powered by Textpattern

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

Screenshot12

Hicksdesign (Textpattern)

Screenshot13

Geniant (Textpattern)

Screenshot14

Blogs powered by WordPress

Circle Six (WordPress)

Screenshot15

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

Screenshot16

Design Disease (WordPress)

Screenshot17

Surfgarden (WordPress)

Screenshot18

Dan Rubin (WordPress)

Screenshot19

NorthxEast (WordPress)

Screenshot20

Larissa Meek (WordPress)

Screenshot21

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

Screenshot22

Agenturblog (WordPress)

Screenshot23

Ben Gillbanks (WordPress)

Screenshot24

Rik Catlow (WordPress)

Screenshot25

FreelanceSwitch (WordPress)

Screenshot26

John Boardley (WordPress)

Screenshot27

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

Screenshot28

Mstefan.com (WordPress)

Screenshot29

Screenz (WordPress)

Screenshot30

Screencasting (WordPress)

Screenshot31

Blog.Critical (WordPress)

Screenshot32

Wan Zafran (WordPress)

Screenshot33

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

Screenshot34

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

Screenshot35

Laura Alter (WordPress)

Screenshot36

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

Screenshot37

Sidney Collins (WordPress)

Screenshot38

Roman Leinwather (WordPress)

Screenshot39

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

Screenshot40

Johanna Hallin (WordPress)

Screenshot41

Screenshot42

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

Screenshot43

Reflections (WordPress)

Screenshot44

Screenshot45

Further Weblogs

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

Screenshot46

Jonathan Snook (CakePHP)

Screenshot47

Even more inspiration!

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

Footnotes

  1. 1 http://ryanberg.net/blog/
  2. 2 http://ironfeathers.ca
  3. 3 http://www2.jeffcroft.com/blog/2007/aug/09/myth-content-and-presentation-separation/
  4. 4 http://usabletype.com
  5. 5 http://31three.com/weblog
  6. 6 http://veerle.duoh.com
  7. 7 http://www.emanuelblagonic.com/
  8. 8 http://www.bearskinrug.co.uk
  9. 9 http://www.cameronmoll.com
  10. 10 http://www.mezzoblue.com
  11. 11 http://www.simplebits.com
  12. 12 http://www.praegnanz.de
  13. 13 http://www.hicksdesign.co.uk
  14. 14 http://geniantsandbox.com
  15. 15 http://blog.circlesixdesign.com/
  16. 16 http://www.pedrolamin.com.br/
  17. 17 http://wp-themes.designdisease.com/
  18. 18 http://www.surfgarden.de
  19. 19 http://superfluousbanter.org/archives/2007/04/web-20-cultists/
  20. 20 http://www.northxeast.com
  21. 21 http://www.larissameek.com
  22. 22 http://webrevolutionary.com/
  23. 23 http://www.agenturblog.de/
  24. 24 http://www.binarymoon.co.uk/
  25. 25 http://www.rikcat.com/
  26. 26 http://freelanceswitch.com/
  27. 27 http://ilovetypography.com/
  28. 28 http://www.shauninman.com
  29. 29 http://www.mstefan.com
  30. 30 http://www.screenz.de/rubrik/screencasts/
  31. 31 http://www.screencasting.de
  32. 32 http://blog.criticalwebdesign.co.uk/
  33. 33 http://www.wanzafran.com/archives/
  34. 34 http://www.vikiworks.com/2007/08/24/a-nice-pullquote/
  35. 35 http://www.webdesignerwall.com/
  36. 36 http://lauraalter.com/blog
  37. 37 http://www.mein.meerblickzimmer.de/
  38. 38 http://bubblessoc.net/
  39. 39 http://www.lewro.com/
  40. 40 http://bottledsky.com/
  41. 41 http://www.johannahallin.se/
  42. 42 http://www.johannahallin.se/
  43. 43 http://cabanadigital.com/weblog/
  44. 44 http://paulenderson.com/
  45. 45 http://paulenderson.com/
  46. 46 http://www.abduzeedo.com/
  47. 47 http://www.snook.ca
  48. 48 http://txpmag.com/all_sites
  49. 49 http://www.djangosites.org/latest/
  50. 50 http://www.djangoproject.org/
  51. 51 http://expressionengine.com/showcase/websites/

↑ Back to top Tweet itShare on Facebook

Co-Founder and former CEO of Smashing Magazine. Sven is now writing Science Fiction Stories and looking for a publisher ...

Advertising
  1. 1

    i liked your post, thanks man for this post!

    5
  2. 202

    These are some of the amazing designs of blogs……..Thanks for sharing it.

    1
  3. 604

    I love the color and design of Dan Rubin. Fit for me

    0
  4. 805

    This is a daunting task to look for the best list in blog designs.

    0
  5. 1006

    thanks for your share, i have a design shoes store, so i wan ope a design blog, can you help me?

    0
  6. 1207

    Start-Up IT Solutions offers cheap but competitive web hosting and web design services in the Philippines.

    Start-Up IT Solutions

    2
  7. 1408

    Hi Sven you’ve showcased a fantastic array of designs. You start off by saying designing a blog is easy. Personally I’m finding the design part frustratingly impossible at the moment.
    After the intro on the main page I want to post a case study 200-500 words in length to start things off. I would hope to receive comments whether they be good/bad. Hopefully this will encourage interested viewers to post their own case study/experiences, and set the blog off and running. Not sure how this could work from any potential breech of security.
    Sven Can you recommend any similar sites many thanks.
    Barry

    0
  8. 1609

    Hello, these are awesome designs. Specially “Dan Cederholm”. I really liked it.
    All these styles have their own special effect.
    But why have you not mentioned your blog design in the list? This is cool too man.
    Well thanks for sharing.

    0
  9. 1810

    I really liked some of the blog designs. But I was wondering if it is equally easy to implement these blog designs in WordPress.

    0
  10. 2011

    Waveguide Sections

    September 7, 2013 12:56 pm

    This is a great list and really important.

    Thank for you.

    0
  11. 2212

    really awesome it is…i already created my own web site from this link thank youWeb Design Company

    0
  12. 2413

    your blog is very nice i really like this

    0
  13. 2614

    Oh great. Thanks for the blog list.

    0
  14. 2815

    your blog layout list is very nice i like your blog

    0
  15. 3016

    Panel Beaters Florida

    March 1, 2014 1:59 pm

    this is very nice blog i really like it

    2
  16. 3217

    From a personal standpoint, starting a website can be extremely rewarding. Understanding how to market the site can teach you valuable skills in terms of sales and presentation. When searching for a new job, a person that has been design experience will have an advantage over other applicants that do not have the same skills. Having a basic knowledge regarding how to develop a presence on the Internet for a company can be the difference between getting a job and being passed over.

    1
  17. 3418

    Those are great tips in web designing. Regarding in SEO, I think it’s also important to choose the right keyword for you. A wrong keyword may cause a bad result for your site.

    1
  18. 3619

    It’s important to mention that all the designs have expensive worth.
    Ecommerce Website Design

    2
  19. 3820

    you may also check WeWasteTime for more selective posts on design: http://wewastetime.com/

    1
  20. 4021

    Website design and Web development services Dubai UAE

    April 22, 2014 7:02 am

    Nice Collection of design where can i buy those products for my Website design and Web development services Dubai UAE
    http://xcltechnologies.com

    1
  21. 4222

    indian matrimonial sites

    March 16, 2010 1:20 am

    Thank you very much to share this information. It is very useful and informative.
    indian matrimonial sites

    4

↑ Back to top