20 Extraordinary Blogs With Unique Post Designs

Advertisement

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 Eyes

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

ACWE

ACWE

An Idea

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 Idea

An Idea

The Bold Italic

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 Italic

Bold Italic

A Brief Message

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 Message

A Brief Message

Chris Coyier

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

Chris Coyier

Chris Coyier

Coldheat

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.

Coldheat

Coldheat

Danny Garcia

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 Garcia

Danny Garcia

David Desandro

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 Desandro

David Desandro

Dustin Curtis

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 Curtis

Dustin Curtis

ESPN Outside the Line

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.

ESPN OTL

ESPN OTL

Gregory Wood

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

Gregory Wood

Gregory Wood

Hazardous Ink

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

Hazardous Ink

Hazardous Ink

Hip-Hop Quoted

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 Quoted

HipHop Quoted

Jason Santa Maria

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 Maria

Jason Santa Maria

Kyle Fiedler

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

Kyle Fiedler

Kyle Fiedler

Pumpkin King

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 King

Pumpkin King

Rad Nauseam

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

Rad Nauseam

Rad Nauseam

Tony Dewan

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

Tony Dewan

Tony Dewan

Travis Gertz

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 Gate

Travis Gate

Trent Walton

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 Walton

Trent Walton

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 feed as well. Oh, I almost forgot, you need to follow me on Twitter here.

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

↑ Back to top

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

    0
  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!

    0
  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! :)

    0
  4. 4

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

    0
  5. 5

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

    0
  6. 6

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

    0
  7. 7

    Wow! Great collection, I love the first two.

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

    0
  9. 9

    Very nice share! This is bookmarked..

    Thanks a lot!

    cheers.

    0
  10. 10

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

    Thanks for the insiration!!

    Brian

    0
  11. 11

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

    0
  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

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

    0
  14. 14

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

    0
  15. 15

    Very good!
    All in good taste. :)

    0
  16. 16

    Very nice websites ! I like it.

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

    0
  18. 18

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

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

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

    0
  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

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

    0
  23. 23

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

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

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

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

    0
  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?

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

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

    0
  30. 30

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

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

    0
  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. :)

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

    0
  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?
    thanks

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

    0
  36. 36

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

    0
  37. 37

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

    0
  38. 38

    Good selection. Thanks.

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

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

    0
  41. 41

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

    0
  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! :)

    0
  43. 43

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

    0
  44. 44

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

    What a wonderful inspiration! Thanks so much!

    0
  45. 45

    @Cloud @Susie – You’re welcome!

    0
  46. 46

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

    0
  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?

    0
  48. 48

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

    0
  49. 49
  50. 50

    @Yossi – Glad you liked it.

    0
  51. 51

    Just awesome….. to be honest, i am fed up with the conventional posting design… this sure kicks in some inspiration.. thanks a ton for sharing…
    .-= Richie´s latest Blog Entry – Dead Fly Art : Wierd, hilarious but uniquely creative =-.

    0
  52. 52

    Good blog, subscribed to many of them, thnx!
    .-= Waasys´s latest Blog Entry – How to draw an USB Flash Drive =-.

    0
  53. 53

    @Richie – While these designs are very nice, I still think that the regular blog format still has its place.

    @Waasys – Thanks for leaving a comment. I love your Illustrator tutorials!

    0
  54. 54

    I’m frequently looking for recent posts in the WWW about this issue. Thankz!!

    0
  55. 56

    Excellent article.Designs are awesome,unique.Most of them are really great..
    .-= Lakhya jyoti saikia´s latest Blog Entry – Make Money Online With Kontera =-.

    0
  56. 58

    Good brief and this enter helped me alot in my college assignement. Thanks you as your information.

    0
  57. 60

    This is a website / blog concept that is growing in popularity ever since folks like JSM and David Desandro began with it. I can see this list growing quite a bit in 2010 as the backlash towards list posts and link blogs begins to occur.

    I am definitely moving towards this format for the next iteration of my site and blog for young freelancers. Thanks for the excellent collection of sites.
    .-= Bryan Connor´s latest Blog Entry – Free for a Reason? Type Design Quality and the Web Part 2 =-.

    0
  58. 62

    Very awesome collection Jad!! Too awesome!

    0
  59. 63

    Thought I’d comment before spending the next 2 hours admiring each of the sites layouts above :D

    I was just recommended to DI by a friend on Twitter and I’m glad I came.

    Keep up the work,

    Lou Sparx
    .-= Web design Lou´s latest Blog Entry – Amazing Free Webmaster Tools =-.

    0
  60. 65

    Some layouts are really interesting, some are weird, but definitely unique. Not the usual layout you see an most of the themes..congrats for the list!

    0
  61. 66

    Are you still going to do a post on how to do this?

    0
  62. 68

    Looks at calendar…

    It’s almost May…

    Excitement! Cannot wait for the tutorial/guide or more information regarding this layout type.

    0
  63. 69

    The design is awesome but i think it’s not good for SEO because using too much image like them will slow down the entire website.

    0
  64. 70

    Hi Jad Limcaco,

    just want to say one thing. After reading 3 post. I just love your blog.

    0
  65. 71

    Extremely pleased to be included in this list. Thanks, and a great post by the way… but I would say that :)

    0
  66. 72

    Very neat and professional design….Thanks

    Regards,

    John

    0
  67. 73

    Awesome collection of very neat and professional blog designs. Keep it up and Thanks!

    0
  68. 74

    Arun Sengupta

    May 4, 2012 8:08 am

    Niiiiiiiice
    I love the collection :)
    great work

    0

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 else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top