20 Extraordinary Blogs With Unique Post Designs


While there are a lot of beautiful and well-designed blogs out there, most of them use a single template for each of their blog posts. Today, I would like to showcase 20 extraordinary blogs with unique post designs.

“While, yes, this is a redesign of sorts, I’m considering much more a rethinking. You see, what you’re looking at isn’t the design so much as the plan for design.” – Jason Santa Maria

Looking at the designs of these sites will make us all rethink the way we design our blogs. These designers have all managed to think outside the box in their designs. Let’s take a look at these 20 extraordinary blogs with unique post designs.

Avoid Contact with Eyes1

This is the blog of Adam Walker. Each post has a unique and interesting design.



An Idea4

An Idea is a nicely designed blog created by AgencyNet. While not fully changing designs on each post, the background does change in every post. Also, this blog includes a theme switcher as well.

An Idea5

An Idea6

The Bold Italic7

The Bold Italic is a blog that equips you with unique local intel, backstories and adventures that define San Francisco. Each post is creative and well designed.

Bold Italic8

Bold Italic9

A Brief Message10

This blog features design opinions expressed in short form. While each post is not completely different, the image and sometimes the background does change.

A Brief Message11

A Brief Message12

Chris Coyier13

CSS Tricks owner Chris Coyier’s personal blog. The background of his blog posts are different from each other.

Chris Coyier14

Chris Coyier15


This blog has an awesome design, as you can see in the examples. You can tell that they really put thought and effort into the design of each post.



Danny Garcia19

Danny Garcia is a web designer from Southern California. This is his blog. While he only has three articles right now, the designs of them are great and I am looking forward to seeing more of his work.

Danny Garcia20

Danny Garcia21

David Desandro22

David’s blog is just phenomenal. You really need to visit his blog. By the way, that circle text on his blog is not made out of an image, it is in HTML. I didn’t even know that was possible.

David Desandro23

David Desandro24

Dustin Curtis25

Well designed blog by Dustin Curtis. The little header at the top stays in every page and it’s very effective. Not only does he have a great design, but the articles are very entertaining and well written as well.

Dustin Curtis26

Dustin Curtis27

ESPN Outside the Line28

ESPN did a great job with these posts. I think they have over 100 different posts that are styled different. Great job, even better because it’s about sports.



Gregory Wood31

Gregory Wood’s blog has some really nice designs. Each blog post is completely different.

Gregory Wood32

Gregory Wood33

Hazardous Ink34

Only a couple of the article are different, but still a good job.

Hazardous Ink35

Hazardous Ink36

Hip-Hop Quoted37

This site gets me depressed. When I look at the different well designed posts in this site, I’m reminded of the fact that I have a long way to go in design. Great source of inspiration!

HipHop Quoted38

HipHop Quoted39

Jason Santa Maria40

This blog is probably the most famous blog in this list. Jason has done a great job with his blog and he has really broken out of the usual blog style with his site design.

Jason Santa Maria41

Jason Santa Maria42

Kyle Fiedler43

Kyle’s blog is phenomenal. The blog posts are very unique and colorful. He did an outstanding job with his blog.

Kyle Fiedler44

Kyle Fiedler45

Pumpkin King46

Pumpkin King is the web design and writings of Jeremy Girard. Very creative in the design of his blog posts. Check out the example below to see a preview of this great site.

Pumpkin King47

Pumpkin King48

Rad Nauseam49

Very unique website. The backgrounds that he uses in his post are very creative.

Rad Nauseam50

Rad Nauseam51

Tony Dewan52

Tony has a beautiful site. He said that he was inspired by Jason Santa Maria.

Tony Dewan53

Tony Dewan54

Travis Gertz55

Travis Gertz is a master at styling his blog posts. Each post is very unique and the designs are just stunning. The articles are great as well.

Travis Gate56

Travis Gate57

Trent Walton58

Trent Walton’s site takes advantage of that header area by using large images. These images change in every blog post. The site has a very fresh and clean feel to it.

Trent Walton59

Trent Walton60

So which one of these sites is your favorite? Also, do you know of any other sites that style their blog posts uniquely? Please share your thought by leaving a comment below. Your comments are needed and much appreciated.

Thank you very much for viewing this post. If you enjoyed this post, please retweet it and share it with others. While you’re at it, subscribe to the RSS feed61 as well. Oh, I almost forgot, you need to follow me on Twitter here62.

Develop your talent at web design school Atlanta63 where every aspect of visual design is studied.

