Now More Than Ever: 50 More Excellent Blog Designs

Advertisement

Designing blogs is easy. Designing blogs in a unique way is hard. Whatever blog engine you are using, there are literally thousands of templates available which you can apply directly, without any significant code modifications. That’s efficient, but it’s not creative, because using a default blog-template you risk to end up with some wide-spread look which has actually nothing to do with you. To convey your personality effectively, you need a design which reflects who you are and what you are doing. That’s why important is not just what you post, but also how you post it.

In fact, beyond the template-design-culture exists a field of creative, individual and impressive blog designs. And the good thing about it is that this field has been rapidly growing over the last years. To celebrate the creativity of blog designers we regularly present reviews of excellent blog designs we have stumbled upon recently. This post is no exception. Below you’ll find 50 further examples of excellent, unique and impressive blog designs.

Apart from “usual” minimal designs, one can observe more rather complex graphic works. If earlier only blog headers had striking visual elements, now whole web-layouts seem to have become more vibrant: paper clips, mp3-players, coffee cups and further objects are used extensively. Apparently, they are used as metaphors for the environment of site designers. Such designs are just impossible to copy and they unite the visual design with the author’s content in a unique and very personal layout.

You can also have a look at our previous showcases:

Excellent Blog Designs

Narfstuff4
Perfect integration of visual elements in a standard 2-column blog structure. Artwork.

Blog Showcase - Narfstuff5

Viget Labs6
A pretty, clean, light and fresh blog design.

Blog Showcase -  Viget Labs7

Dollarshort8
Informal yet looking professional, with moderate use of white space and light colors.

Blog Showcase - Dollarshort9

coda.coza10
The sixth version of Damien du Toit’s blog. Grid in use.

Blog Showcase - blog - coda.coza11

Brad Frost’s Blog12
A truly creative blog design. This blog contains “words that would otherwise be coming out of designer’s mouth”. Literally.

Blog Showcase - Brad Frost's Blog13

Missy
Trendy stripes gone wild. The colors just fit together.

Blog Showcase - Blog | Missy

Popstalin.com14
Beautiful visual composition which includes date stamps with a bird, search box with a bird and a navigation with birds. The RSS-bird is orange, of course.

Blog Showcase - Popstalin15

Nzrn.com16
Sometimes less colors is more. A very nice grid-based site layout which is easy to scan and to read.

Blog Showcase - Nzrn17

tehCpeng18
Wood, coffee, ear phones. This blog reflects the habits of its owner.

Blog Showcase - tehCpeng.net19

Antiphrasis.com20
A blog with a very intuitive structure; nothing can really confuse a visitor and the date stamps are pretty sweet!

Blog Showcase - Nzrn21

Lucy Blackmore22
An artistic blog design for a blogger-artist.

Blog Showcase - Lucy Blackmore23

Design Reviver24
A magazine style blog with its own way of presenting the overview of recent articles.

Blog Showcase - Design Reviver25

Clemente26
Blog design meets vintage style. If you will ever need to design a blog in the vintage style, here is how you could do it.

Blog Showcase - Clemente27

Viget Labs28
Sometimes background image is everything you really need for a distinctive design. However, this blog offers more. Notice how well design elements are executed — e.g. article headings.

Blog Showcase - Viget Labs29

Freelenz30
Achieving an intuitive design in complex layout isn’t easy. Ewald Natter manages to get it right. Although the layout isn’t simple, it manages to remain scannable and readable.

Blog Showcase - Freelenz ~ Grafikdesign und Webentwicklung31

Bits and Pixels32
Vivid colors on dark background look sexy. Can you find a space invader?

Blog Showcase - Bits and Pixels33

creative briefing34
Simplicity at its best. This design emphasizes the importance of typography. Visual elements aren’t really necessary.

Blog Showcase - creative briefing | marketing, design and entrepreneurship blog35

Ollie Kavanagh36
Here the content seems to “hang” in the air which is unusual and attractive. The design is remarkable.

Blog Showcase - olliekav.com37

The Superest38
A blog doesn’t have to contain posts. Kevin Cornell and Matthew Sutter present their illustrations in their blog.

Blog Showcase - The Superest: Who is the superest hero of them all?39

Distortion40
The level of detail in this design is remarkable. Every single detail is taken care of. The layout may seem a little bit complex, but it is not. Very impressive.

Blog Showcase - distortion41

Mike Poss’ Rock Guitar42
Simple, clean and stylish.

