Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

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 Link

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

ACWE

ACWE2

An Idea3 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 Idea4

An Idea5

The Bold Italic6 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 Coyier7 Link

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

Chris Coyier8

Chris Coyier9

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

Coldheat11

Coldheat12

Danny Garcia13 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 Desandro14 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 Curtis15 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 Line16 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 OTL17

ESPN OTL18

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 Quoted19 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 Quoted20

HipHop Quoted21

Jason Santa Maria22 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 Maria23

Jason Santa Maria24

Kyle Fiedler25 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 King26 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 King27

Pumpkin King28

Rad Nauseam29 Link

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

Rad Nauseam30

Rad Nauseam31

Tony Dewan Link

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

Tony Dewan

Tony Dewan

Travis Gertz32 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 Gate33

Travis Gate

Trent Walton34 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 Walton35

Trent Walton36

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

Develop your talent at web design school Atlanta39 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=142
  3. 3 http://anidea.com
  4. 4 http://anidea.com/strategy/charting-a-shift-from-communications-to-services/
  5. 5 http://anidea.com/technology/how-to-build-an-augmented-world/
  6. 6 http://thebolditalic.com/
  7. 7 http://chriscoyier.net/blog/
  8. 8 http://chriscoyier.net/2009/10/29/10-years-of-simutronics/
  9. 9 http://chriscoyier.net/2009/11/03/hipsters/
  10. 10 http://www.coldheat.de/
  11. 11 http://www.coldheat.de/archiv/2009/10/alles-banane.php
  12. 12 http://www.coldheat.de/archiv/2009/10/the-blues-brothers.php
  13. 13 http://danny-garcia.com/
  14. 14 http://desandro.com/
  15. 15 http://dustincurtis.com
  16. 16 http://search.espn.go.com/e-ticket/e-tickets/12
  17. 17 http://sports.espn.go.com/espn/eticket/story?page=090618/dchoops
  18. 18 http://sports.espn.go.com/espn/eticket/story?page=090612/phil
  19. 19 http://www.hiphopquoted.com/
  20. 20 http://www.hiphopquoted.com/
  21. 21 http://www.hiphopquoted.com/the-roots-concerto-of-the-desperado
  22. 22 http://jasonsantamaria.com/
  23. 23 http://jasonsantamaria.com/articles/royal/
  24. 24 http://jasonsantamaria.com/articles/what-the-world-needs/
  25. 25 http://kylefiedler.com/
  26. 26 http://www.pumpkin-king.com/
  27. 27 http://www.pumpkin-king.com/index.php/blog/your-website-is-nice-but-i-liked-the-book-better
  28. 28 http://www.pumpkin-king.com/index.php/blog/buying-robots-shouldnt-be-this-difficult
  29. 29 http://radnauseam.com/
  30. 30 http://radnauseam.com/page/4/
  31. 31 http://radnauseam.com/page/6/
  32. 32 http://travisgertz.com/
  33. 33 http://travisgertz.com/
  34. 34 http://trentwalton.com/
  35. 35 http://trentwalton.com/2009/10/27/zombie-designers/
  36. 36 http://trentwalton.com/2009/08/22/a-fresh-coat-of-paint/
  37. 37 http://feeds.feedburner.com/design-informer
  38. 38 http://twitter.com/designinformer
  39. 39 http://www.artinstituteatlantainfo.com/programs/
SmashingConf Barcelona 2016

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? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Advertisement

Former editor in chief of Designinformer.

  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

↑ Back to top