sketch-notes

Soft hand-drawn illustration style with warm, educational feel

Design Aesthetic

Hand-drawn feel with soft, relaxed brush strokes. Fresh, refined style with minimalist editorial approach. Emphasis on precision, clarity and intelligent elegance while prioritizing warmth, approachability and friendliness.

Background

• Color: Warm Off-White (#FAF8F0)
• Texture: Subtle paper grain, warm tone

Color Palette

Role	Color	Hex	Usage
Background	Warm Off-White	#FAF8F0	Primary background
Primary Text	Deep Charcoal	#2C3E50	Main elements
Alt Text	Deep Brown	#4A4A4A	Secondary elements
Accent 1	Soft Orange	#F4A261	Highlights, emphasis
Accent 2	Mustard Yellow	#E9C46A	Secondary highlights
Accent 3	Sage Green	#87A96B	Nature, growth concepts
Accent 4	Light Blue	#7EC8E3	Tech, digital elements
Accent 5	Red Brown	#A0522D	Earthy elements

Visual Elements

• Connection lines with hand-drawn wavy feel
• Conceptual abstract icons illustrating ideas
• Color fills don't completely fill outlines (hand-painted feel)
• Simple geometric shapes with rounded corners
• Arrows and pointers with sketchy style
• Doodle decorations: stars, spirals, underlines

Style Rules

Do

• Keep layouts open and well-structured
• Emphasize information hierarchy
• Use hand-drawn quality for all elements
• Allow imperfection (slight wobbles add character)
• Layer elements with subtle overlaps

Don't

• Use perfect geometric shapes
• Create photorealistic elements
• Overcrowd with too many elements
• Use pure white backgrounds
• Make it look computer-generated

Best For

Educational content, knowledge sharing, technical explanations, tutorials, onboarding materials, friendly articles