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 Eyes
This is the blog of Adam Walker. Each post has a unique and interesting design.
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.
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.
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.
Chris Coyier
CSS Tricks owner Chris Coyier’s personal blog. The background of his blog posts are different from each other.
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.
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.
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.
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.
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.
Gregory Wood
Gregory Wood’s blog has some really nice designs. Each blog post is completely different.
Hazardous Ink
Only a couple of the article are different, but still a good job.
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!
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.
Kyle Fiedler
Kyle’s blog is phenomenal. The blog posts are very unique and colorful. He did an outstanding job with his blog.
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.
Rad Nauseam
Very unique website. The backgrounds that he uses in his post are very creative.
Tony Dewan
Tony has a beautiful site. He said that he was inspired by Jason Santa Maria.
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.
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.
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.












































h1brd
November 10th, 2009 2:37 pmThat’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! =-.
nOeL
November 10th, 2009 3:33 pmI 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!
Jad Limcaco
November 10th, 2009 3:40 pm@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! :)
loswl
November 10th, 2009 7:19 pmThese are very creative set of websites, very nice share :)
.-= loswl´s latest Blog Entry – Who is God – Part One =-.
Joshua Choo
November 10th, 2009 7:49 pmNice Stuff! Really good design.
.-= Joshua Choo´s latest Blog Entry – Start Making Money with BidVertiser =-.
Athena Emily
November 10th, 2009 8:17 pmVery great list! Thank you!! I like David Desandro’s portfolio site
Dani
November 10th, 2009 8:21 pmWow! Great collection, I love the first two.
Jad Limcaco
November 10th, 2009 9:26 pm@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.
bono
November 11th, 2009 4:46 amVery nice share! This is bookmarked..
Thanks a lot!
cheers.
Brian
November 11th, 2009 11:37 amNice designs! Exploring effectiveness of sans serif vs serif for online publishing. These show how both work well.
Thanks for the insiration!!
Brian
Jad Limcaco
November 11th, 2009 7:58 pm@Bono, @Brian – Thanks guys! Glad I can help.
Helen
November 11th, 2009 9:24 pmGreat 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
ben_
November 12th, 2009 4:27 amThanks 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 =-.
Soh Tanaka
November 12th, 2009 9:15 amThis is an awesome post! I haven’t seen some of these before :-)
Fabricio Leite
November 12th, 2009 10:41 amVery good!
All in good taste. :)
Jannis Gerlinger
November 12th, 2009 11:29 amVery nice websites ! I like it.
Jad Limcaco
November 12th, 2009 5:19 pm@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.
Ollie Kavanagh
November 13th, 2009 12:19 amThanks for the mention in amongst all those great designers! (hiphopquoted.com).
.-= Ollie Kavanagh´s latest Blog Entry – Golden Gate Bridge =-.
Kevin Zurawel
November 14th, 2009 2:50 pmI’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.
Jad Limcaco
November 15th, 2009 2:01 am@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.
Kyle Fiedler
November 16th, 2009 8:30 pmThanks 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
Jad Limcaco
November 16th, 2009 11:09 pm@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.
Kevin Zurawel
November 17th, 2009 8:16 am@Kyle, @Jad – Thanks for your answers! “Art Direction” looks very impressive, I’m excited to try it out on a personal project.
Mary Kay Stam
November 17th, 2009 11:42 amWhat 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.
Ollie Kavanagh
November 17th, 2009 8:11 pmI 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 =-.
Jeremy Girard
November 18th, 2009 6:29 amI 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.
Jad Limcaco
November 19th, 2009 12:01 pm@ 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?
Jeremy Girard
November 19th, 2009 2:28 pm@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.
Jad Limcaco
November 19th, 2009 2:35 pm@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.
ml
November 24th, 2009 12:54 pmreally? some are awesome, some are very dull…..
Ben
November 26th, 2009 8:10 amI’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 =-.
Jad Limcaco
November 26th, 2009 2:20 pm@Ben – Very nice blog you have there. I enjoyed viewing your different posts. Keep up the great work on your art directed posts. :)
bluefaqs
November 28th, 2009 7:40 amGreat 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 =-.
Angela Hayden
November 28th, 2009 8:23 amWonderful 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
Jad Limcaco
November 28th, 2009 8:49 am@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.
Josh
November 28th, 2009 9:37 amGreat list. There are quite a few very original and inspiring websites. Thanks!
Adit Gupta
November 28th, 2009 11:19 amGreat post!!…always good to have posts like these, they give a lot of inspiration! :)
CyberFox
November 28th, 2009 12:11 pmGood selection. Thanks.
draconiams
November 28th, 2009 1:11 pmAn 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.
Miriam Schwab
November 28th, 2009 1:34 pmI’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 =-.
el7cosmos
November 28th, 2009 5:25 pmWhoaaa…so many cool design!!
.-= el7cosmos´s latest Blog Entry – Cobalah Tampilan dan Fitur Baru "Google Search" =-.
Jad Limcaco
November 28th, 2009 7:03 pm@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! :)
cloud9ramen
November 28th, 2009 8:27 pmAwesome collection of blogs! Already knew a few, but you brought up some new ones for inspiration. Thanks!
Susie Cheng
November 29th, 2009 2:38 amGreat list! Thanks for putting this list together and sharing this great sources of inspiration!
What a wonderful inspiration! Thanks so much!
Jad Limcaco
November 29th, 2009 11:50 pm@Cloud @Susie – You’re welcome!
forex robot
November 30th, 2009 5:46 amgreat post as usual .. thanks .. you just gave me a few more ideas to play with
Ashely Adams : Online Printing
November 30th, 2009 7:24 amWonderful 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?
Jad Limcaco
November 30th, 2009 11:49 pm@Ashley – We need websites, the less talented people. :)
Yossi
December 2nd, 2009 6:31 amWonderful :)
Jad Limcaco
December 5th, 2009 10:26 pm@Yossi – Glad you liked it.
Richie
December 10th, 2009 8:32 amJust 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 =-.
Waasys
December 11th, 2009 12:21 pmGood blog, subscribed to many of them, thnx!
.-= Waasys´s latest Blog Entry – How to draw an USB Flash Drive =-.
Jad Limcaco
December 11th, 2009 3:40 pm@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!
Darryl
December 11th, 2009 7:57 pmI’m frequently looking for recent posts in the WWW about this issue. Thankz!!
Jad Limcaco
December 21st, 2009 1:35 pmI’m happy that you found what you were looking for. :D
Lakhya jyoti saikia
December 23rd, 2009 4:23 amExcellent article.Designs are awesome,unique.Most of them are really great..
.-= Lakhya jyoti saikia´s latest Blog Entry – Make Money Online With Kontera =-.
Jad Limcaco
December 23rd, 2009 11:54 pmThanks Lakhya. It took a long time to compile this list.
WP Themes
December 29th, 2009 9:25 amGood brief and this enter helped me alot in my college assignement. Thanks you as your information.
Jad Limcaco
January 12th, 2010 8:59 pmOh, that’s great! I’m glad I was able to help out with your assignment! :)
Bryan Connor
January 12th, 2010 8:51 pmThis 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 =-.
Jad Limcaco
January 12th, 2010 9:02 pmThat’s cool. Looking forward to your blog design. Make sure you send us the link.
Aman L. Anderson
January 21st, 2010 2:09 pmVery awesome collection Jad!! Too awesome!
Web design Lou
February 9th, 2010 5:49 pmThought 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 =-.
Jad Limcaco
February 24th, 2010 3:24 amThanks! I’m glad you came as well. Hope you will be a regular reader here at Design Informer. :D
Ylod Sean
February 15th, 2010 2:29 pmSome 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!
Robert
April 24th, 2010 3:37 amAre you still going to do a post on how to do this?
Jad Limcaco
April 24th, 2010 3:52 amHey Robert,
Yes, I am still planning to do this, probably sometime in May once Coding Informer launches. Thanks for asking. :D
Lee Kennedy
April 28th, 2010 1:47 amLooks at calendar…
It’s almost May…
Excitement! Cannot wait for the tutorial/guide or more information regarding this layout type.
Jennifer R
June 20th, 2010 6:38 amThe 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.
Sandesh
July 15th, 2010 9:02 pmHi Jad Limcaco,
just want to say one thing. After reading 3 post. I just love your blog.
Adam Walker
September 14th, 2010 12:59 amExtremely pleased to be included in this list. Thanks, and a great post by the way… but I would say that :)
John Ween
March 28th, 2011 8:02 amVery neat and professional design….Thanks
Regards,
John
Vivek
June 16th, 2011 12:32 pmAwesome collection of very neat and professional blog designs. Keep it up and Thanks!
Arun Sengupta
May 4th, 2012 8:08 amNiiiiiiiice
I love the collection :)
great work