77 Inspiring Blog Comment Form Designs – Good Examples

Posted in , 1335 days ago • Written by 90 Comments

77 Inspiring Blog Comment Form Designs – Good ExamplesI am continuing to do separated web-design roundups and research, this time we will look at good blog comment design examples. Maybe you can argue, how similar are such comment forms, but still I believe such huge roundups can help to see differences and compare many designs in one place.

Usually forms are pretty classic with standard fields, submit buttons – nothing more, nothing less. But still even little change of field background, border style, font, rounded corners, small icons can make huge difference. Usually my attention grabbed those comment designs with small icons added to describe each form, transparency and extended possibilities. It is always good idea to add live comment preview, smilies or some simple CSS bold, italic, underline effects to give more options to advanced comment writers. But if you want to really stand out and create something fancy, put background images in good use, where possibilities are endless as you will see in these forms. I really hope you will enjoy this article and will do your own research and considerations, what you like/dislike and why it is so. I will be more than happy if you will join to discussion in comments and pick your own favorites!

1. Nitram-Nunca

Interesting background to stand out!

77 Inspiring Blog Comment Form Designs – Good Examples

2. ChiGarden

Those hand-drawn lines, cute icons and rounded corners create really personal touch to this comment form.

chigarden-blog-comment-form

3. DesignDisease

design-disease-blog-comment-form

4. Lucky BlackMore

lucky-blackmore-blog-comment-form

5. I love typography

i-love-typography-blog-comment-form

6. WebDesignerWall

Excellent website and comment form with neat feature with jQuery comment form!

web-designers-wall-blog-comment-form

7. WebDesignerDepot

Interesting form, seems simple, but with option to set smaller/larger comment box form. Looks good.

web-designer-depot-blog-comment-form

8. RadiumLabs

radium-labsblog-comment-form

9. Paper Jet Wednesday

paper-jet-wednesday-blog-comment-form

10. MONOmoda

I enjoy that typographic touch to comment design with huge “Discuss.” text.

monomoda-blog-comment-form

11. DezineZync

At first seems to be hardly observable, but I somehow enjoy this transparency.

dezine-zync-blog-comment-form

12. DezinerFolio

dezinerfolio-blog-comment-form

13. Desspa

Clean look achieved with little icons and text.

despa-blog-comment-form

14. Dhenk

dhenk-blog-comment-form

15. Brian Yerkes

Very clean and subtle comment form design – love Brian’s work and website!

brian-yerkes-blog-comment-form

16. Scruffy Uncle

scruffy-uncle-blog-comment-form

17. Abduzeedo

abduzeedo-blog-comment-form

18. Elliot Jay Stocks

Really huge comment form – very good example standing out from the crowd.

elliot-jay-stocks-blog-comment-form

19. EliteByDesign

elite-by-design-blog-comment-form

20. MrHenry Blog

henry-event-blog-comment-form

21. KevinJohnGomez

kevinjohngomez-blog-comment-form

22. Verlee Duoh

veerle-duoh-blog-comment-form

23. Noupe

noupe-blog-comment-form

24. WpDesigner

I don’t know how about you, but I always enjoy small icons added to comment forms. Eye candy!

wpdesigner-blog-comment-form

25. DesignWorkPlan

design-workplan-blog-comment-form

26. TheCreativeDistrict

the-creative-district-blog-comment-form

27. KissMetrics

kissmetrics-blog-comment-form

28. Coda.co.za Blog

Beautiful as everything in Coda website.

coda-blog-comment-form

29. FreelanceSwitch

One more website with really huge comment form created in good way.

freelance-switch-blog-comment-form

30. Radu Ceuca

raduceuca-blog-comment-form

31. PixelResort

pixel-resort-blog-comment-form

32. ElitistSnob

elitist-snob-blog-comment-form

33. Mike Poss

mike-poss-blog-comment-form

34. I Love Colors

I-love-colors-blog-comment-form

35. YouTheDesigner

you-the-designer-blog-comment-form

36. SpoonGraphics

spoon-graphics-blog-comment-form

37. Designministeriet

designministeriet-blog-comment-form

38. WeFunction

Visually simple, but still eye candy.

wefunction-blog-comment-form-1

39. Outlaw Design Blog

outlaw-design-blog-comment-form

40. RetinArt

