70 lines
2.8 KiB
Markdown
70 lines
2.8 KiB
Markdown
# 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
|