Blog Showcase - Mike Poss' Rock Guitar Blog43

Mancub44
“Thin” blog design. The navigation menu at the top is pretty funky.

Blog Showcase -  Blog  Mancub45

woork46
Antonio Lupetti impresses with a very clean design and keen attention to details. Calm, clean and very user-friendly.

Blog Showcase - woork47

Four Labs48
A 3-column-based blog design which is really distinctive from usual blog designs.

Blog Showcase - Four Labs49

Sketchblog50
Interesting combination of illustrations and navigation in a blog design.

Blog Showcase - Sketchblog51

Spadewerk52
Unusual blog design solution: both the left and the right column of the blog have the same width. This looks unusual but somehow attractive.

Blog Showcase - Spadewerk53

Internet Zillionaire54
Creative blog design in the old-magazine-look.

Blog Showcase - Internet Zillionaire55

davor peic.gavran56
A blog design in which everything perfectly fits together. Don’t miss the nice Flash-based language switcher at the top of the page.

Blog Showcase - davor peic.gavran {new media designer}57

Kristin Ascoop58
A blog design with feminine touch from Holland.

Blog Showcase - Kristin Ascoop | Freelance vertalen, tolken, lessen Zweeds en Nederlands59

Kohette Design Web60
Quite unusual, rather experimental solution. The RSS-feed-icon at the top of the site is animated.

Blog Showcase - Kohette Design Web61

Guifx62
Light and fresh design. The calendar seems to serve as the primary navigation.

Blog Showcase - Guifx Blog63

Home Design Find64
Photos, rulers and paper clips in use.

Blog Showcase - Home Design Find65

Jeux de Maux66

Blog Showcase - Jeux de Maux67

yo vivo en vigo68
This header is really hard to forget.

Blog Showcase - yo vivo en Vigo69

GlassHills – Web Design by Jackson Howell70
A blog design with many curves, swirls, clouds, sun and a rising RSS-feed-icon.

Blog Showcase - GlassHills - Web Design by Jackson Howell71

Caty’s Blog72
Apparently, Caty likes cats and small colorful illustrations.

Blog Showcase - Caty's Blog73

Vectips74
Simplicity meets white space meets fresh colors.

Blog Showcase - Vectips75

Revota76
Maybe, there is a little bit too much noise on the page, but the way blog posts are presented is quite unusual.

Blog Showcase - revota77

I Am Neato78
We don’t know who Neato is, but he seems to be really happy. Emilio Cavazos combines portfolio and blog on one page.

Blog Showcase - I Am Neato - The Online Portfolio of Emilio Cavazos79

Susay80
A vertical navigation menu in use.

Blog Showcase - SUSAY.de81

Neweracaptalk82
Instead of displaying excerpts of the latest posts, this blog first presents the titles of the posts and the latest forum posts.

Blog Showcase - Neweracaptalk - Online fitted hat community83

Lisa Bettany84
What does Lisa like? Right, photography and music. And where does she come from? Right, Canada. You see it immediately. That’s an effective use of visuals.

Blog Showcase - Lisa Bettany. Canada's Sexy Geek Blog85

Moderno Prometeo
Similar ideas as in the previous design.

Blog Showcase - Moderno Prometeo, escrito por Rolando Hernandez86

Pop Culture Tees87
A t-shirt-blog in a pop-art-style.

Blog Showcase - Pop Culture Tees88

Phil’s Proof89
Ok, that’s probably too many details at once. But Phil doesn’t care. A really different blog design.

Blog Showcase - Phil's Proof90

Alyssa Tucker91
Summer colors for the summer mood. Can you find the swimming duck in the layout?

Blog Showcase - Alyssa Tucker92

Catalyst Studios93
A group-weblog with dozens of hand-drawn elements.

Blog Showcase - Catalyst Studios v.394

Dandelion Path95
Sweet site navigation and sections labeling. All sections of the site are visible at one glance.

Blog Showcase - Dandelion Path96

Nimbupani Designs97

Blog Showcase - Nimbupani Designs | standards based web design98

I Menestrelli99

Blog Showcase - Blog : Musica e impegno sociale100

Stitchify101
A unique blog design with a personal note.

Blog Showcase - Stitchify - Daily craft and fiber art inspiration102

