The Internet's Best Hand Drawn Websites

By on Jun 6, 2016 in Inspiration
The Internet's Best Hand Drawn Websites

These days on the web, it’s fashionable to use a lot of bold, big type and clean, modernized lines. It can look beautiful, sure. But there’s an aesthetic that seems to have been forgotten as of late. And that’s the hand-drawn look. Imperfect, sketchy lines, and textured, paper backgrounds can come together to create a lovely organic style. We predict there’ll be a resurgence of this hand-drawn vibe, and to get you in the mood, here’s a handful of our favorite hand-drawn sites out there on the web.

1. The Mod Squad

Rather than making every element of the UI hand-drawn, this agency’s website uses illustrated elements to complement the rest of the site’s content. Big blocks of text are broken up by simple, subtle illustrations and offset with a nice bit of texture here and there.

Screen Shot 2016-06-01 at 1.54.31 PMSave

2. G’Nosh

Screen Shot 2016-06-01 at 2.30.47 PMSave

Take a walk through most local or inner-city cafes these days and you’ll see an authentic, hand-crafted vibe. That look is reflected here in this brand’s beautiful hand-crafted digital look and feel.

3. Bearskin Rug

hero_imageSave

Fittingly, the home of artist Kevin Cornell is full of his own illustrations. And there’s lots to look at. His art is intricate and witty, and it’s paired with a typeface that’s a bit rough around the edges (in a good way that is).

4. A Million Things To Do

Screen Shot 2016-06-01 at 1.35.37 PMSave

The use of illustration here is subtle, but effective. Simple, hand-sketched diagrams of common household objects provide a nice companion to the text, which makes up the bulk of the site’s content.

5. The Do Lectures

Screen Shot 2016-06-01 at 1.43.12 PMSave

The Do Lectures are an unconventional collection of design talks and get-togethers aimed at entrepreneurs and wannabe world-changers. It’s an interesting movement that’s worth checking out, if only for their simple, subtle website that uses elements of hand-drawn illustration to complement the remaining minimalist content.

6. Cantilever Chippy

Screen Shot 2016-06-01 at 1.46.44 PMSave

Scroll up and down throughout this fish and chip shop’s humble website and you’ll see some charming typography and texture that’s clearly been inspired by chalkboards and a rustic restaurant vibe.

7. Salt Films

Screen Shot 2016-06-01 at 1.50.08 PMSave

It’s pretty rare seeing a full-on flash site these days. But in a sea of design sameness, it’s sometimes refreshing to play around with a UI that breaks free from the mould and gets a little playful. Salt Films provides a showcase for their director’s films, and does so with an entirely hand-driven aesthetic.

8. Luvd

Screen Shot 2016-06-01 at 1.54.03 PMSave

The majority of design elements on this fashion retailer’s site fit the 2016 trend of big, full-screen imagery and clean, clear type. But it’s accented with some lovely hand-crafted lettering. This suits the product being promoted well, with lots of the Lovd brand tees featuring strong, sexy type.

9. Hendrick's Gin

Best-Hand-Drawn-Websites-HendricksSave

Hendrick's brands itself as a "most unusual gin", and its website certainly sends that message. A number of vintage illustrations create that classic mood that allowed a relatively young gin (est. 1999) to appear retro.

10. Child of Wild

Best-Hand-Drawn-Websites-Child-of-WildSave

This bohemian jewelry brand uses fresh, simple hand drawn illustrations and type to showcase all kinds of accessories.

Try it out!

So there you have it, a selection of our favorite hand-drawn inspired sites. Of course, there’s no need to start completely from scratch if you’re going down this route on your own. There’s nothing wrong with beginning with some hand-drawn vector elements or hand-drawn typefaces in order to get started. At Creative Market, we’ve got a wide range of hand-drawn stock art and fonts that can help you on your way:

Let us know your favorite hand-drawn designs in the comments below.


Products Seen In This Post:

Free lettering worksheets


Download now!

img

Download now!

Getting started with hand lettering?

Download these worksheets and start practicing with simple instructions and tracing exercises.

2 Comments

You must be signed in to post a comment.

Made with Creative Market

Browse a gallery of inspiration made with design assets from Creative Market.

Explore the Gallery →

Meet the Creative Market Authors

Learn more about the talented writers behind the articles.

Meet the Authors →

Download Our FREE Branding eBook

Get a FREE, fun, and friendly guide to design your own brand.

Get your eBook →