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:

Steven Snell

Stephen Snell is the owner and editor of Vandelay Design. Connect with Stephen on google+

25 thoughts on “100+ Resources & Inspiration for Hand Drawn Design”

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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 *