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

2.6 KiB

hand-drawn-edu

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

Color Palette

  • Background: Warm cream (#F5F0E8) with subtle paper grain texture
  • Primary text: Deep charcoal (#2D2D2D) for headlines, outlines
  • Macaron Blue: #A8D8EA for cool-toned information zones
  • Macaron Mint: #B5E5CF for growth/positive zones
  • Macaron Lavender: #D5C6E0 for abstract/concept zones
  • Macaron Peach: #FFD5C2 for warm-toned zones
  • Accent: Coral Red (#E8655A) for key data, warnings, emphasis
  • Muted annotations: Warm gray (#6B6B6B) for secondary labels

Visual Elements

  • Macaron pastel rounded cards as distinct information zones
  • Hand-drawn wavy connection lines and arrows with small text labels
  • Simple stick-figure characters and cartoon icons to humanize concepts
  • Doodle decorations: small stars, underlines, spirals, sparkles
  • Color fills don't completely fill outlines — preserve casual hand-drawn feel
  • Dashed borders for secondary or contained zones
  • Small icon doodles (clipboard, lock, checkmark, lightbulb) to reinforce concepts
  • Bold centered quote or takeaway at the bottom
  • Slight hand-drawn wobble on all lines and shapes

Variants

Variant Focus Visual Emphasis
Sketch-notes Concept mapping More stick figures, thought bubbles, connecting arrows
Pastel cards Structured info Cleaner macaron blocks, less doodle, more white space

Typography

  • Main title: Bold hand-drawn lettering with organic strokes, large confident letterforms with slight wobble
  • Section headers: Hand-lettered text on or inside macaron color blocks
  • Body text: Clear handwritten print style, legible but not mechanical
  • Annotations: Warm gray (#6B6B6B), smaller, neat handwritten labels
  • Keywords: Bold emphasis within body text

Style Enforcement

  • All lines must have slight hand-drawn wobble — no perfect geometry
  • Each information zone uses a distinct macaron color block
  • Maintain consistent wobble quality across all shapes and lines
  • Include at least one simple cartoon character or stick figure
  • Generous white space between zones — each zone should breathe
  • Maximum 4 macaron colors per infographic

Avoid

  • Perfect geometric shapes or straight lines
  • Photorealistic elements or stock illustration style
  • Pure white backgrounds
  • Flat vector icons or digital-precision graphics
  • Overcrowded layouts — let zones breathe
  • Corporate or clinical aesthetic

Best For

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