77 Inspiring Blog Comment Form Designs – Good Examples

 Posted in Inspiration 967 days ago Written by: Dainis Graveris
  • Buffer
  • Pin It
  •  142

title blog comment form interfaces inspirationI 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!

preview inspiring blog comment design good examples interfaces inspiration

1. Nitram-Nunca

Interesting background to stand out!

nitram-nunca-blog-comment-form

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

 Did you enjoy this article and found it useful?

Dainis Graveris is 21 years old blogger and designer with really strong passion. He usually hangs out in Twitter tweeting design related links regularly. If You use Digg actively he can be great friend there and don't forget add to StumbleUpon too! How about Deviantart? Meet him there as well! If You have any questions feel free to write and add him to Gtalk - it is beautiful way to get contacted directly!
Free Website
 

 141 Brilliant Comments - Join Discussion Now!

  • megafreetv

    Posted 40 days ago
    141

    Excellent inspiration.
    Cosmic Diary is fun !

  • Klaas Hummel

    Posted 42 days ago
    140

    Thanks for sharing, I will try too.

  • Lily

    Posted 57 days ago
    139

    Great inspiration for my new website! THX a lot.
    Hope you will like my little introduction movie for our new product too…
    Have a look
    http://www.youtube.com/watch?v=w0iLtcSg0nM

  • john

    Posted 61 days ago
    138

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

  • Paulina

    Posted 75 days ago
    137

    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.
    http://www.1erdirectorioescolar.com

    :)

  • Kath

    Posted 77 days ago
    136

    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.

  • NICKY

    Posted 82 days ago
    135

    This is a great post.Gotta try one out

  • Jk

    Posted 88 days ago
    134

    Hi! Do you have any idea on how to apply these comment forms to blogspot.com/blogger.com? Your reply for instructions will be highly appreciated. Thanks.

  • รับทำเว็บไซต์ เชียงใหม่

    Posted 90 days ago
    133

    Great design. I like 59. NyQDesign it very easy to look.

  • John

    Posted 91 days ago
    132

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

  • Niall

    Posted 98 days ago
    131

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

  • bell

    Posted 99 days ago
    130

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

  • ahmad najiullah

    Posted 112 days ago
    129

    i like 2. ChiGarden….
    so simple and so nice,…
    ^_^

  • fav reviews

    Posted 118 days ago
    128

    nice it very interesting comment. I have to use one of them on my website

1 2 3 4 5 6
US