JimLiu-baoyu-skills/skills/baoyu-slide-deck/references/styles/hand-drawn-edu.md

2.8 KiB

hand-drawn-edu

Hand-drawn educational infographic with macaron pastel color blocks on warm cream paper

Design Aesthetic

Hand-drawn educational infographic feel with slight wobble on all lines and shapes, like a high-quality presentation visual summary. Warm cream paper background with macaron pastel color blocks creating distinct information zones. Simple cartoon characters and doodle decorations bring concepts to life while maintaining clean composition and generous white space.

Background

  • Color: Warm Cream (#F5F0E8)
  • Texture: Subtle warm paper grain, hand-drawn feel with slight organic imperfection

Typography

Primary Font (Headlines)

Bold hand-drawn lettering with organic strokes. Large, confident letterforms with slight wobble. Thick marker-style strokes. Render as hand-drawn letters, not typed text.

Secondary Font (Body)

Clear handwritten style for body text and labels. Warm gray (#6B6B6B) for annotations and small labels. Bold keywords within body text for emphasis. Legible but not mechanical.

Color Palette

Role Color Hex Usage
Background Warm Cream #F5F0E8 Primary background
Primary Text Deep Charcoal #2D2D2D Headlines, main text, outlines
Macaron Blue Sky Blue #A8D8EA Info block fill, cool-toned zones
Macaron Mint Mint Green #B5E5CF Info block fill, growth/positive zones
Macaron Lavender Lavender #D5C6E0 Info block fill, abstract/concept zones
Macaron Peach Peach #FFD5C2 Info block fill, warm-toned zones
Accent Coral Red #E8655A Key data, warnings, emphasis
Muted Text Warm Gray #6B6B6B Secondary annotations, small labels

Visual Elements

  • Macaron pastel rounded cards as distinct information zones
  • Hand-drawn wavy connection lines and arrows between zones
  • Simple stick-figure characters and cartoon icons
  • Doodle decorations: small stars, underlines, spirals
  • Color fills don't completely fill outlines — preserve hand-drawn casual feel
  • Dashed borders for secondary or contained zones
  • Small icon doodles (clipboard, lock, checkmark) to reinforce concepts

Style Rules

Do

  • Use distinct macaron color blocks for each information zone
  • Keep hand-drawn wobble consistent across all lines and shapes
  • Include simple cartoon characters to humanize concepts
  • Add small label annotations on connecting arrows
  • Include a bold centered quote or takeaway at the bottom
  • Maintain generous white space between zones

Don't

  • Use perfect geometric shapes or straight lines
  • Create photorealistic elements
  • Mix more than 4 macaron colors per slide
  • Use pure white backgrounds
  • Add slide numbers, footers, or logos
  • Overcrowd — each zone should breathe

Best For

Educational diagrams, process explainers, concept maps, onboarding visuals, knowledge summaries, tutorial walkthroughs