Blog.SpoonGraphics

30 Stylish Examples of Doodles in Web Design

Read the article

Just like the use of paper in web design, the use of doodles and hand drawn illustrations give an informal, friendly and accessible value to the website as well as giving a fantastic visual addition to the design. Check out this roundup of 30 stylish examples of doodles in web design for your inspiration, and don’t forget the recent hand drawn doodle icons for use in your own projects.

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Website design with doodles

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!

45 Comments

  1. inerxia says:

    el de andres gallego esta barbaro!

    (0)
  2. sweet and fresh looking=)thanks for the roundup

    Ronald

    (0)
  3. Great roundup here, I love hand drawn websites, I have tried before to do the same, but its alot harder than it looks unfortunately.

    (0)
  4. Great list. Thanks you very much
    Nice to meet you !

    (0)
  5. Sean Carter says:

    Another great round up!

    Keep at it Chris!

    Sean

    (0)
  6. Timothy says:

    Good array of sites.

    (0)
  7. Andy Sowards says:

    Really nicely doodled sites, Didn’t know there were THAT many good ones! Thanks for hunting them down :)

    (0)
  8. Like the bootb design; not so keen on the doodles in the FOW~ design though

    (0)
  9. Andrew says:

    Great post!

    Such good sites make it REALLY hard for me to work on mine… how utterly dis-heartening…

    maybe I should get someone else to design it…

    (0)
  10. c wylie says:

    i see this all over the place. i just like how it humanizes designs that could be otherwise cold and robotic.

    (0)
  11. I love designs like this, very different and creative, gives a feeling like you get to know the personality of the designer.

    (0)
  12. Kurt Kland says:

    I’m so happy to see this kind of hand-drawn style becoming so prevalent. It makes the web so much more human, and so much more fun. It’s a very welcome change from the techno-styling of so many websites just a couple of years ago.

    (0)
  13. pixel3cs says:

    if you want to generate cool graphics try coolrgb.com

    (0)
  14. I’ve always loved the doodles type of web design :) dont see it often enough.

    (0)
  15. Web Buckets says:

    What a great post buddy… keep it up… it inspired me a lot…

    (0)
  16. Rachel says:

    This is a great collection…I would have never thought of looking for web sites that have a doodled style theme. I enjoyed this post a lot.

    Thank you.
    Rachel
    AllWebDesignResources.com

    (0)
  17. Thanks for featuring my site :) (pointlessramblings.com), great list!

    (0)
  18. Thats a great list. I’ve seen a couple before, but theres plenty of new ones there. I love these types of designs, as they appear to merge technology with pure tangibility. Great!

    (0)
  19. clashyy says:

    I really love that type of drawings, i’m studying graphic design so I will see this post many times as possible ..

    Kissess

    :)

    (0)
  20. Takumi86 says:

    Wonderful collection! But how did you managed to collect these site? thanks btw

    (0)
  21. megabean says:

    What about doodlage.com? It’s a whole blog that REVOLVES around doodles!

    (0)
  22. Edgar Guerra says:

    nice blog man, I have some free videos to how to create a website with frontpages.

    http://your-html.blogspot.com/
    Edgar Guerra

    (0)
  23. chokilala says:

    love all of their designs. creative yet unique :)

    (0)
  24. Отлично, почаще только пишите.

    (0)
  25. JAN says:

    Big big thanks for including my site (dawghousedesignstudio.com) on this list :)

    (0)
  26. These sites are amazing. Really beautifully done.

    (0)
  27. Andrew says:

    Great collection. I’ve seen a lot of them before and have always liked them.

    (0)
  28. Hi,

    Really you have shown too good stylish web templates.Can you please define me the CSS code for drop down menu bar.

    Regards
    Mark

    (0)
  29. What type of software you have used to develop this template and what it’s version??

    (0)
  30. SEO Links says:

    I love your creative and classy designs…….thanks for sharing

    (0)
  31. Jon Williams says:

    Personally, I love the added personal touch that hand drawn art lentds to a site design. A great list here, thanks.

    (0)
  32. Nandini says:

    It has a wonderful visual appeal. Great work….Congrats

    (0)
  33. What a colorful post. I am impressed man. Keep up the good work.

    (0)
  34. I must say designer of this post has done a great job. I am impressed and is waiting for another such bright and colorful post from you.

    (0)
  35. Sandra says:

    hey i like this template.You done the very good job.

    (0)

Comments are now closed