Apr
07

30 Must See Comment Designs for Web Designers

Comment design is an art. Comment design is often overlooked by a lot of web designers when they are designing their blog. It tends to be one of the last things a web designer works on and because of that it suffers. This list shows 30 blogs where the web designer didn’t just throw together the same old comment design and put extra effort into their comment design to make it fit with their blog design.

1. alwaysBETA

alwaysBETA - Comment design

2. AudetteMedia

AudetteMedia - Comment Design

3. Baekdal

Baekdal - Comment Design

4. Bartelme

Bartelme - Comment Design

5. Blog Design Blog

Blog Design Blog - Comment Design

6. Dale Anthony

Dale Anthony - Comment Design

7. Darkmotion

Darkmotion - Comment Design

8. Elitist Snob

Elitist Snob - Comment Design

9. exhero

Exhero - Comment Design

10. Freelanceswitch

Freelanceswitch - Comment Design

11. the Geniant blog

the Geniant blog - Comment Design

12. ifoh designs

ifoh designs - Comment Design

13. Intype

Intype - Comment Design

14. Larissa Meek

Larissa Meek - Comment Design

15. Mancub

Mancub - Comment Design

16. Mike Davidson

Mike Davidson - Comment Design

17. Mostly Lisa

Mostly Lisa - Comment Design

18. Nimbupani

Nimbupani - Comment Design

19. Oaktree Creative

Oaktreecreative - Comment Design

20. Ordered List

Ordered List - Comment Design

21. Rob Goodlatte

Rob Goodlatte - Comment Design

22. Shaun Inman

Shaun Inman - Comment Design

23. Chris Shiflett

Shiflett - Comment Design

24. Jonathan Snook

Jonathan Snook - Comment Design

25. Squawk

Squawk - Comment Design

26. Standards for Life

Standards for Life - Comment Design

27. Stopdesign

Stopdesign - Comment Design

28. SuperfluousBanter

Superfluous Banter - Comment Design

29. Thomas Finley

Thomas Finley - Comment Design

30. Tutorial9

Tutorial9 - Comment Design

Subscribe today by RSS for free and get more great blog design tips and lists. If you don’t know about rss feeds or you want to use the email subscription option, read this page on subscribing to Blog Design Blog.

If you like this article, give some love back.

Related Posts by Vinh Le

