New Chrome extension: Design inspiration in every new tab →
A1 Gallery

23 hand-drawn design website examples

Hand-drawn marks — wobbling underlines, sketched arrows, handwritten annotation — read as human on a page that’s otherwise perfectly aligned. Design studios use them to break the grid on purpose. See also illustration in design and fun design studios.

Updated

Related collections

All collections →
Hand-drawn+Landing
38 sites
Minimal+Design
187 sites
Sans-serif+Design
150 sites
Typographic+Design
141 sites
Framer+Design
135 sites
Big type+Design
133 sites
Animated+Design
131 sites
Scroll animation+Design
98 sites
Webflow+Design
90 sites

Get the best hand-drawn design websites each week

Curated inspiration sent every Tuesday

Maria Vasilyeva
Last Studio
Meeko

Hand-drawn design FAQs

Contrast. One imprecise mark on an exact grid reads as a decision rather than an accident, and it signals a person made the page.

When it’s everywhere. Hand-drawn type, borders, icons and background all at once stops reading as a considered touch and starts reading as a theme bought off a marketplace.

Notable examples include Maria Vasilyeva, Last Studio, Meeko, Artem Shcherbakov and Kononenko Architectural Bureau. These are just a few of the 23 hand-drawn design websites in this collection, each selected for strong visual design and execution.

Popular platforms in this collection include Framer, Next.js, Nuxt and Webflow. Each brings different strengths for building hand-drawn design experiences.

Frequently used typefaces include Inter, Caveat, Hedvig Letters Serif and Noto Sans. Typography plays a key role in defining the hand-drawn aesthetic across these design websites.

23 Best Hand-drawn Design Website Examples (2026) · A1