77 Inspiring Blog Comment Form Designs – Good Examples
Dainis Graveris
I 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!
2. ChiGarden
Those hand-drawn lines, cute icons and rounded corners create really personal touch to this comment form.
3. DesignDisease
4. Lucky BlackMore
5. I love typography
6. WebDesignerWall
Excellent website and comment form with neat feature with jQuery comment form!
7. WebDesignerDepot
Interesting form, seems simple, but with option to set smaller/larger comment box form. Looks good.
8. RadiumLabs
9. Paper Jet Wednesday
10. MONOmoda
I enjoy that typographic touch to comment design with huge “Discuss.” text.
11. DezineZync
At first seems to be hardly observable, but I somehow enjoy this transparency.
12. DezinerFolio
13. Desspa
Clean look achieved with little icons and text.
14. Dhenk
15. Brian Yerkes
Very clean and subtle comment form design – love Brian’s work and website!
16. Scruffy Uncle
17. Abduzeedo
18. Elliot Jay Stocks
Really huge comment form – very good example standing out from the crowd.
19. EliteByDesign
20. MrHenry Blog
21. KevinJohnGomez
22. Verlee Duoh
23. Noupe
24. WpDesigner
I don’t know how about you, but I always enjoy small icons added to comment forms. Eye candy!
25. DesignWorkPlan
26. TheCreativeDistrict
27. KissMetrics
28. Coda.co.za Blog
Beautiful as everything in Coda website.
29. FreelanceSwitch
One more website with really huge comment form created in good way.
30. Radu Ceuca
31. PixelResort
32. ElitistSnob
33. Mike Poss
34. I Love Colors
35. YouTheDesigner
36. SpoonGraphics
37. Designministeriet
38. WeFunction
Visually simple, but still eye candy.
39. Outlaw Design Blog
40. RetinArt
41. Blog Design Blog
42. TwirkEthic
43. SmartBlogs
44. Jason Bradbury
45. Nathan Rice
46. Pasqualedsilva
47. Stellify
48. MAC Appstorm
49. Ars Thanea Blog
50. Level Opacity
51. Doc4design
52. Productive Dreams
53. DesignBombs
54. Tutorial9
55. EctoMachine
Light gradient added in forms to create interesting effect.
56. FlickOut
57. Missweblash
Through whole site goes this stitching effect, added nicely to forms as well – I consider this a good example.
58. ClingPhotography
Expand possibilities with cute smilies in comments!
59. NyQDesign
60. Kirstin Pauk
Seems light and simple, but sometimes nothing more is needed, nice button also.
61. Monofactor
Subtle drop shadow added to create 3D effect, looks good.
62. IconDock
Clean and clear effect, I like how whole comment form is in different color to highlight it even better.
63. Line25
64. Rockatee
65. Ttthings
66. Iso50
67. Josh Spear
68. All-for-design
69. Leihu
70. CosmicDiary
Thinking outside the box – original approach!
71. Brad Ruggles
72. Ali Felski
73. Lewro
Good looking form with subtle gradient effect as well.
74. Nasendackel
Here you can choose to use these interesting special smilies – I like this approach!
75. Lebloe
76. Steve Mullen Creative
New jQuery effect added to comment design, nice touch!
77. Jankoatwarpspeed
Emphasize your words with bold, italic, underline or quote – extended possibilities in comments always are appreciated.
For Further Reading:
Did you enjoy this article and found it useful?
Get even more from us:
masha
Posted 283 days ago 52great desines! and very interesting posts and comments! I think this information it will help me with work connected with Отдых в черногории. So thank u very much
Geoff Rogers
Posted 285 days ago 51I’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 :)
Luke O'Brien
Posted 312 days ago 50I 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.
Anil
Posted 320 days ago 49Awesome collection man. Form where did u find all these? Thanks for sharing
Mr.Achievefinancialfreedom
Posted 326 days ago 48Wow thanks for sharing this.
Just love number 57.
Using it right now on my blog.
P.S. Nice website you have :)
Champagne Carlo
Posted 326 days ago 47Nice Forms. Number 44 is my favorite. Thanks a lot.
Neoteric Uk
Posted 333 days ago 46Hi There
Many thanks for all these beautiful designs, all the designs are beyond excellence and on the top of it, gives some great ideas
Flatiron
Posted 337 days ago 45Great designs and it is such a tedious job to select to select on from them specially I like running letters type design.
Samantha Prinsloo
Posted 347 days ago 44Some 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!
Konnessi
Posted 367 days ago 42I 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.
Dainis Graveris
Posted 367 days ago 43yes, but if you can spice them up with real detailed simplicity..it’s so much more powerful – plain simple isn’t cool anymore :)
Collin Wesley
Posted 376 days ago 41Impressive designs..nice work!
Majalah
Posted 408 days ago 40I like Line25 style. Simple and clean.
Clara
Posted 417 days ago 39Disease design looks different and attractive one! I like it and I think it will grab the attention of readers.
http://www.logojin.com/index.php
Keith Fletcher
Posted 458 days ago 38Thats quite funny I was trying to post a comment in the 1st box. Love the designs, Keith Fletcher (www.oceanwebsitedesign.com.au). I think it is very important part of any page and comments can often be the best thing about a website.
gianna
Posted 474 days ago 37I Was searching for the design for my blog,to put some fabulous leave comment code and design finally i got a satisfied design for my blog….I will add the leave comment design in 1 or 2 days …probably
Arie
Posted 488 days ago 36The design is very nice blog comment. I want to try one for my blog. Thank you for sharing. With this, our blog will be more beautiful.
zimin
Posted 507 days ago 35I liked the most. Especially those in which the handwritten text
Rizal
Posted 526 days ago 34Blog Design is a very good commentator. I want to try using it for my blog. Thank you for sharing.
Chintan Kotadia
Posted 534 days ago 33Great collections of the design. Really loved your work.
Thanks for sharing it. Looks cool.
Frank Web
Posted 571 days ago 32Totally 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.
keerthi B.G
Posted 600 days ago 31Hi! nice work design disease is rocking.
EngulfTech
Posted 604 days ago 30Some of them are really primitive. I like Creative District & Design Bombs.
Nick
Posted 634 days ago 29I like Design Disease as well as it delivers the message perfectly
Wild Hary
Posted 654 days ago 28I like the KissMetrics form! It’s very good Blog Comment Form Designs for webmasters.
Thanks.
Jeffrey Chan
Posted 670 days ago 27Hey….nice post dude!!
Awesome, No more words to explain :) :) :D just…….cool blog.
I like this very much Designministeriet in no. 37.
waiting for next.
Thanks