retinart-blog-comment-form

41. Blog Design Blog

blog-design-blog-comment-form

42. TwirkEthic

twirkethic-blog-comment-form

43. SmartBlogs

smart-blogs-blog-comment-form

44. Jason Bradbury

jason-bradburry-blog-comment-form

45. Nathan Rice

nathanrice-blog-comment-form

46. Pasqualedsilva

pasqualedsilva-blog-comment-form

47. Stellify

stellify-blog-comment-form

48. MAC Appstorm

mac-appstorm-blog-comment-form

49. Ars Thanea Blog

ars-thanea-blog-comment-form

50. Level Opacity

level-opacity-blog-comment-form

51. Doc4design

doc4design-blog-comment-form

52. Productive Dreams

productive-dreams-blog-comment-form

53. DesignBombs

design-bombs-blog-comment-form

54. Tutorial9

tutorial9-blog-comment-form

55. EctoMachine

Light gradient added in forms to create interesting effect.

ectomachine-blog-comment-form

56. FlickOut

flickout-blog-comment-form

57. Missweblash

Through whole site goes this stitching effect, added nicely to forms as well – I consider this a good example.

missweblash-blog-comment-form

58. ClingPhotography

Expand possibilities with cute smilies in comments!

cslingphotography-blog-comment-form

59. NyQDesign

nyqdesign-blog-comment-form

60. Kirstin Pauk

Seems light and simple, but sometimes nothing more is needed, nice button also.

kirstinpauk-blog-comment-form

61. Monofactor

Subtle drop shadow added to create 3D effect, looks good.

monofactor-blog-comment-form

62. IconDock

Clean and clear effect, I like how whole comment form is in different color to highlight it even better.

icondock-blog-comment-form

63. Line25

line25-blog-comment-form

64. Rockatee

rockatee-blog-comment-form

65. Ttthings

ttthings-blog-comment-form

66. Iso50

iso50-blog-comment-form

67. Josh Spear

joshspear-blog-comment-form

68. All-for-design

all-for-design-blog-comment-form

69. Leihu

leihu-blog-comment-form

70. CosmicDiary

Thinking outside the box – original approach!

cosmicdiary-blog-comment-form

71. Brad Ruggles

bradruggles-blog-comment-form

72. Ali Felski

alifelski-blog-comment-form

73. Lewro

Good looking form with subtle gradient effect as well.

lewro-blog-comment-form

74. Nasendackel

Here you can choose to use these interesting special smilies – I like this approach!

nasendackel-blog-comment-form

75. Lebloe

lebloe-blog-comment-form

76. Steve Mullen Creative

New jQuery effect added to comment design, nice touch!

stevemullencreative-blog-comment-form

77. Jankoatwarpspeed

Emphasize your words with bold, italic, underline or quote – extended possibilities in comments always are appreciated.

jankoatwarpspeed-blog-comment-form

Join over 55,891 Subscribers Today! FREE UPDATES!

Get The Only Freelancer crash course you will ever need to read!

212 Written ArticlesWebsiteGoogle+

Dainis Graveris is 23 years old blogger and designer, founder of 1stWebDesigner, now more silently managing everything behind the scenes. He usually hangs out in Twitter tweeting design related links and chatting with people. If you have any questions or feedback that's the best place to start! Cheers!

