Menu Search
Jump to the content X
X

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 Link

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

ACWE

ACWE

An Idea Link

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 Link

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 Link

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 Link

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

Chris Coyier

Chris Coyier

Coldheat Link

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 Link

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 Link

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 Link

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 Link

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 Link

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

Gregory Wood

Gregory Wood

Hazardous Ink Link

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

Hazardous Ink

Hazardous Ink

Hip-Hop Quoted Link

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 Link

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 Link

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 Link

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 Link

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

Rad Nauseam

Rad Nauseam

Tony Dewan Link

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

Tony Dewan

Tony Dewan

Travis Gertz Link

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 Link

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.

Smashing Book #5

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? For example, Smashing Book 5, packed with smart responsive design patterns and techniques.

↑ Back to top Tweet itShare on Facebook

Former editor in chief of Designinformer.

Advertisement
  1. 1

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

    @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
  3. 3

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

    0
  4. 4

    Wow! Great collection, I love the first two.

    0
  5. 5

    @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
  6. 6

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

    Thanks for the insiration!!

    Brian

    0
  7. 7

    Very nice share! This is bookmarked..

    Thanks a lot!

    cheers.

    0
  8. 8

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

    0
  9. 9

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

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

    0
  11. 11

    Very good!
    All in good taste. :)

    0
  12. 12

    Very nice websites ! I like it.

    0
  13. 13

    @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
  14. 14

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

    @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
  16. 16

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

    @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
  18. 18

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

    0
  19. 19

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

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

    @ 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
  22. 22

    @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
  23. 23

    @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
  24. 24

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

    0
  25. 25

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

    0
  26. 26

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

    0
  27. 27

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

    @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
  29. 29

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

    0
  30. 30

    Good selection. Thanks.

    0

↑ Back to top