feat(baoyu-slide-deck): add hand-drawn-edu preset and macaron mood
This commit is contained in:
parent
fa0fe441f5
commit
f1042c8a6c
|
|
@ -71,6 +71,7 @@ Transform content into professional slide deck images.
|
|||
| `corporate` | clean + professional + geometric + balanced | Investor decks, proposals |
|
||||
| `minimal` | clean + neutral + geometric + minimal | Executive briefings |
|
||||
| `sketch-notes` | organic + warm + handwritten + balanced | Educational, tutorials |
|
||||
| `hand-drawn-edu` | organic + macaron + handwritten + balanced | Educational diagrams, process explainers |
|
||||
| `watercolor` | organic + warm + humanist + minimal | Lifestyle, wellness |
|
||||
| `dark-atmospheric` | clean + dark + editorial + balanced | Entertainment, gaming |
|
||||
| `notion` | clean + neutral + geometric + dense | Product demos, SaaS |
|
||||
|
|
@ -88,7 +89,7 @@ Transform content into professional slide deck images.
|
|||
| Dimension | Options | Description |
|
||||
|-----------|---------|-------------|
|
||||
| **Texture** | clean, grid, organic, pixel, paper | Visual texture and background treatment |
|
||||
| **Mood** | professional, warm, cool, vibrant, dark, neutral | Color temperature and palette style |
|
||||
| **Mood** | professional, warm, cool, vibrant, dark, neutral, macaron | Color temperature and palette style |
|
||||
| **Typography** | geometric, humanist, handwritten, editorial, technical | Headline and body text styling |
|
||||
| **Density** | minimal, balanced, dense | Information density per slide |
|
||||
|
||||
|
|
@ -99,6 +100,7 @@ Full specs: `references/dimensions/*.md`
|
|||
| Content Signals | Preset |
|
||||
|-----------------|--------|
|
||||
| tutorial, learn, education, guide, beginner | `sketch-notes` |
|
||||
| hand-drawn, infographic, diagram, process, onboarding | `hand-drawn-edu` |
|
||||
| classroom, teaching, school, chalkboard | `chalkboard` |
|
||||
| architecture, system, data, analysis, technical | `blueprint` |
|
||||
| creative, children, kids, cute | `vector-illustration` |
|
||||
|
|
@ -393,6 +395,8 @@ options:
|
|||
description: "Blues, grays, analytical"
|
||||
- label: "vibrant"
|
||||
description: "High saturation, bold"
|
||||
- label: "macaron"
|
||||
description: "Pastel blocks (blue, mint, lavender, peach) on cream"
|
||||
```
|
||||
(Note: "dark", "neutral" available via Other)
|
||||
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ Color temperature and palette style.
|
|||
|--------|-------------------|---------------|----------|
|
||||
| `professional` | Cool-neutral | Navy, gold, structured grays | Business, investor, corporate |
|
||||
| `warm` | Warm | Earth tones, oranges, natural colors | Education, friendly, approachable |
|
||||
| `macaron` | Warm | Pastel blocks (blue, mint, lavender, peach) on cream | Educational diagrams, knowledge sharing |
|
||||
| `cool` | Cool | Blues, grays, cyan, teal | Technical, data, analytical |
|
||||
| `vibrant` | Varied | High saturation, bold colors | Marketing, creative, attention-grabbing |
|
||||
| `dark` | Dark | Deep backgrounds with bright accents | Entertainment, gaming, atmospheric |
|
||||
|
|
@ -36,6 +37,19 @@ Accent 2: #E9C46A (Mustard Yellow)
|
|||
Accent 3: #87A96B (Sage Green)
|
||||
```
|
||||
|
||||
### macaron
|
||||
|
||||
```
|
||||
Background: #F5F0E8 (Warm Cream)
|
||||
Primary Text: #2D2D2D (Deep Charcoal)
|
||||
Muted Text: #6B6B6B (Warm Gray)
|
||||
Macaron Blue: #A8D8EA (Sky Blue)
|
||||
Macaron Mint: #B5E5CF (Mint Green)
|
||||
Macaron Lavender: #D5C6E0 (Lavender)
|
||||
Macaron Peach: #FFD5C2 (Peach)
|
||||
Accent: #E8655A (Coral Red)
|
||||
```
|
||||
|
||||
### cool
|
||||
|
||||
```
|
||||
|
|
@ -95,6 +109,13 @@ Accent 2: #A1A1AA (Light Gray)
|
|||
- Soft transitions between colors
|
||||
- Welcoming atmosphere
|
||||
|
||||
### macaron
|
||||
|
||||
- Soft pastel color blocks as distinct information zones
|
||||
- Each zone uses one macaron color (blue, mint, lavender, peach)
|
||||
- Coral Red accent used sparingly for emphasis
|
||||
- Warm cream background maintains friendly, approachable feel
|
||||
|
||||
### cool
|
||||
|
||||
- Blue-dominant palette
|
||||
|
|
@ -129,6 +150,7 @@ Accent 2: #A1A1AA (Light Gray)
|
|||
|------|-----------------|------------|
|
||||
| professional | clean texture, geometric typography | organic texture, handwritten |
|
||||
| warm | organic texture, humanist typography | pixel texture, minimal density |
|
||||
| macaron | organic texture, handwritten typography | pixel texture, dark mood |
|
||||
| cool | grid texture, technical typography | paper texture, handwritten |
|
||||
| vibrant | pixel/organic texture, editorial typography | neutral mood overlaps |
|
||||
| dark | clean/pixel texture, technical typography | paper texture |
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ Maps 16 preset styles to their dimension combinations.
|
|||
| corporate | clean | professional | geometric | balanced |
|
||||
| minimal | clean | neutral | geometric | minimal |
|
||||
| sketch-notes | organic | warm | handwritten | balanced |
|
||||
| hand-drawn-edu | organic | macaron | handwritten | balanced |
|
||||
| watercolor | organic | warm | humanist | minimal |
|
||||
| dark-atmospheric | clean | dark | editorial | balanced |
|
||||
| notion | clean | neutral | geometric | dense |
|
||||
|
|
@ -50,6 +51,11 @@ Maps 16 preset styles to their dimension combinations.
|
|||
- **Feel**: Friendly learning, approachable education
|
||||
- **Auto-select**: tutorial, learn, education, guide, beginner
|
||||
|
||||
### hand-drawn-edu
|
||||
- **Dimensions**: organic + macaron + handwritten + balanced
|
||||
- **Feel**: Hand-drawn educational infographic, macaron pastel zones
|
||||
- **Auto-select**: hand-drawn, infographic, diagram, process, onboarding
|
||||
|
||||
### watercolor
|
||||
- **Dimensions**: organic + warm + humanist + minimal
|
||||
- **Feel**: Artistic, natural, lifestyle
|
||||
|
|
@ -114,7 +120,7 @@ When user selects "Custom dimensions", combine any:
|
|||
- **Typography** (5): geometric, humanist, handwritten, editorial, technical
|
||||
- **Density** (3): minimal, balanced, dense
|
||||
|
||||
Total possible combinations: 5 × 6 × 5 × 3 = **450 unique styles**
|
||||
Total possible combinations: 5 × 7 × 5 × 3 = **525 unique styles**
|
||||
|
||||
## Recommended Combinations (Beyond Presets)
|
||||
|
||||
|
|
|
|||
|
|
@ -55,6 +55,6 @@ Visual texture and background treatment.
|
|||
|---------|-----------------|------------|
|
||||
| clean | professional, neutral moods | handwritten typography |
|
||||
| grid | cool, professional moods | handwritten, vibrant moods |
|
||||
| organic | warm, vibrant moods | technical typography |
|
||||
| organic | warm, macaron, vibrant moods | technical typography |
|
||||
| pixel | vibrant, dark moods | editorial typography |
|
||||
| paper | warm moods | geometric typography, minimal density |
|
||||
|
|
|
|||
|
|
@ -0,0 +1,69 @@
|
|||
# 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
|
||||
Loading…
Reference in New Issue