50 Inspiring Examples of Hand Drawn Elements in Web Design
Hand drawn elements are great way to give a website a unique look. You can do that by adding a nice hand drawn illustration as a background, a stylish hand draw font, icon, line work, characters or any other element you might think of. Hand drawn elements can give your website an informal look. They can add lots of personality and even humor. Here we’ve gathered 50 examples of hand drawn elements in web design to inspire you. And as usual, if you have a cool example to share, leave us a comment.
Suie Paparude
toucouleur.fr
happyingreenville.com
contrast
Jason Gray
Kari Jobe
N.Design Studio
Sawyer Hollenshed
kusoyama.com
estebanmunoz.com
Studio Img
Richard Stelmach
Dean Oakley
fatheads.co.uk
booma
bootb
Biola
tfreak.com
christian sparrowm
Mobious
itlooksgood.com
psyop.tv
jcbsong.co.uk
Sarah Hyland
bearskinrug.co.uk
charmingwall
Dann Whittaker Creative
Jesse Willmon
khalsakids.org
kittyattackblog
kinetic.com.sg
Low Morale
Frank Pr
Legwork Studio
foto.marcol.art.pl
petincanvas.com
Robbin Waldemar
camellie.com
carsonified.com/projects
redvelvetart.com
Adam Amaral
Project 365
hugs for monsters
TechAdventure DC
A Million Things To Do
creativejoomladesign.com
bio-bak.nl
giantantmedia
dnadarwin.org
chirp.twitter.com
About the Author
I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr
Related Posts
Here's some other articles that you will definitely find useful.
18 Websites that Take Scrolling to the Next Level
Inspiring Type in Package Design
Flat Design Inspiration
21 Beautiful Examples of Using White in Web Design
23 Examples of Flat Web Design
30 comments
Dave
April 12, 2010Oh very nice Collection
i love Hand Drawn Designs and Elements in Web Design. Very Beautiful.
Johnson
April 12, 2010Great collection! One of my favs: http://rob-sheridan.com/sketchblog/
Damian Smith
April 12, 2010Some really amazing drawings and illustrations there. You don’t come across many websites with this kind of styling, which makes them even more unique and inspiring when you do see them.
I have never even thought of adding my own drawing to style a website. Mainly because I’m not that great at freehand drawing, but looking at some of the designs it doesn’t take an amazing drawer to come up with something that catches your eye and works well in the design.
I think the only time I may consider doing this is for my own personal website, not sure if my customers would appreciate a drawing placed on their sites!
Really nice work from all the designers of these sites though, thanks for sharing them.
Rolgordijnen
April 12, 2010Maybe its getting a bit old and much used but i still love the details in webdesign!
Website Design Surrey
April 12, 2010Really not used, mostly because people don’t know how to incorporate it correctly. I’ve always loved the contrast. Cool list!
Kevin
April 12, 2010Thanks for sharing these links Gisele, some great inspiration can be “drawn” from them
Jordan Walker
April 12, 2010very original websites, love the hand drawn look.
tasarhane
April 12, 2010nice collection..
Lena Tailor | DT
April 12, 2010Whats great talents you have presented here… Really Great Job…
Netcraftindia
April 12, 2010It is a good collection of Hand Drawn Web Design. And very inspirational blog. The Hand Drawn Web Design need creativity. I like these kind of websites.
Editha
April 12, 2010very nice collection! I loved all of them!!
Jae Xavier
April 12, 2010A blending of old-school hand drawn animation and new-school 3D animation would be a very good theme.
Jude
April 12, 2010Awesome collection…missed this when i was looking for inspiration to do one of my projects…never the less great work…check out the website i did : http://www.bigbeep.in
Rondell Paul
April 12, 2010great post!!! i love the way hand drawn elements are being used in web design today…
http://www.carolrivello.com/ is another one you can add to the list.
She even has a “Making of” to show the design process for her website: http://www.carolrivello.com/blog/new-website-%C2%BB-the-making-of/
Mankato Website Design
April 12, 2010informative post!!! i love the way hand drawn elements are being used. Thanks!
Jesse
April 12, 2010I rellay love this style, but it is hard to do the same job, hand drawning need more skills.
Nate Johnson
April 13, 2010I love hand drawn elements in a website. This is a great list. Check out http://www.holyghostoutdoors.com – has a ton of really cool sketches throughout the site, as elements of it’s design.
PelFusion
April 13, 2010impressive collection
Victoria Blount
April 14, 2010There are some truly individual and unique elements to the website above, by adding hand drawn elements to the websites, there become more fun and endearing to the audience.
Sawyer Hollenshead
April 15, 2010Thanks for including my site in your list, appreciate it!
Web Risorsa
April 15, 2010Nice collection, i don’t think all are hand written… Some of them looks like they have been created with drawing tools…
Web Design Hertfordshire
April 18, 2010Great collection of web designs. I have to agree with the majority of these comments. Hand drawn elements in web designs really work well. When designing our web site I had great plans for the use of hand drawn elements but the lack of time time has put them on hold. This post has now given me the inspiration to add them.
Estelita
April 27, 2010One of my favorites! http://www.fuseboxcreations.com
Web Designer Maidstone
April 28, 2010Some great examples here, i love the mix between photography and illustration, find it really striking… magic realism!
Rachel
April 29, 2010Wow.very nice collection….
Kristine
May 3, 2010Love these!
http://www.pathwayfellowship.com is another simple yet creative hand painted site! Check it out!
element321
May 6, 2010Great collection! This style of web design is one my favorite styles. It can show how talented a web designer can be.
chris
May 12, 2010Very inspiring indeed!
Rachel
November 9, 2010You really put together a great compilation of sites and page elements that were hand-drawn. Awesome! I love them. I just redesigned my drawing community site – http://www.drawinghowtodraw.com/ – I drew it, then cut out figures from scraps of paper to make 3-dimensional paper art. Then I took the huge layout to be photographed…then, it was finally made into a website. It was a long process, but it looks really cool. I hope that you like it.
Rachel
Brett Widmann
November 16, 2010this is really cool. Hand-drawn design can give something such a unique look, but essential for the theme they are trying to display. Thanks for pulling all these examples together.
1 Trackback
[...] can go from Super Clean and Minimal Layouts to Colorful Layouts, and you can use Huge Typography or Hand Drawn elements – as long as you keep your style and give your website your own personality. As illustration [...]