Footnotes

  1. 1 http://www.smashingmagazine.com/2008/02/20/45-more-excellent-blog-designs/
  2. 2 http://www.smashingmagazine.com/2007/11/22/30-more-excellent-blog-designs/
  3. 3 http://www.smashingmagazine.com/2007/08/28/45-excellent-blog-designs/
  4. 4 http://www.narfstuff.co.uk/
  5. 5 http://www.narfstuff.co.uk/
  6. 6 http://www.viget.com/extend
  7. 7 http://www.viget.com/extend
  8. 8 http://www.dollarshort.org/
  9. 9 http://www.dollarshort.org/
  10. 10 http://coda.co.za/blog/
  11. 11 http://coda.co.za/blog/
  12. 12 http://bradfrostweb.com/blog/
  13. 13 http://bradfrostweb.com/blog/
  14. 14 http://blog.popstalin.com/
  15. 15 http://blog.popstalin.com/
  16. 16 http://nzrn.com/
  17. 17 http://nzrn.com/
  18. 18 http://tehcpeng.net/
  19. 19 http://tehcpeng.net/
  20. 20 http://www.antiphrasis.com/
  21. 21 http://www.antiphrasis.com/
  22. 22 http://lucyblackmore.co.uk/
  23. 23 http://lucyblackmore.co.uk/
  24. 24 http://designreviver.com/
  25. 25 http://designreviver.com/
  26. 26 http://www.clementetheband.com/
  27. 27 http://www.clementetheband.com/
  28. 28 http://www.viget.com/inspire/
  29. 29 http://www.viget.com/inspire/
  30. 30 http://www.freelenz.at/
  31. 31 http://www.freelenz.at/
  32. 32 http://bitsamppixels.com/
  33. 33 http://bitsamppixels.com/
  34. 34 http://creativebriefing.com/
  35. 35 http://creativebriefing.com/
  36. 36 http://www.olliekav.com/
  37. 37 http://www.olliekav.com/
  38. 38 http://www.thesuperest.com/
  39. 39 http://www.thesuperest.com/
  40. 40 http://www.avalonstar.com/blog/
  41. 41 http://www.avalonstar.com/blog/
  42. 42 http://mikeposs.com/blog/
  43. 43 http://mikeposs.com/blog/
  44. 44 http://mancub.net/blog/
  45. 45 http://mancub.net/blog/
  46. 46 http://woork.blogspot.com/
  47. 47 http://woork.blogspot.com/
  48. 48 http://www.viget.com/blog
  49. 49 http://www.viget.com/blog
  50. 50 http://www.rob-sheridan.com/sketchblog/
  51. 51 http://www.rob-sheridan.com/sketchblog/
  52. 52 http://spadewerk.com/blog/
  53. 53 http://spadewerk.com/blog/
  54. 54 http://internetzillionaire.com/
  55. 55 http://internetzillionaire.com/
  56. 56 http://www.cosmosart.org/
  57. 57 http://www.cosmosart.org/
  58. 58 http://www.kristinascoop.be/blog
  59. 59 http://www.kristinascoop.be/blog
  60. 60 http://kohette.com/
  61. 61 http://kohette.com/
  62. 62 http://blog.guifx.com/
  63. 63 http://blog.guifx.com/
  64. 64 http://www.homedesignfind.com/
  65. 65 http://www.homedesignfind.com/
  66. 66 http://www.jeuxdemaux.com/
  67. 67 http://www.jeuxdemaux.com/
  68. 68 http://www.yovivoenvigo.com/
  69. 69 http://www.yovivoenvigo.com/
  70. 70 http://www.glasshills.co.uk/
  71. 71 http://www.glasshills.co.uk/
  72. 72 http://blogs.catydesign-studio.com/
  73. 73 http://blogs.catydesign-studio.com/
  74. 74 http://vectips.com/
  75. 75 http://vectips.com/
  76. 76 http://www.revota.com/
  77. 77 http://www.revota.com/
  78. 78 http://iamneato.com/
  79. 79 http://iamneato.com/
  80. 80 http://www.susay.de/
  81. 81 http://www.susay.de/
  82. 82 http://neweracaptalk.com/blog/
  83. 83 http://neweracaptalk.com/blog/
  84. 84 http://www.mostlylisa.com/
  85. 85 http://www.mostlylisa.com/
  86. 86 http://modernoprometeo.com/
  87. 87 http://www.popculturetees.com/
  88. 88 http://www.popculturetees.com/
  89. 89 http://www.philsproof.com/
  90. 90 http://www.philsproof.com/
  91. 91 http://blog.alyssatucker.com/
  92. 92 http://blog.alyssatucker.com/
  93. 93 http://www.catalyststudios.co.uk/
  94. 94 http://www.catalyststudios.co.uk/
  95. 95 http://www.dandelionpath.com/
  96. 96 http://www.dandelionpath.com/
  97. 97 http://www.nimbupani.com/blog/
  98. 98 http://www.nimbupani.com/blog/
  99. 99 http://www.imenestrelli.it/
  100. 100 http://www.imenestrelli.it/
  101. 101 http://stitchify.com/
  102. 102 http://stitchify.com/

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

