77 Inspiring Blog Comment Form Designs – Good Examples

title-blog-comment-formI 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!

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

No Comments

Leave a Reply