Footnotes Link

  1. 1 http://www.acwe.co.uk/
  2. 2 http://www.acwe.co.uk/?p=154
  3. 3 http://www.acwe.co.uk/?p=142
  4. 4 http://anidea.com
  5. 5 http://anidea.com/strategy/charting-a-shift-from-communications-to-services/
  6. 6 http://anidea.com/technology/how-to-build-an-augmented-world/
  7. 7 http://thebolditalic.com/
  8. 8 http://thebolditalic.com/DJMaxPower/stories/11-the-unseen-city
  9. 9 http://thebolditalic.com/reyhan_h/stories/27-getting-trashed
  10. 10 http://abriefmessage.com/
  11. 11 http://abriefmessage.com/
  12. 12 http://abriefmessage.com/2008/03/12/gordon/
  13. 13 http://chriscoyier.net/blog/
  14. 14 http://chriscoyier.net/2009/10/29/10-years-of-simutronics/
  15. 15 http://chriscoyier.net/2009/11/03/hipsters/
  16. 16 http://www.coldheat.de/
  17. 17 http://www.coldheat.de/archiv/2009/10/alles-banane.php
  18. 18 http://www.coldheat.de/archiv/2009/10/the-blues-brothers.php
  19. 19 http://danny-garcia.com/
  20. 20 http://danny-garcia.com/articles/full/6_words/
  21. 21 http://danny-garcia.com/articles/full/i_know_its_late_but_lets_go_surfing/
  22. 22 http://desandro.com/
  23. 23 http://desandro.com/articles/advice-ouroboros
  24. 24 http://desandro.com/articles/granularity
  25. 25 http://dustincurtis.com
  26. 26 http://dustincurtis.com/to-fasten-your-seatbelt.html
  27. 27 http://dustincurtis.com/how_niko_tinbergen_reverse_engineered_the_seagull.html
  28. 28 http://search.espn.go.com/e-ticket/e-tickets/12
  29. 29 http://sports.espn.go.com/espn/eticket/story?page=090618/dchoops
  30. 30 http://sports.espn.go.com/espn/eticket/story?page=090612/phil
  31. 31 http://gregorywood.co.uk/journal/
  32. 32 http://gregorywood.co.uk/journal/
  33. 33 http://gregorywood.co.uk/journal/chilli-babies
  34. 34 http://hazardousink.com/
  35. 35 http://hazardousink.com/blog/pride
  36. 36 http://hazardousink.com/blog/colds-and-overcoats
  37. 37 http://www.hiphopquoted.com/
  38. 38 http://www.hiphopquoted.com/
  39. 39 http://www.hiphopquoted.com/the-roots-concerto-of-the-desperado
  40. 40 http://jasonsantamaria.com/
  41. 41 http://jasonsantamaria.com/articles/royal/
  42. 42 http://jasonsantamaria.com/articles/what-the-world-needs/
  43. 43 http://kylefiedler.com/
  44. 44 http://kylefiedler.com/articles/my-grandparents-couch/
  45. 45 http://kylefiedler.com/articles/choosing-typefaces/
  46. 46 http://www.pumpkin-king.com/
  47. 47 http://www.pumpkin-king.com/index.php/blog/your-website-is-nice-but-i-liked-the-book-better
  48. 48 http://www.pumpkin-king.com/index.php/blog/buying-robots-shouldnt-be-this-difficult
  49. 49 http://radnauseam.com/
  50. 50 http://radnauseam.com/page/4/
  51. 51 http://radnauseam.com/page/6/
  52. 52 http://tonydewan.com/articles/
  53. 53 http://tonydewan.com/articles/chai/
  54. 54 http://tonydewan.com/articles/indianapolis/
  55. 55 http://travisgertz.com/
  56. 56 http://travisgertz.com/
  57. 57 http://travisgertz.com/articles/analog/
  58. 58 http://trentwalton.com/
  59. 59 http://trentwalton.com/2009/10/27/zombie-designers/
  60. 60 http://trentwalton.com/2009/08/22/a-fresh-coat-of-paint/
  61. 61 http://feeds.feedburner.com/design-informer
  62. 62 http://twitter.com/designinformer
  63. 63 http://www.artinstituteatlantainfo.com/programs/

↑ Back to top Tweet itShare on Facebook

