Color Palette
A limited palette of pencil blacks, paper whites, and marker accents.
Warm Paper
#fdfbf7
#fdfbf7
White
#ffffff
#ffffff
Pencil Black
#2d2d2d
#2d2d2d
Muted Grey
#e5e0d8
#e5e0d8
Correction Red
#ff4d4d
#ff4d4d
Ballpoint Blue
#2d5da1
#2d5da1
Post-it Yellow
#fff9c4
#fff9c4
Check Green
#4caf50
#4caf50
Warning Orange
#ff9800
#ff9800
Typography
Handwritten markers for that human touch.
Heading 1 (Kalam Bold)
Heading 2 (Kalam Bold)
Heading 3 (Kalam Bold)
Body Text (Patrick Hand): The quick brown fox jumps over the lazy dog. Legible but distinctly handwritten.
Small Note: Authentic imperfection is key.
Components
Wobbly borders, hard shadows, and tape decorations.
Buttons
Inputs
Cards & Stickies
Authentic Texture
This card uses the standard wobbly border and subtle paper texture background.
Sticky Note
Perfect for feature highlights or quick reminders. Uses the "Post-it Yellow" color.
- Wobbly edges
- Tape decoration
- Hard shadow
"It feels so real!"
The Hand-Drawn style lowers barriers and invites interaction by appearing unfinished.
User Feedback
Ready to Sketch?
Start building with the Hand-Drawn system today.