100+ Resources & Inspiration for Hand Drawn Design

The hand drawn style of design is extremely popular right now. In this post we’ll take a look at a huge number of free resources for creating your own hand drawn design, plus plenty of examples for inspiration.

Hand Drawn Gallery:

These 20 websites are sure to give you some inspiration and ideas for your own hand drawn creations. Some use sketches or hand drawn elements throughout the design and others do so strategically in only a few areas.

Casio Exilim Lab

Alex Buga


Joe Grisham

Kev Adamson

Pointless Ramblings

Heather Sloane

Tennessee Education

Satsu Design

Richard Stelmach




Kitty Attack

Jesus Rodriguez Velasco

Basmati Tree

Josh Tilton

We Are Not Freelancers

Hand Drawn Navigation:

Many websites specifically use hand drawn elements for navigation menus and/or hover effects. Here are five example sites that do so.

Sarah Hyland


DPI Vision


Dann Whittaker Creative

Sketchy Icons:

The right icon set can give a website or blog an authentic hand drawn feel. You can either create your own icons, of take advantage the four free icon sets featured here.


Doodle Icon Set for Bloggers

Sketchy Icons

Sketchy Icons

Tutorials for Hand Drawn Design:

Looking to improve your skills at creating the hand drawn look? The tutorials shown below are a great start. Both Photoshop and Illustrator are represented.

Photoshop Hand Drawn Design

Illustrating the Flower Pattern

Make an Inspiring Artistic Poster with Drawn Elements

Create a Sketchy Hand-Drawn Camera Illustration in Illustrator

Illustrate a Grunge-Style Talking Skull in Vector

Design Your Own Hand-Drawn Font

Pencil it In

Hand-Drawn Photoshop Brushes:

One of the easiest and most efficient ways to give your work a hand drawn touch is to use Photoshop brushes. Fortunately, there are tons of free brushes in the sketching/doodle style. There are more than 30 of the best sets featured here.

Handmade Doodles

Doodle Brushes

Doodle Brushes

Doodle Brushes

Doodle Brushes

Doodles Brushes


Heart Doodle Brushes

Star Doodle Brushes

Cloud Doodle Brushes

Arrow Doodle Brushes

Flower Doodle Brushes

Stencil Alphabet Brushes

Stencil Word Brushes

Scratched Scribble Brushes

Square Stamp Brushes

Scribble Brushes

Dotted Doodle Brushes

Handwriting Brushes

Handwriting Months Brushes

Thorough Notes Brushes

Plant Things

Handmade Doodles


Big Swirly Ornaments

Swirly Scribbles

Boney Doodles

Pencil Trace Brushes

Psychedelic World

Hand-Drawn Ornaments

Hand Drawn Floral Patterns

Hand Drawn Floral Brushes

Oh So Random

Hand-Drawn Illustrator Brushes:

Photoshop brushes aren’t the only easy way to add hand drawn elements to a design. Illustrator brushes are another great option, although there are as many readily available.

Scribled Dry-Erase Marker Brushes

Sketchy and Line Art Brushes

Tina’s Streaky Inks

Sketchy Illustrator Brushes

Hand-Drawn Fonts:

Hand drawn and sketched fonts are also very effective and easy to find. There are tons of fonts to choose from, here is a quick look at 16 quality choices.

Tire Shop

Estrya’ Handwriting


Sketch Rockwell

Honey Script

James Fajardo

Jerry’s Handwriting

Just Me Again Down Here

Jose Fernandez

Ellianarelle’s Path


Alpha Mack



Rock Show Whiplash


Paper Textures:

Many hand drawn style designs are done on textured backgrounds, particularly paper textures. SXC.hu is one of the best resources for free images, and here is a collection of 16 paper textures from their site (these textures are taken from 60 Free Textures from SXC.hu).

paper texture

paper texture










For design tutorials and resources please see:

Stephen Snell is the owner and editor of Vandelay Design, a popular design blog.
  1. October 28, 2008

    Wow, fantastic list of handrawn tools here, I am a big fan of these type of websites, and this list is exactly what people would need. 🙂

  2. Pingback: Hand Drawn design - this one has it ALL !!! « External Memory

    October 28, 2008

    What an awesome list! Thanks!

  4. October 28, 2008

    I’m a big sucker of this trend. Thanks for this wonderful collection. I’ll bookmark this.

  5. October 28, 2008

    dood – this is a crazy list! – will be back often to download. thanks.

  6. October 30, 2008

    Wow, massive list of awesome resources. Also, thanks for featuring my blog (pointlessramblings.com)! 😀

  7. November 4, 2008

    Great post. Thanks you very much

  8. Pingback: gearhed.com » Blog Archive » Best of the web - my pick for October 2008

  9. Pingback: Best of the web - my pick for October 2008 | zbStudio.net

  10. Mia
    January 8, 2009

    What an amazing list! thank you 😀

  11. February 25, 2009

    I really like the hand drawn websites, and there are some brilliant examples on here, which i used as inspiration when i was at university and designing my own portfolio website. They are completely unique and individual, a refreshing change from the average web design. Most have quirky elements and an organic feel.

  12. March 5, 2009

    This is a comprehensive list! It must have taken you ages to gather all these pieces of work. I really like hand drawn effects, they add a real depth and texture to a design, something that’s hard to achieve with web based work when you can’t use nice papers or print effects. I’m still waiting for an appropriate client so i can have a go at a hand drawn site, when i do ill be visiting. Thanks for sharing.

  13. Pingback: Trend în web design: notiţele şi desenele schiţate de mână | connectpixels | blog

  14. Pingback: Platform – Good design can drive traffic

  15. October 24, 2009

    I just found out that you had linked to my Sketchy and Line Art Brushes. I wanted to thank you for thinking they are good enough to post on your blog.

  16. June 12, 2010

    this is crazy, i can’t say no more man,,, you’re truy awesome… hahahah!! many thaaaaaaaankksss!!!!!!

  17. July 18, 2010

    what a collection… awesome!!!… everything is here …thnx for sharing..

  18. August 8, 2010

    Excellent collection of brushes, thank you!

  19. August 9, 2010

    Fantastic post! I feel that hand drown designs in web design create a very casual feel that can build comfort with the viewer. Sometimes an incredibly flashy design can be somewhat intimidating.

  20. Michael
    September 6, 2010

    How is that hove effect of the handwritten text called and how can i get it?
    You can take a look at bottom menu of this website: http://www.legworkstudio.com or this one http://www.rednoseday.com/

  21. September 8, 2010

    Excellent post, I really like hand drawn effects, they add a real depth and texture to designs!

  22. September 14, 2010

    Wow! What a beautiful and comprehensive selection, Thank you for sharing these inspirations for Hand Drawn Design!

  23. September 20, 2010

    Have always been a BIG fan of hand drawn designs and these are great resources and inspiration, Cheers!

  24. October 6, 2010

    Techniques to are you acknowledge this ?

  25. November 9, 2010

    This is the most inclusive hand-drawn web design resource list that I have found…it is very inspiring and helped inspire me to redesign my site – http://www.drawinghowtodraw.com/ – this site was almost completely made out of illustrated/hand-drawn, cut and ripped pieces of paper, that were then assembled, photographed, and then laid out as a web site … which then gives the site a 3-dimensional affect. I hope that you can add it to your list. Either way, GREAT, inspiring, list.

Leave a Reply

Your email address will not be published. Required fields are marked *

Freelance Designer’s Guide to Networking – Part 4: Mutual Benefit