72 comments
  1. 1

    GOOD COLLECTION.

    • chandan
    • April 7th, 2008 at 4:37 am
  2. 2

    Brilliant Idea, thanks for putting this together. Thanks!

    • liam
    • April 7th, 2008 at 5:01 am
  3. 3

    Good article & you’re totally reading my mind! I desperately need to do something about my comment design! Dugg.

    • Simon
    • April 7th, 2008 at 6:06 am
  4. 4

    http://elliotjaystocks.com/blog/ should have made that list :P

  5. 5

    Great list, interesting to find your own comments styling on them ;). But the list is very interesting nevertheless.. and your comment styling great as well.

  6. 6

    Hey Vinh Le,
    Thanks for including my site on this list! And have you forgotten to include your own comment section?? This one is great!

  7. 7

    Hey men

    This is a really great article. I mean this serious. I saved the whole page as 1 big jpg so i can watch it back everytime i need.

    Ooh and thx for the follow url ;)

    Chears,
    Ronald

    • Picasa
    • April 7th, 2008 at 10:11 am
  8. 8

    This is great!

    The hardest design part to integrate into a blog is the comments because it is almost always an afterthought. Most of the time we are not even looking at the comments, or have the comments field filled while the design process kicks in.

  9. 9

    Brilliant stuff, I really like the Dark Motion comments.

    I think Typesites has some excellent and unique comment formatting as well, though it’s a little off in Safari.

    • Drake
    • April 7th, 2008 at 10:46 am
  10. 10

    Great idea to collect and compile an amazing list of comment section designs. Good work!

    • Sarah
    • April 7th, 2008 at 11:04 am
  11. 11

    Very nice, this one is going in my bookmarks. Will be updating some blogs soon.

    • IDX
    • April 7th, 2008 at 2:25 pm
  12. 12

    Good list and great examples!

    I recently wrote an article discussing this topic as well. It covers how to improve your comment section and gives examples that are separated stylistically.

    http://pressingpixels.com/creating-a-better-wordpress-comment-section/

  13. 13

    I love this post. Great ideas here for comment sections. Also I wanted to say that I really enjoy the look and feel of your blog. I love how when you scroll down it looks like they’re scrolling at different speeds. Beautiful website!

    • Alfred
    • April 7th, 2008 at 3:07 pm
  14. 14

    I think I like your comments best of all.

    • Jenny
    • April 7th, 2008 at 3:34 pm
  15. 15

    Honestly, I think your comments look best. <3

    • Naresh
    • April 7th, 2008 at 3:55 pm
  16. 16

    I miss some nested comments examples.

    • Jorge
    • April 7th, 2008 at 3:56 pm
  17. 17

    1
    5
    7
    18

    rocks!

    • Gio
    • April 7th, 2008 at 3:58 pm
  18. 18

    Impressive and interesting post! Thanks.

    • Fubiz
    • April 7th, 2008 at 4:22 pm
  19. 19

    How about our comments? I really like them! :)
    Here’s an example of a big thread: http://www.atomtigerblog.de/2007/05/31/studivz-in-blau-greasemonkey-skript/#comment-4753

  20. 20

    Hi, thanks for the mention! I have to agree with some of the others as your comments are probably my favourite of them all. Thanks again, James.

  21. 21

    Very nice collection. Personally, I like yours.

  22. 22

    My favorite is #24. Great idea.
    What do you think about my comments? I especially linke my comment form:
    http://www.donvanone.de/was-ist-das-2/#comments

  23. 23

    Great Post Thanks

    • Cory
    • April 7th, 2008 at 5:55 pm
  24. 24

    I started a redesign of my blog last week, still just using templates by others but getting to the point where I feel more comfortable tweaking them.

    Found your site on the weekend and instantly downloaded the template just to add in the comment formatting to replace what was in the new template I am setting up.

    Great list, but I obviously would have placed your own design on it myself. And thanks for making the template available.
    Cheers

    • Rob
    • April 7th, 2008 at 6:10 pm
  25. 25

    Very original post!

  26. 26

    This is one of the things I look at when ever I go to a new site. Nice to have it compiled. Very nice!

    I wish you got some nested comment examples, though.

  27. 27

    I like how you just sorta snuck yours in there at #5, haha, but it really is one of my favorite by far, so elegant. Other than that, #24 Jonathan Snook’s is another favorite of mine. All pretty nice though.

  28. 28

    Thanks for the inspiration!

  29. 29

    Jonathan Snook’s blog design has been my favorite for a while. I also tend to like any speech bubble-style comments.

  30. 30

    Nice designs…i love it.very colorful..simple but adorable..gud job!;-)

    • nica26
    • April 8th, 2008 at 12:31 am
  31. 31

    I’ll vote for 18, 21, 24
    Thanx for the post it’s really useful to put it in a designed way

    • alex
    • April 8th, 2008 at 2:55 am
  32. 32

    I’m almost certain that my blog may fall into the “bad”blog design category but I’m currently enrolled in “bad blog rehab”. Thank you for sharing all of these wonderful resources and maybe one day I can step my game and get a good blog design so people don’t talk about me behind my back. *Yells behind himself* STOP LAUGHING AT ME!

    • Tigga76
    • April 8th, 2008 at 4:27 am
  33. 33

    IMO, one comments design is missing: http://perfectionorvanity.com - this blog is now suspended but still it is one of the most admirable source of Web Design knowledge, unfortunately only in Polish.
    Thanks for another sources of inspiration, my Fav: #5, #19, #24, #25.

  34. 34

    Nice of you to put these pieces of great design, love them.

    • Ivan
    • April 8th, 2008 at 4:36 am
  35. 35

    I like how you just sorta snuck yours in there at #5, haha, but it really is one of my favorite by far, so elegant. Other than that, #24 Jonathan Snook’s is another favorite of mine. All pretty nice though.

    • ooyes
    • April 8th, 2008 at 5:31 am
  36. 36

    Mmh, very interesting list, it’s something that not many people would compare but it’s still very useful. I am not quite sure how my blog ended up in that list though, I always thought that my comment design had a long way to go. Thanks anyway…

  37. 37

    Thanks for the feature again! Great list to look at !

  38. 38

    I macrabbits.

    sample - http://macrabbit.com/blog/going-euro/

    • sc
    • April 8th, 2008 at 11:04 am
  39. 39
  40. 40

    I would agree that these are all really well done, but I don’t think that any of them are really very special.

    I’d say that Nimbupani, Jonathan Snooks’s comments are at least creative. But seriously these comments look tired to me.

    There were a couple of good ones up there in the comments. Now I don’t mean to brag, but seriously, look at my comments section–that’s more like it ;)

  41. 41

    I must say, I do like how clean these comments look. Very tidy!

  42. 42

    Great list. I must say yours like nice too

    • Abhisek
    • April 8th, 2008 at 10:10 pm
  43. 43

    Really nice, i thing i got something to bite!

  44. 44

    Amazing….. It feels good to find someone who has concern for things that are usually overlooked.

    “No matter how pleasant something would appear, there will always be a room for improvement”

    :D

    • Alex
    • April 9th, 2008 at 1:57 am
  45. 45

    Thats handy. It’s something that as been bugging the crap out of me as I’m so new to blogging; trying to find a nice way of leaving comments.

    I have a layout currently on my site but I think it wastes too much space so I might move the ‘from’ stuff around to the top.

    I’m a big fan of the ’speach bubble’ type of layout and yours is done nicely. =]

    • Jack
    • April 9th, 2008 at 5:21 am
  46. 46

    Nice collection.. Different from all design inspiration blog posts. Reputed

  47. 47

    Simply LOVE!

    • Julia
    • April 9th, 2008 at 11:38 am
  48. 49

    A must add should be Particletrees Version:
    http://particletree.com/features/visualizing-fittss-law/

    Nevertheless, nice post!

    • KMB
    • April 9th, 2008 at 2:55 pm
  49. 50

    Good collection.

    • Dogguie
    • April 9th, 2008 at 10:55 pm
  50. 51

    How about Veerle’s blog comment style, that’s one beautiful design. Blogdesignblog’s is good too :D

    • jayhan
    • April 10th, 2008 at 11:11 am
  51. 52

    Great collection, thanks so far, for me I’d like knowing Your opinion and tips to the examples. I think this could be very useful.

    • Robert
    • April 10th, 2008 at 3:41 pm
  52. 53

    Hi

    It is a very nice and very impressive post and I like it.

    • Rebie
    • April 11th, 2008 at 3:46 am
  53. 54

    Number 15 is very nice!

  54. 55

    There is some lovely examples here. One I’ve seen before, if you have a blog and write posts. Comment on someone else’s blog and it will show you your latest blog post from your own site.

  55. 56

    Great point! people spend so much time on a blog design and then forget the comments. Adds that finishing touch

  56. 57

    Don’t get me wrong, your design definitely should be in your list.. As i said, it looks very nice.

  57. 58

    Nice showcase! I have a similar collection of about 70 examples of blog comment design too.

  58. 59

    It’s good to have someone appreciate blog comments.. your not only an web designer but as well as an artist.

    keep em coming.. once again good job.

  59. 60

    Good, site have learned more through this site for design, I have through months of reading search engine optimisation and reading how to gain links books. Prehaps you can give me me some advice on how to get my wiltshire based web company to the top of search engines - help to get me comments/links and to my site? http://www.eye-web-design.co.uk

  60. 61

    Great collection of comment designs… Your comment design is very cool as well.

    • Ganesh
    • April 28th, 2008 at 3:20 am
  61. 62

    You have one of the best in my opinion. Great job and thanks for the list!

    • Rajaie
    • April 30th, 2008 at 1:56 pm
  62. 63

    nice

    • Mehdi
    • May 1st, 2008 at 8:34 am
  63. 64

    You’ve gotta be kidding giving Dale Anthony’s stupidly massive yet supposedly sly rip-off of Elliot Jay Stocks any credit whatsoever

    • Rick
    • May 2nd, 2008 at 4:13 am
  64. 65

    very nice

    • Johan
    • May 2nd, 2008 at 9:21 am
  65. 66
  66. 67

    Great!I think comment design of your website is good!

    • Travis
    • May 3rd, 2008 at 5:14 am
  67. 68

    I totally agree. I think I should revamp my comment design as well. :)

    • Luc
    • May 3rd, 2008 at 8:23 am
  68. 69

    # 5 and # 10 are amazing.
    I’m still working on
    My Blog Design .

    • JD
    • May 5th, 2008 at 10:48 am
  69. 70

    your website is very nice and good collections

  70. 71

    Very nice collection. I like how some of the larger comments (on this blog page) the link turns green and the arrow goes the other way.

    • Mepho
    • May 6th, 2008 at 3:38 pm
  71. 72

    I found your site today while looking for good wordpress designs. I fell in love with your design and I was ecstatic to see that it was available for download. I have uploaded to my new blog that I am working on, but was really disappointed to see that the comments section is different then yours. Your comment section is the main reason I downloaded your theme. Is there any option of getting the code for it? Or maybe a tutorial.

    Thanks! Brent

Add a comment