90 Comments Best Comments First
  • Wild Hary

    Tuesday, April 27th, 2010 17:46

    13

    I like the KissMetrics form! It’s very good Blog Comment Form Designs for webmasters.

    Thanks.

    0
  • Nick

    Tuesday, May 18th, 2010 08:51

    14

    I like Design Disease as well as it delivers the message perfectly

    0
  • Rob

    Wednesday, June 16th, 2010 20:36

    15

    Some of them are really primitive. I like Creative District & Design Bombs.

    0
  • Frank Web

    Tuesday, July 20th, 2010 10:33

    16

    Totally agree with you. Web design is not just creating artworks but “put background images in good use” as you say. Good idea. Thanks for sharing.

    0
  • Jeans

    Monday, June 13th, 2011 19:45

    45

    Some of them are really primitive. I like Creative District & Design Bombs…

    0
  • alex

    Monday, June 20th, 2011 20:24

    46

    Thanks! Most of them are really unique. There are also many simple forms. I like those with emoticons.

    0
  • Monika

    Friday, December 16th, 2011 10:33

    76

    Yes you really provide us a great post . Actually i am new to blog commenting. So this is really helpful for me. Thanks a lot for sharing this post.

    0
  • Amanda Simmons

    Saturday, December 17th, 2011 17:30

    77

    A wonderful collection of contact forms :-)

    0
  • Nayem

    Monday, December 26th, 2011 14:56

    78

    I like prosolz very much. I think it is very nice web site for web designer.

    0
  • Wilson

    Friday, December 2nd, 2011 11:34

    75

    Hey I just wanted to say that I really enjoyed reading your blog. You have good views, Keep up the good informative info.Good Quality and very informative Blog!!Find local architects and get prices for architect plans – residential & commercial designs.

    0
  • Stan

    Thursday, December 1st, 2011 05:57

    74

    It is a beautiful blog Comment form designs. Thank you very much to share this.

    0
  • Mauris

    Tuesday, November 15th, 2011 04:41

    70

    No.38 is very interesting though, I gave it a try and it’s by your article that I found this terribly good form design!
    Thanks.

    0
  • gucci handbag sale

    Wednesday, November 23rd, 2011 11:49

    71

    You guys should think of arranging some gallery to exhibit them out there! Personally I adore custom essays on this topic because they help us arise the awareness in people.

    0
  • Rituraj Jain

    Thursday, November 24th, 2011 22:12

    72

    This is the nice blog and providing valuable information about stock market. It makes aware about the current status of where today’s share market is going on.

    0
  • Nathan

    Saturday, November 26th, 2011 09:35

    73

    I have never seen awesome Comment Form Designs beforre! thanks!

    0
  • Sam Daniel

    Tuesday, January 3rd, 2012 07:35

    79

    I like Blog comment no 47. Stellify, as it is more useful as a developer and user . As any one want to use html or add more styling to his comments this will helps alot. I would like to add smileys also in this and also include social media url like facebook and twitter that also make more user friendly. But i must appreciate your work. Very good post . Thanks for sharing it.

    0
  • bell

    Monday, February 13th, 2012 15:42

    80

    This is awesome! i like #70. Wondering if i could put this in my blog :’(

    0
  • john

    Thursday, March 22nd, 2012 14:07

    87

    amazing and creative ideas,
    love to use it . Clean and professional

    0
  • Lily

    Tuesday, March 27th, 2012 13:15

    88

    Great inspiration for my new website! THX a lot.

    0
  • Klaas Hummel

    Wednesday, April 11th, 2012 10:26

    89

    Thanks for sharing, I will try too.

    0
  • megafreetv

    Friday, April 13th, 2012 10:29

    90

    Excellent inspiration.
    Cosmic Diary is fun !

    0
  • Paulina

    Thursday, March 8th, 2012 23:44

    86

    Hi! I think your blog is very interesting.
    I’ve also a website dedicated to promote education and culture.
    I wish that you will visit my site and see how we can work together to create a global education network.

    0
  • Kath

    Wednesday, March 7th, 2012 05:08

    85

    This is awesome. I like design no.50 very simple and elegant. thanks for going into so much detail on the design side. I’ll try to implement it and see how it will work and influence the commenters on my blog.

    0
  • Niall

    Wednesday, February 15th, 2012 02:14

    81

    And this comment form isn’t too bad either ;-)

    0
  • John

    Wednesday, February 22nd, 2012 11:33

    82

    My fav are 6 and 27. Can I use this on wordpress sites?

    0
  • John williams

    Friday, July 1st, 2011 10:34

    51

    Bunch of thanks for sharing this interesting and informative post. Keep it up

    0
  • Gabriel Magie

    Thursday, June 23rd, 2011 10:16

    50

    Very nice, lot of good designs . Thanks so much

    0
  • Abhishek

    Thursday, June 23rd, 2011 09:16

    49

    Very nice Information

    Thanks

    0
  • Jay

    Wednesday, June 22nd, 2011 11:30

    48

    Design is really important element in website promotion.Only thing is design should be such that it wont disturb SEO campaign. Here shown are nice design templates.Thanks for sharing

    0
  • Norman

    Monday, June 20th, 2011 21:03

    47

    excellent post comments are the life of the blog, which allows us to communicate and get answers, I love the designs I’ll see if I choose any
    Mark greetings

    0
  • alex

    Monday, June 20th, 2011 20:24

    46

    Thanks! Most of them are really unique. There are also many simple forms. I like those with emoticons.

    0
  • Jeans

    Monday, June 13th, 2011 19:45

    45

    Some of them are really primitive. I like Creative District & Design Bombs…

    0
  • jeny

    Thursday, June 9th, 2011 14:43

    44

    Thanks for this interesting information specially for the youhts.

    0
  • tracie

    Wednesday, June 8th, 2011 16:10

    43

    thank you for this article & also the 33 plugins for comments. what I’m looking for is something that will “prettify” the way the actual comments are displayed. any thoughts? :)

    0
  • Kim Gold

    Monday, June 6th, 2011 22:22

    42

    Thanks for posting such a varied selection.

    +1
  • Warren

    Monday, May 23rd, 2011 10:43

    41

    Very nice post. all the nice but I like 9, 11 ,12 very much.

    Thanks dude :)

    0
  • James Neoteric

    Friday, May 20th, 2011 11:54

    40

    Comment form is an essential part of our blogs, social networks and websites, it should be interesting enough to encourage easy commenting. I find these samples very interesting.

    0
  • Genite

    Thursday, May 19th, 2011 09:42

    39

    i like you all design sample … but i think u give to visitor some free download sample.

    0
  • Jimmy

    Thursday, May 12th, 2011 19:56

    38

    Hi,

    thanks for gathering that much design samples.
    Designing webforms is one of the hardest part but also a sensitive one.

    0
  • Linesh

    Tuesday, May 10th, 2011 23:59

    37

    Very nice post. I like 54,46 very much.

    Thanks dude :)

    0
  • masha

    Wednesday, May 4th, 2011 02:18

    36

    great desines! and very interesting posts and comments! I think this information it will help me with work connected with my site.

    0
  • Geoff Rogers

    Monday, May 2nd, 2011 10:37

    35

    I’ve been looking for ideas for my own website forms which are a bit basic, and found some of these designs very inspirational – thank you for posting these designs :)

    0
  • Luke O'Brien

    Tuesday, April 5th, 2011 00:27

    34

    I wonder how I can add something like this to my WordPress blog, currently I’m just using the one that came with the template and it looks quite plain compared to these example forms.

    0
  • Anil

    Monday, March 28th, 2011 09:22

    33

    Awesome collection man. Form where did u find all these? Thanks for sharing

    0
  • Honi

    Tuesday, March 22nd, 2011 14:54

    32

    Wow thanks for sharing this.

    Just love number 57.

    Using it right now on my blog.

    P.S. Nice website you have :)

    0
  • Holger

    Monday, March 21st, 2011 18:57

    31

    Nice Forms. Number 44 is my favorite. Thanks a lot.

    0
  • Neoteric Uk

    Tuesday, March 15th, 2011 10:01

    30

    Hi There

    Many thanks for all these beautiful designs, all the designs are beyond excellence and on the top of it, gives some great ideas

    0
  • Flatiron

    Thursday, March 10th, 2011 17:04

    29

    Great designs and it is such a tedious job to select to select on from them specially I like running letters type design.

    0
  • Samantha Prinsloo

    Tuesday, March 1st, 2011 09:38

    28

    Some really gorgeous designs!
    Less is more, but add a little something something, and it’s a work of art :)
    Well done on the designs! Great job!

    0
  • Konnessi

    Tuesday, February 8th, 2011 17:21

    26

    I never realized there were so many different options for comment fields. I’m always a fan (as a blogger and commenter) of the more simplistic ones. Less is definitely more.

    0
    • Dainis Graveris

      Tuesday, February 8th, 2011 17:24

      27

      yes, but if you can spice them up with real detailed simplicity..it’s so much more powerful – plain simple isn’t cool anymore :)

      +1

Comments are closed.

x

Do You Know How To Freelance And Get More Clients?

E-Book

If not, then it's time to learn how to:

  • Start as web design freelancer for dream lifestyle!
  • Design beautiful designs your clients will love!
  • Get your first clients and get more clients!

You can trust 1stWebDesigner to help you become a better web designer!

- Jacob Cass | Just Creative

Just enter your name and email below and click Get Updates!

unknown - unknown - US