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:
megafreetv
Posted 40 days ago 141Excellent inspiration.
Cosmic Diary is fun !
Klaas Hummel
Posted 42 days ago 140Thanks for sharing, I will try too.
Lily
Posted 57 days ago 139Great 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 138amazing and creative ideas,
love to use it . Clean and professional
Paulina
Posted 75 days ago 137Hi! 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 136This 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 135This is a great post.Gotta try one out
Jk
Posted 88 days ago 134Hi! 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 133Great design. I like 59. NyQDesign it very easy to look.
John
Posted 91 days ago 132My fav are 6 and 27. Can I use this on wordpress sites?
Niall
Posted 98 days ago 131And this comment form isn’t too bad either ;-)
bell
Posted 99 days ago 130This is awesome! i like #70. Wondering if i could put this in my blog :’(
ahmad najiullah
Posted 112 days ago 129i like 2. ChiGarden….
so simple and so nice,…
^_^
fav reviews
Posted 118 days ago 128nice it very interesting comment. I have to use one of them on my website