Advertisement
  1. 1

    Indeed, some great designs!
    ___________
    Kesepian.

    0
  2. 52

    philippine web designs

    May 11, 2008 7:59 pm

    I like the blog design that looks like a mouth, It’s just so hilarious

    0
  3. 103

    Rishat Muhametshin

    May 11, 2008 11:03 pm

    Why does Smashing Magazine cut screenshots and put ordinary text hyperlinks?

    0
  4. 154

    Fantastic List.

    I’d love to know how you find all these great sites.

    0
  5. 205

    Anton Shevchuk

    May 14, 2008 4:51 am

    Many Russian blogs have great design, please don’t forgot about it ;(

    0
  6. 256

    bloggersmosaic

    May 17, 2008 6:07 pm

    really kool collection

    0
  7. 307

    I like all of the designs here, but I’m not much of a designer. I eventually ended up building something with the pressbox theme (http://www.creativesynthesis.net/blog/projects/web-commodities/press-box/). It’s a premium theme but it has a free version to try as well. I like how simple and customizable it is. Adding complex design elements is difficult for me and I think that focusing on simplicity is a good design approach.

    0
  8. 358

    I have to say, Coda’s blog is freaking beautiful.

    0
  9. 409

    It takes time to design such exellent blogs. the collection is really kool!

    0
  10. 460

    Awesome tips and good suggestions for creating blogs.

    0
  11. 511

    Jehzeel Laurente

    August 29, 2008 4:05 am

    wow I hope I can create something like this some day… *astounded*

    0
  12. 562

    Did you forget webdesignerwall.com ?

    0
  13. 613

    i love this coda.coza templates so much, do this hv the xml free for download ?

    0
  14. 664

    arent those designs downloadable? argh

    0
  15. 715

    Huge collections! I love them all!

    0
  16. 766

    cool design

    0
  17. 817

    stimulate listening society beattie overlap statistical alway
    Berberados Lemesarios

    0
  18. 868
  19. 919

    Wow, some lovely templates featured here. I came across your site looking for a new template to suit me design. Thank you.

    Regards,
    David

    0
  20. 970

    Wow there are some very very good ones here, very creative and funny as well… Thank you very much :-)

    Nothing compared to my Blog, even though I think I’ve done quite well :-)

    0
  21. 1021

    Mistyukevych Serge

    January 23, 2010 5:52 am

    Good examples of design!
    But I just wondering why some of those great design was not converted to more interesting flexible or adaptive layout. They all made boring fixed width. (Almost 95% of blogs are fixed width). It looks like they are all Templates just with nice design. As for me it’s unuseful usage of free space at user monitors (we all know that a lot of users use wide screen monitors with big resolution).

    0
  22. 1072

    Artistic development is a thing of the past, sadly.

    0
  23. 1123

    It looks like they are all Templates just with nice design. As for me it’s unuseful usage of free space at user monitors (we all know that a lot of users use wide screen monitors with big resolution).

    0
  24. 1174

    > But I just wondering why some of those great design was
    > not converted to more interesting flexible or adaptive layout.
    > They all made boring fixed width.

    Bringhurst (of The Elements of Typographic Style) recommends 45-70 characters per line for optimum readability. This is the principal reason why I (and I would believe, many others) tied the blog design to a fixed width.

    Just because monitors are wider now doesn’t mean we like to read lines spanning all 19 inches or more. We don’t.

    Phil (of philsproof.com above)

    0
  25. 1225

    Hey! My blog is not here! Damn…
    I’m a poor misfit.

    0
  26. 1276

    Wow! great design.. but I like the Kristin Scoop design, the color very cool…

    0
  27. 1327

    Hola, estoy muy interesada en crear un blog pero quisiera saber si me puede orientar para saber como crearlo y como decorarlo o diseñarlo, ademas de como subirle la info.

    Saludos

    1
  28. 1378

    Wow! great design.. but I like the Kristin Kohette Design, the design very attractive…

    0

↑ Back to top