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

21 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
Video+Design
111 sites
Scroll animation+Design
98 sites

Get the best hand-drawn design websites each week

Curated inspiration sent every Tuesday

Artem Shcherbakov
Kononenko Architectural Bureau
Last Studio

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 Artem Shcherbakov, Kononenko Architectural Bureau, Last Studio, NoGood and Seb-astian. These are just a few of the 21 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, Hedvig Letters Serif, Noto Sans and Aperçu. Typography plays a key role in defining the hand-drawn aesthetic across these design websites.

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