A design system that mimics pencil sketches, rough strokes, and imperfect geometry — perfect for creative tools and portfolios that want to feel genuinely human.
Get started → See examplestrusted by creative tools →
why sketch design?
Every rule here is designed to make your UI feel like it was drawn by a human, not generated by a machine.
Pencil borders
Hard offset shadows and dashed outlines mimic the real pencil aesthetic without heavy assets.
Color washes
Fill areas with 20–40% opacity washes — like watercolor on a pencil sketch. Soft, not flat.
Handwriting fonts
Caveat, Kalam, Patrick Hand — one font choice shifts the entire vibe from sterile to warm.
Slight rotations
Cards and elements rotated 0.5–1° — nothing rigidly grid-locked. Organic layouts always.
Margin annotations
Tiny notes and arrows that look like a designer left them in — "← try this!" style callouts.
Paper texture
Off-white backgrounds like #FAFAF5 with subtle noise — swap pure white for this single change.
how it works
Set the canvas
Switch background to #FAFAF5, add noise texture, import Caveat or Kalam font.
Sketch the elements
Apply 2px solid borders, hard offset shadows, and slight rotations to all cards.
Add personality
Drop in annotations, dashed borders, color washes and wobble hover animations.
the palette
Inspired by pencil, paper, and a single terracotta accent marker.
Paper White
Pencil Dark
Sketch Gray
Terracotta
Soft Yellow
Card Cream
what people say
Finally a UI system that doesn't look like every other SaaS tool. My portfolio finally feels like me.
The hard offset shadows and dashed borders took me 20 minutes to implement. The warmth? Immediately there.
I used this for an educational kids app. Parents and teachers both told me it felt "friendly and safe." That's the sketch vibe.
Annotation arrows and margin notes turned our onboarding from bland tooltips into something that actually feels human-made.
simple pricing
No hidden fees, no enterprise gatekeeping. Pick a plan and start sketching. → (it's pretty simple)
Free
Perfect for side projects and personal portfolios.
Pro
For designers and developers building real products.
Team
For studios and teams shipping multiple products.
In 2026, pixel-perfect is everywhere. Hand-drawn is rare — and genuinely valuable. ✏
Start sketching → ← it's pretty simple ★ humans made this