Former editor in chief of Designinformer.

  1. 1

    That’s a brilliant list right there, all of those websites are worth not only a quick look for style but also a more in-depth look for their awesome content, keep up!
    .-= h1brd´s latest Blog Entry – Best of: Web Design Twitter Lists! =-.

  2. 2

    I love the injection of creativity into the posts as opposed to the blog clones out there. Color me inspired to do my own, and what a perfect medium to put more of myself in my own posts!

  3. 3

    @h1brd – Definitely! The content sure is worth reading.

    @nOeL – Can’t wait to see you apply that concept to your future blog. Should be really nice! :)

  4. 4

    These are very creative set of websites, very nice share :)
    .-= loswl´s latest Blog Entry – Who is God – Part One =-.

  5. 5

    Nice Stuff! Really good design.
    .-= Joshua Choo´s latest Blog Entry – Start Making Money with BidVertiser =-.

  6. 6

    Very great list! Thank you!! I like David Desandro’s portfolio site

  7. 7

    Wow! Great collection, I love the first two.

  8. 8

    @Joshua and Dani – Thanks!

    @Athena – Yes, David Desandro’s blog is just incredible. I love everything about it. BTW, your site looks great as well. Keep up the great work.

  9. 9

    Very nice share! This is bookmarked..

    Thanks a lot!


  10. 10

    Nice designs! Exploring effectiveness of sans serif vs serif for online publishing. These show how both work well.

    Thanks for the insiration!!


  11. 11

    @Bono, @Brian – Thanks guys! Glad I can help.

  12. 12

    Great designs! My favorite one is “An Idea” ; There is nothing better than seeing a beautiful blog or a nice social media page. I guess that is why I am in love with this site: http://www.chicbackgrounds.com

  13. 13

    Thanks for the great Selection. I especially happy to see Coldheat.de here. He’s really, really doing awesome stuff.

    One Question: As we obviously have trend with this … is “unique post designs” the correct Description? I was wondering about the Name of the trend …
    .-= ben_´s latest Blog Entry – Ich vermute, dass entweder =-.

  14. 14

    This is an awesome post! I haven’t seen some of these before :-)

  15. 15

    Very good!
    All in good taste. :)

  16. 16

    Very nice websites ! I like it.

  17. 17

    @Ben – That’s the best I can come up with. It actually took me a while to title this post.

    @Soh – Yeah, these sites are cool. I want to do my next blog similar to these sites.

  18. 18

    Thanks for the mention in amongst all those great designers! (hiphopquoted.com).
    .-= Ollie Kavanagh´s latest Blog Entry – Golden Gate Bridge =-.

  19. 19

    I’m very impressed by these sites, but my biggest question is implementation. Are these designers creating new templates for each post within a CMS, or storing entire pages as “posts,” or are the blogs entirely custom-made? I’d love to be able to do something like this with WordPress, but I’m not sure how that would even be possible, even with a system like Carrington.

  20. 20

    @Ollie – No problem. Great job with the site.

    @Kevin – As far as I know, most of these people are using some type of CSS. I know for a fact that Jason Santa Maria is using Expression Engine. You can read more about how he manages to pull of his design here.

  21. 21

    Thanks for the mention on the site. Its a real honor to be mentioned with the rest of these designers. Do you know of any others that have started to do this?

    @Kevin I am using WordPress for the back-end. I put some style into the head of each post with the Art Directors Plugin. If you have any other questions check out my post “Answering the Call” at the bottom I laid out how I built it. Or email me hello at kylefiedler dot com, Ill answer any other questions

  22. 22

    @Kyle – You’re welcome. Your website is awesome. As far as other sites doing this, I will do more research and probably write a follow up post.

    Also, thanks for showing us the process. A lot of people are wondering how it is done and that really gives us some insight into the creation of the site. Keep up the great work.

  23. 23

    @Kyle, @Jad – Thanks for your answers! “Art Direction” looks very impressive, I’m excited to try it out on a personal project.

  24. 24

    What timing! I just uploaded Textpattern and am figuring out how to use it — I’m a print designer and this is my first web project. thanks, Jad, these are beautiful blogs.

  25. 25

    I used the designate plugin for wordpress from here http://github.com/ionfish/designate .I found it a lot better that the art direction plugin as it doesn’t inject styles into the head, it links to an external stylesheet in a folder.

    I also modified it so I can pick a JS library (JQuery, SIFr, Typekit etc) for each post as well as styles for each post.
    .-= Ollie Kavanagh´s latest Blog Entry – Golden Gate Bridge =-.

  26. 26

    I am honored to have my site, Pumpkin-King.com, featured alongside some of these other wonderful sites. Very cool indeed – thanks for the mention.

    @Kevin – to answer your question about implementation. My site uses ExpressionEngine as the CMS. I basically have a default.css file that sets the baseline for the site’s standard pages, such as the ‘about’ and ‘portfolio’ page, etc., and then each individual blog post gets a very small CSS file that overrides some of those defaults and allows me to achieve the uniqueness for individual posts.

  27. 27

    @ Kevin – Glad I can help.

    @Ollie – Thanks for sharing that. I never heard of the Designate plug-in before. I will try that out.

    @Jeremy – Yes sir, Expression Engine is a great CMS. Do you think it is more ideal to use Expression Engine rather than WordPress when doing this style of blogging?

  28. 28

    @Jad – I haven’t personally used WordPress, so I wouldn’t be the best one to answer a ‘Versus’ type question, but when I was considering what CMS to use, I heard great things about both ExpressionEngine and WordPress. What sold it for me was having EE recommended to me by both Jason Santa Maria and Andy Clarke in separate conversations. It’s tough not to heed that type of advice, so I tried EE and I love it. I found there to be a bit of a learning curve, but once you get it down, ExpressionEngine is really powerful and easy to make quick and nimble site additions. I recommend it highly.

  29. 29

    @Jeremy – Thanks for your quick response. I’m definitely going to really try to learn Expression Engine. I have heard so many great reviews about it and I have seen lots of very nice websites that use Expression Engine.

    Thanks again and keep up the great work with your blog.

  30. 30

    really? some are awesome, some are very dull…..

  31. 31

    I’ve been experimenting with Art Directed posts recently as well. I set my website link as the path to my art directed category. I am intending to do a lot more of this sort of thing in the future. I find it quite enjoyable designing without any real boundaries.
    .-= Ben´s latest Blog Entry – Optimising Social Media Activity =-.

  32. 32

    @Ben – Very nice blog you have there. I enjoyed viewing your different posts. Keep up the great work on your art directed posts. :)

  33. 33

    Great source of inspiration for breaking away from a monotonous blog template that we so often see. I try and break the pattern up on my site by creating custom post header images. Thanks for putting this list together.

    Tweeted it too :)
    .-= bluefaqs´s latest Blog Entry – 5 Easy Tips To Increase User Experience =-.

  34. 34

    Wonderful inspiration. Thanks for sharing these. I use blogger and it is a pain in the ass and I know enough CSS and HTML to get myself into trouble.

    I’ve got a question on a ‘graphic designer’ site design. I’m redesigning my super-shitty portfolio site AngelaHayden.Net Can you recommend an online app or site that could build a professional flash album?

  35. 35

    @bluefaqs – Yes, that is what I do as well, as I post regularly, and it would just take way too much time to do this type of blog for Design Informer. I do believe that it is great, and that there is a place for it on some blogs. I think that on my freelance design company’s blog, I might actually try this.

    @Angela – Yeah, that can be tough to do something like this. Just learn XHTML/CSS and you’ll save lots of headaches.

    As far as professional albums, you can check out WebAppers and do a search on it and I’m sure you’ll find something.

  36. 36

    Great list. There are quite a few very original and inspiring websites. Thanks!

  37. 37

    Great post!!…always good to have posts like these, they give a lot of inspiration! :)

  38. 38

    Good selection. Thanks.

  39. 39

    An awesome inspiration. Great list. And a hell lot of a work I’d say. :) sorry for not commenting earlier, couldn’t cox am a 24/7 mobile user.

  40. 40

    I’m always interested to see how people are pushing the envelope in blog design. The idea of specific designs for specific posts is very interesting. Thanks for putting it together.
    .-= Miriam Schwab´s latest Blog Entry – Successful Ikea facebook campaign shows importance of offering deals to consumers on social media =-.

  41. 41

    Whoaaa…so many cool design!!
    .-= el7cosmos´s latest Blog Entry – Cobalah Tampilan dan Fitur Baru "Google Search" =-.

  42. 42

    @Josh – You’re welcome!

    @Adit – Yes, that is the main reason why I posted this. We need to get some more inspiration. There was an awesome post about the death of the blog post, but not enough examples. This article should get you all the inspiration you need.

    @CyberFox – No, thank you! Appreciate the comments!

    @draconiams – No problem! About the work, I’m sure a lot of work was definitely put into these blogs!

    @Miriam – You’re right, it is very impressive what these designers are able to do with their blogs. While not everyone can’t do this, it is good to see some creativity being used by these designers.

    @el7cosmos – I agree! :)

  43. 43

    Awesome collection of blogs! Already knew a few, but you brought up some new ones for inspiration. Thanks!

  44. 44

    Great list! Thanks for putting this list together and sharing this great sources of inspiration!

    What a wonderful inspiration! Thanks so much!

  45. 45

    @Cloud @Susie – You’re welcome!

  46. 46

    great post as usual .. thanks .. you just gave me a few more ideas to play with

  47. 47

    Wonderful list here. A fitting tribute to the most rapidly growing phenomenon of the Internet world that we better know as blogging. Who needs websites after this, huh?

  48. 48

    @Ashley – We need websites, the less talented people. :)

  49. 49
  50. 50

    @Yossi – Glad you liked it.


↑ Back to top