Baoyu Slide Deck

Slide Deck Generator

Transform content into professional slide deck images.

Usage

/baoyu-slide-deck path/to/content.md
/baoyu-slide-deck path/to/content.md --style sketch-notes
/baoyu-slide-deck path/to/content.md --audience executives
/baoyu-slide-deck path/to/content.md --lang zh
/baoyu-slide-deck path/to/content.md --slides 10
/baoyu-slide-deck path/to/content.md --outline-only
/baoyu-slide-deck  # Then paste content

Script Directory

Agent Execution Instructions: 1. Determine this SKILL.md file's directory path as SKILL_DIR 2. Script path = ${SKILL_DIR}/scripts/<script-name>.ts

Options

Slide Count by Content Length:

Style System

Presets

Style Dimensions

Full specs: references/dimensions/*.md

Auto Style Selection

Design Philosophy

Decks designed for reading and sharing, not live presentation:

• Each slide self-explanatory without verbal commentary
• Logical flow when scrolling
• All necessary context within each slide
• Optimized for social media sharing

See references/design-guidelines.md for:

• Audience-specific principles
• Visual hierarchy
• Content density guidelines
• Color and typography selection
• Font recommendations

See references/layouts.md for layout options.

File Management

Output Directory

slide-deck/{topic-slug}/
├── source-{slug}.{ext}
├── outline.md
├── prompts/
│   └── 01-slide-cover.md, 02-slide-{slug}.md, ...
├── 01-slide-cover.png, 02-slide-{slug}.png, ...
├── {topic-slug}.pptx
└── {topic-slug}.pdf

Slug: Extract topic (2-4 words, kebab-case). Example: "Introduction to Machine Learning" → intro-machine-learning

Conflict Handling: See Step 1.3 for existing content detection and user options.

Language Handling

Detection Priority: 1. --lang flag (explicit) 2. EXTEND.md language setting 3. User's conversation language (input language) 4. Source content language

Rule: ALL responses use user's preferred language:

• Questions and confirmations
• Progress reports
• Error messages
• Completion summaries

Technical terms (style names, file paths, code) remain in English.

Workflow

Copy this checklist and check off items as you complete them:

Slide Deck Progress:
- [ ] Step 1: Setup & Analyze
  - [ ] 1.1 Load preferences
  - [ ] 1.2 Analyze content
  - [ ] 1.3 Check existing ⚠️ REQUIRED
- [ ] Step 2: Confirmation ⚠️ REQUIRED (Round 1, optional Round 2)
- [ ] Step 3: Generate outline
- [ ] Step 4: Review outline (conditional)
- [ ] Step 5: Generate prompts
- [ ] Step 6: Review prompts (conditional)
- [ ] Step 7: Generate images
- [ ] Step 8: Merge to PPTX/PDF
- [ ] Step 9: Output summary

Flow

Input → Preferences → Analyze → [Check Existing?] → Confirm (1-2 rounds) → Outline → [Review Outline?] → Prompts → [Review Prompts?] → Images → Merge → Complete

Step 1: Setup & Analyze

1.1 Load Preferences (EXTEND.md)

Use Bash to check EXTEND.md existence (priority order):

# Check project-level first
test -f .baoyu-skills/baoyu-slide-deck/EXTEND.md && echo "project"

# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)
test -f "$HOME/.baoyu-skills/baoyu-slide-deck/EXTEND.md" && echo "user"

┌──────────────────────────────────────────────────┬───────────────────┐ │ Path │ Location │ ├──────────────────────────────────────────────────┼───────────────────┤ │ .baoyu-skills/baoyu-slide-deck/EXTEND.md │ Project directory │ ├──────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.baoyu-skills/baoyu-slide-deck/EXTEND.md │ User home │ └──────────────────────────────────────────────────┴───────────────────┘

When EXTEND.md Found → Read, parse, output summary to user:

📋 Loaded preferences from [full path]
├─ Style: [preset/custom name]
├─ Audience: [audience or "auto-detect"]
├─ Language: [language or "auto-detect"]
└─ Review: [enabled/disabled]

When EXTEND.md Not Found → First-time setup using AskUserQuestion or proceed with defaults.

EXTEND.md Supports: Preferred style | Custom dimensions | Default audience | Language preference | Review preference

Schema: references/config/preferences-schema.md

1.2 Analyze Content

1. Save source content (if pasted, save as source.md)

• Backup rule: If source.md exists, rename to source-backup-YYYYMMDD-HHMMSS.md

2. Follow references/analysis-framework.md for content analysis 3. Analyze content signals for style recommendations 4. Detect source language 5. Determine recommended slide count 6. Generate topic slug from content

1.3 Check Existing Content ⚠️ REQUIRED

MUST execute before proceeding to Step 2.

Use Bash to check if output directory exists:

test -d "slide-deck/{topic-slug}" && echo "exists"

If directory exists, use AskUserQuestion:

header: "Existing"
question: "Existing content found. How to proceed?"
options:
  - label: "Regenerate outline"
    description: "Keep images, regenerate outline only"
  - label: "Regenerate images"
    description: "Keep outline, regenerate images only"
  - label: "Backup and regenerate"
    description: "Backup to {slug}-backup-{timestamp}, then regenerate all"
  - label: "Exit"
    description: "Cancel, keep existing content unchanged"

Save to `analysis.md` with:

• Topic, audience, content signals
• Recommended style (based on Auto Style Selection)
• Recommended slide count
• Language detection

Step 2: Confirmation ⚠️ REQUIRED

Two-round confirmation: Round 1 always, Round 2 only if "Custom dimensions" selected.

Language: Use user's input language or saved language preference.

Display summary:

• Content type + topic identified
• Language: [from EXTEND.md or detected]
• Recommended style: [preset] (based on content signals)
• Recommended slides: [N] (based on content length)

Round 1 (Always)

Use AskUserQuestion for all 5 questions:

Question 1: Style

header: "Style"
question: "Which visual style for this deck?"
options:
  - label: "{recommended_preset} (Recommended)"
    description: "Best match based on content analysis"
  - label: "{alternative_preset}"
    description: "[alternative style description]"
  - label: "Custom dimensions"
    description: "Choose texture, mood, typography, density separately"

Question 2: Audience

header: "Audience"
question: "Who is the primary reader?"
options:
  - label: "General readers (Recommended)"
    description: "Broad appeal, accessible content"
  - label: "Beginners/learners"
    description: "Educational focus, clear explanations"
  - label: "Experts/professionals"
    description: "Technical depth, domain knowledge"
  - label: "Executives"
    description: "High-level insights, minimal detail"

Question 3: Slide Count

header: "Slides"
question: "How many slides?"
options:
  - label: "{N} slides (Recommended)"
    description: "Based on content length"
  - label: "Fewer ({N-3} slides)"
    description: "More condensed, less detail"
  - label: "More ({N+3} slides)"
    description: "More detailed breakdown"

Question 4: Review Outline

header: "Outline"
question: "Review outline before generating prompts?"
options:
  - label: "Yes, review outline (Recommended)"
    description: "Review slide titles and structure"
  - label: "No, skip outline review"
    description: "Proceed directly to prompt generation"

Question 5: Review Prompts

header: "Prompts"
question: "Review prompts before generating images?"
options:
  - label: "Yes, review prompts (Recommended)"
    description: "Review image generation prompts"
  - label: "No, skip prompt review"
    description: "Proceed directly to image generation"

Round 2 (Only if "Custom dimensions" selected)

Use AskUserQuestion for all 4 dimensions:

Question 1: Texture

header: "Texture"
question: "Which visual texture?"
options:
  - label: "clean"
    description: "Pure solid color, no texture"
  - label: "grid"
    description: "Subtle grid overlay, technical"
  - label: "organic"
    description: "Soft textures, hand-drawn feel"
  - label: "pixel"
    description: "Chunky pixels, 8-bit aesthetic"

(Note: "paper" available via Other)

Question 2: Mood

header: "Mood"
question: "Which color mood?"
options:
  - label: "professional"
    description: "Cool-neutral, navy/gold"
  - label: "warm"
    description: "Earth tones, friendly"
  - label: "cool"
    description: "Blues, grays, analytical"
  - label: "vibrant"
    description: "High saturation, bold"

(Note: "dark", "neutral" available via Other)

Question 3: Typography

header: "Typography"
question: "Which typography style?"
options:
  - label: "geometric"
    description: "Modern sans-serif, clean"
  - label: "humanist"
    description: "Friendly, readable"
  - label: "handwritten"
    description: "Marker/brush, organic"
  - label: "editorial"
    description: "Magazine style, dramatic"

(Note: "technical" available via Other)

Question 4: Density

header: "Density"
question: "Information density?"
options:
  - label: "balanced (Recommended)"
    description: "2-3 key points per slide"
  - label: "minimal"
    description: "One focus point, maximum whitespace"
  - label: "dense"
    description: "Multiple data points, compact"

After Round 2: Store custom dimensions as the style configuration.

After Confirmation: 1. Update analysis.md with confirmed preferences 2. Store skip_outline_review flag from Question 4 3. Store skip_prompt_review flag from Question 5 4. → Step 3

Step 3: Generate Outline

Create outline using the confirmed style from Step 2.

Style Resolution:

• If preset selected → Read references/styles/{preset}.md
• If custom dimensions → Read dimension files from references/dimensions/ and combine

Generate: 1. Follow references/outline-template.md for structure 2. Build STYLE_INSTRUCTIONS from style or dimensions 3. Apply confirmed audience, language, slide count 4. Save as outline.md

After generation:

• If --outline-only, stop here
• If skip_outline_review is true → Skip Step 4, go to Step 5
• If skip_outline_review is false → Continue to Step 4

Step 4: Review Outline (Conditional)

Skip this step if user selected "No, skip outline review" in Step 2.

Purpose: Review outline structure before prompt generation.

Language: Use user's input language or saved language preference.

Display:

• Total slides: N
• Style: [preset name or "custom: texture+mood+typography+density"]
• Slide-by-slide summary table:

| # | Title | Type | Layout |
|---|-------|------|--------|
| 1 | [title] | Cover | title-hero |
| 2 | [title] | Content | [layout] |
| 3 | [title] | Content | [layout] |
| ... | ... | ... | ... |

Use AskUserQuestion:

header: "Confirm"
question: "Ready to generate prompts?"
options:
  - label: "Yes, proceed (Recommended)"
    description: "Generate image prompts"
  - label: "Edit outline first"
    description: "I'll modify outline.md before continuing"
  - label: "Regenerate outline"
    description: "Create new outline with different approach"

After response: 1. If "Edit outline first" → Inform user to edit outline.md, ask again when ready 2. If "Regenerate outline" → Back to Step 3 3. If "Yes, proceed" → Continue to Step 5

Step 5: Generate Prompts

1. Read references/base-prompt.md 2. For each slide in outline:

• Extract STYLE_INSTRUCTIONS from outline (not from style file again)
• Add slide-specific content
• If Layout: specified, include layout guidance from references/layouts.md

3. Save to prompts/ directory

• Backup rule: If prompt file exists, rename to prompts/NN-slide-{slug}-backup-YYYYMMDD-HHMMSS.md

After generation:

• If --prompts-only, stop here and output prompt summary
• If skip_prompt_review is true → Skip Step 6, go to Step 7
• If skip_prompt_review is false → Continue to Step 6

Step 6: Review Prompts (Conditional)

Skip this step if user selected "No, skip prompt review" in Step 2.

Purpose: Review prompts before image generation.

Language: Use user's input language or saved language preference.

Display:

• Total prompts: N
• Style: [preset name or custom dimensions]
• Prompt list:

| # | Filename | Slide Title |
|---|----------|-------------|
| 1 | 01-slide-cover.md | [title] |
| 2 | 02-slide-xxx.md | [title] |
| ... | ... | ... |

• Path to prompts directory: prompts/

Use AskUserQuestion:

header: "Confirm"
question: "Ready to generate slide images?"
options:
  - label: "Yes, proceed (Recommended)"
    description: "Generate all slide images"
  - label: "Edit prompts first"
    description: "I'll modify prompts before continuing"
  - label: "Regenerate prompts"
    description: "Create new prompts with different approach"

After response: 1. If "Edit prompts first" → Inform user to edit prompts, ask again when ready 2. If "Regenerate prompts" → Back to Step 5 3. If "Yes, proceed" → Continue to Step 7

Step 7: Generate Images

For `--images-only`: Start here with existing prompts.

For `--regenerate N`: Only regenerate specified slide(s).

Standard flow: 1. Select available image generation skill 2. Generate session ID: slides-{topic-slug}-{timestamp} 3. For each slide:

• Backup rule: If image file exists, rename to NN-slide-{slug}-backup-YYYYMMDD-HHMMSS.png
• Generate image sequentially with same session ID

4. Report progress: "Generated X/N" (in user's language) 5. Auto-retry once on failure before reporting error

Step 8: Merge to PPTX and PDF

npx -y bun ${SKILL_DIR}/scripts/merge-to-pptx.ts <slide-deck-dir>
npx -y bun ${SKILL_DIR}/scripts/merge-to-pdf.ts <slide-deck-dir>

Step 9: Output Summary

Language: Use user's input language or saved language preference.

Slide Deck Complete!

Topic: [topic]
Style: [preset name or custom dimensions]
Location: [directory path]
Slides: N total

- 01-slide-cover.png - Cover
- 02-slide-intro.png - Content
- ...
- {NN}-slide-back-cover.png - Back Cover

Outline: outline.md
PPTX: {topic-slug}.pptx
PDF: {topic-slug}.pdf

Partial Workflows

Using --prompts-only

Generate outline and prompts without images:

/baoyu-slide-deck content.md --prompts-only

Output: outline.md + prompts/*.md ready for review/editing.

Using --images-only

Generate images from existing prompts (starts at Step 7):

/baoyu-slide-deck slide-deck/topic-slug/ --images-only

Prerequisites:

• prompts/ directory with slide prompt files
• outline.md with style information

Using --regenerate

Regenerate specific slides:

# Single slide
/baoyu-slide-deck slide-deck/topic-slug/ --regenerate 3

# Multiple slides
/baoyu-slide-deck slide-deck/topic-slug/ --regenerate 2,5,8

Flow: 1. Read existing prompts for specified slides 2. Regenerate images only for those slides 3. Regenerate PPTX/PDF

Slide Modification

Quick Reference

Edit Single Slide

1. Update prompt file FIRST in prompts/NN-slide-{slug}.md 2. Run: /baoyu-slide-deck <dir> --regenerate N 3. Or manually regenerate image + PDF

IMPORTANT: When updating slides, ALWAYS update the prompt file (prompts/NN-slide-{slug}.md) FIRST before regenerating. This ensures changes are documented and reproducible.

Add New Slide

1. Create prompt at position: prompts/NN-slide-{new-slug}.md 2. Generate image using same session ID 3. Renumber: Subsequent files NN+1 (slugs unchanged) 4. Update outline.md 5. Regenerate PPTX/PDF

Delete Slide

1. Remove NN-slide-{slug}.png and prompts/NN-slide-{slug}.md 2. Renumber: Subsequent files NN-1 (slugs unchanged) 3. Update outline.md 4. Regenerate PPTX/PDF

File Naming

Format: NN-slide-[slug].png

• NN: Two-digit sequence (01, 02, ...)
• slug: Kebab-case from content (2-5 words, unique)

Renumbering Rule: Only NN changes, slugs remain unchanged.

See references/modification-guide.md for complete details.

References

Notes

• Image generation: 10-30 seconds per slide
• Auto-retry once on generation failure
• Use stylized alternatives for sensitive public figures
• Maintain style consistency via session ID
• Step 2 confirmation required - do not skip (style, audience, slides, outline review, prompt review)
• Step 4 conditional - only if user requested outline review in Step 2
• Step 6 conditional - only if user requested prompt review in Step 2

Extension Support

Custom configurations via EXTEND.md. See Step 1.1 for paths and supported options.

Presentation Analysis Framework

Deep content analysis for effective slide deck creation.

1. Message Hierarchy

Identify the core message structure before designing slides.

Core Message (One Sentence)

• What is the single most important takeaway?
• If the audience remembers only one thing, what should it be?
• Can you state it in ≤15 words?

Supporting Points (3-5 Maximum)

• What evidence supports the core message?
• What sub-topics must be covered?
• Prioritize by audience relevance, not source order

Call-to-Action

• What should the audience DO after viewing?
• Is it clear, specific, and achievable?
• Where does it appear (slide position)?

2. Audience Decision Matrix

Audience Adaptation

3. Visual Opportunity Map

Identify which content benefits from visualization.

Content-to-Visual Mapping

Visual Priority

Rate each piece of content:

• Must Visualize: Complex data, key differentiators, memorable moments
• Should Visualize: Supporting evidence, secondary points
• Text Only: Simple statements, transitions, minor details

4. Presentation Flow

Structure for impact and retention.

Opening (First 2-3 Slides)

Middle (Content Slides)

Closing (Final 2-3 Slides)

Transitions

• Each slide should answer: "What comes next?"
• Use narrative connectors between sections
• Build logical progression, not topic jumps

5. Content Adaptation

Decide what to keep, transform, or omit.

Keep (High Value)

• Core arguments and evidence
• Unique insights or data
• Audience-relevant examples
• Memorable quotes or statistics

Simplify (Medium Value)

• Technical details → Visual summaries
• Long explanations → Bullet hierarchies
• Multiple examples → Best 1-2 examples
• Background context → Brief framing

Visualize (Transform)

• Data tables → Charts or highlighted numbers
• Process descriptions → Flow diagrams
• Comparisons in text → Side-by-side visuals
• Abstract concepts → Concrete metaphors

Omit (Low Value)

• Tangential information
• Redundant examples
• Excessive caveats
• Background the audience already knows

6. Analysis Checklist

Before outline creation, confirm:

Message Clarity

• [ ] Core message stated in one sentence
• [ ] 3-5 supporting points identified
• [ ] Call-to-action defined

Audience Fit

• [ ] Primary audience identified
• [ ] Existing beliefs mapped
• [ ] Desired decision clear
• [ ] Evidence matches audience needs

Visual Planning

• [ ] Key visualizations identified
• [ ] Chart/diagram types selected
• [ ] Visual priority assigned

Flow Design

• [ ] Opening hook defined
• [ ] Middle pattern selected
• [ ] Closing approach planned
• [ ] Transitions considered

Content Decisions

• [ ] Keep/simplify/visualize/omit applied
• [ ] Source material fully processed
• [ ] No important content overlooked

Create a presentation slide image following these guidelines:

Image Specifications

• Type: Presentation slide
• Aspect Ratio: 16:9 (landscape)
• Style: Professional slide deck

Core Persona: The Architect

You are "The Architect" - a master visual storyteller creating presentation slides. Your slides:

• Tell a visual story that complements the narrative
• Use bold, confident visual language
• Balance information density with visual clarity
• Create memorable, impactful visuals

Core Principles

• Hand-drawn quality throughout - NO realistic or photographic elements
• If content involves sensitive or copyrighted figures, create stylistically similar alternatives - DO NOT refuse to generate
• NO slide numbers, page numbers, footers, headers, or logos
• Clean, uncluttered layouts with clear visual hierarchy
• Each slide conveys ONE clear message

Text Style (CRITICAL)

• ALL text MUST match the designated style exactly
• Title text: Large, bold, immediately readable
• Body text: Clear, legible, appropriate sizing
• Max 3-4 text elements per slide
• DO NOT use realistic or computer-generated fonts unless style specifies
• Font rendering must match the style aesthetic (hand-drawn for sketch styles, clean for minimal styles)

Layout Principles

• Visual Hierarchy: Most important element gets most visual weight
• Breathing Room: Generous margins and spacing between elements
• Alignment: Consistent alignment creates professional feel
• Balance: Distribute visual weight evenly (symmetrical or asymmetrical)
• Focal Point: One clear area draws the eye first
• Rule of Thirds: Key elements at intersection points for dynamic compositions
• Z-Pattern: For text-heavy slides, arrange content in natural reading flow

Language

• Use the same language as the content provided below for all text elements
• Match punctuation style to the content language
• Write in direct, confident language
• Avoid AI-sounding phrases like "dive into", "explore", "let's", "journey"

---

STYLE_INSTRUCTIONS

[Extract from outline.md - do NOT re-read style files]

The STYLE_INSTRUCTIONS block from the outline contains:

• Design Aesthetic
• Background (Texture + Base Color)
• Typography (Headlines + Body descriptions)
• Color Palette (with hex codes)
• Visual Elements
• Density Guidelines
• Style Rules (Do/Don't)

Copy the entire <STYLE_INSTRUCTIONS>...</STYLE_INSTRUCTIONS> block from the outline here.

---

SLIDE CONTENT

[Insert slide-specific content from outline]

Include:

• Slide number and filename
• Type (Cover/Content/Back Cover)
• Narrative Goal
• Key Content (Headline, Sub-headline, Body points)
• Visual description
• Layout guidance (if specified)

---

Please use nano banana pro to generate the slide image based on the content provided above.

EXTEND.md Schema

Structure for user preferences in .baoyu-skills/baoyu-slide-deck/EXTEND.md.

Full Schema

# Slide Deck Preferences

## Defaults
style: blueprint              # Preset name OR "custom"
audience: general             # beginners | intermediate | experts | executives | general
language: auto                # auto | en | zh | ja | etc.
review: true                  # true = review outline before generation

## Custom Dimensions (only when style: custom)
dimensions:
  texture: clean              # clean | grid | organic | pixel | paper
  mood: professional          # professional | warm | cool | vibrant | dark | neutral
  typography: geometric       # geometric | humanist | handwritten | editorial | technical
  density: balanced           # minimal | balanced | dense

## Custom Styles (optional)
custom_styles:
  my-style:
    texture: organic
    mood: warm
    typography: humanist
    density: minimal
    description: "My custom warm and friendly style"

Field Descriptions

Defaults

Custom Dimensions

Only used when style: custom. Defines dimension values directly.

Custom Styles

Define reusable custom dimension combinations.

custom_styles:
  style-name:
    texture: <texture>
    mood: <mood>
    typography: <typography>
    density: <density>
    description: "Optional description"

Then use with: /baoyu-slide-deck content.md --style style-name

Minimal Examples

Just change default style

style: sketch-notes

Prefer no reviews

review: false

Custom default dimensions

style: custom
dimensions:
  texture: organic
  mood: professional
  typography: humanist
  density: minimal

Define reusable custom style

custom_styles:
  brand-style:
    texture: clean
    mood: vibrant
    typography: editorial
    density: balanced
    description: "Company brand style"

File Locations

Priority order (first found wins):

1. .baoyu-skills/baoyu-slide-deck/EXTEND.md (project) 2. $HOME/.baoyu-skills/baoyu-slide-deck/EXTEND.md (user)

First-Time Setup

When no EXTEND.md exists, the skill prompts for initial preferences:

1. Preferred style (preset or custom) 2. Default audience 3. Language preference 4. Review preference 5. Save location (project or user)

Creates EXTEND.md at chosen location.

Content & Style Rules

Guidelines for slide deck content quality and style consistency.

Content Rules

1. Respect Reader Attention

• Each slide should communicate ONE main idea
• Remove redundant information
• Prioritize clarity over comprehensiveness

2. Data Traceability

• All statistics must include source attribution
• Cite sources directly on slides with data
• Use specific numbers over vague claims

3. Self-Contained Prompts

• Every detail must be in the image prompt
• No external references (e.g., "like slide 2")
• Include all colors, layouts, and content explicitly

4. No Placeholders

• Every element must be fully specified
• No "[insert data here]" or "TBD"
• All text content finalized before generation

Style Rules

1. Narrative Headlines

Headlines tell the story, not label the content.

2. Avoid AI Clichés

Remove these patterns:

• "Dive into", "explore", "journey"
• "Let's look at", "let me show you"
• "Exciting", "amazing", "revolutionary"
• "In conclusion", "to summarize"

3. Meaningful Back Cover

Not just "Thank you" or "Questions?"

Include one of:

• Clear call-to-action
• Memorable key takeaway
• Thought-provoking closing statement
• Contact information with purpose

4. Consistent Visual Language

Throughout the deck:

• Same icon style
• Same color usage patterns
• Same layout grid system
• Same typography hierarchy

Slide Structure

Key Specifications

Style Quick Reference

Full style specifications: references/styles/<style>.md

Design Guidelines

Detailed design principles for slide decks.

Audience Guidelines

Design decisions adapt to target audience. Use --audience to set.

Audience → Density Mapping

Recommended density dimension based on audience:

Automatic Density Selection:

• If --audience executives → default to minimal density
• If --audience beginners → default to minimal or balanced
• If --audience experts → allow dense density
• Otherwise → default to balanced

Audience-Specific Principles

Beginners:

• One concept per slide
• Visual metaphors over abstract diagrams
• Step-by-step progression
• Generous whitespace

Experts:

• Multiple data points per slide acceptable
• Technical diagrams with precise labels
• Assume domain knowledge
• Dense but organized information

Executives:

• Lead with insights, not data
• "So what?" on every slide
• Decision-enabling content
• Bottom-line upfront (BLUF)

Visual Hierarchy Principles

Content Density

See references/dimensions/density.md for full density dimension specs.

High-Density Principles (McKinsey-style):

• Every element earns its space
• Data speaks louder than decoration
• Annotations explain insights, not describe data
• White space is strategic, not filler

Density by Slide Type:

Color Selection

See references/dimensions/mood.md for full mood dimension specs.

Content-First Approach: 1. Analyze content topic, mood, and industry 2. Consider target audience expectations 3. Match palette to subject matter 4. Ensure strong contrast for readability

Quick Palette Guide:

Typography Principles

See references/dimensions/typography.md for full typography dimension specs.

Font Recommendations

English Fonts:

Chinese Fonts:

Multilingual Pairing:

Visual Elements Reference

See references/dimensions/texture.md for full texture dimension specs.

Background Treatments

Typography Treatments

Geometric Accents

Consistency Requirements

Dimension Combination Guide

When combining dimensions, consider compatibility:

Density Dimension

Information density per slide.

Options

Rendering Guidelines

minimal

• ONE main idea per slide
• Large visuals dominate
• Minimal text (headline + 1-2 lines max)
• Generous margins (15%+ from edges)
• Maximum breathing room between elements
• Let single element carry full weight

Principles:

• "One slide, one message"
• Visual > text
• Empty space is intentional
• Every element must earn its space

balanced

• 2-3 key points per slide
• Standard margins (10% from edges)
• Balanced text/visual ratio
• Clear hierarchy with supporting details
• Comfortable reading experience

Principles:

• Primary point + supporting context
• Visuals complement text
• Structured but not crowded
• Good for diverse audiences

dense

• Multiple data points acceptable
• Compact margins (5-8% from edges)
• Information-rich layouts
• Charts, tables, detailed annotations
• Assume engaged, attentive audience

Principles:

• Data speaks louder than decoration
• Annotations explain insights
• White space is strategic
• Every pixel serves a purpose

Audience → Density Mapping

Slide Type → Density Guidelines

Content Guidelines Per Density

minimal

balanced

dense

Combination Notes

Mood Dimension

Color temperature and palette style.

Options

Palette Specifications

professional

Background: #FFFFFF (Pure White)
Primary Text: #1E3A5F (Navy)
Secondary Text: #4A5568 (Dark Gray)
Accent 1: #C9A227 (Gold)
Accent 2: #3D5A80 (Light Navy)

warm

Background: #FAF8F0 (Warm Off-White)
Primary Text: #2C3E50 (Deep Charcoal)
Secondary Text: #4A4A4A (Deep Brown)
Accent 1: #F4A261 (Soft Orange)
Accent 2: #E9C46A (Mustard Yellow)
Accent 3: #87A96B (Sage Green)

cool

Background: #FAF8F5 (Blueprint Off-White)
Primary Text: #334155 (Deep Slate)
Secondary Text: #64748B (Slate Gray)
Accent 1: #2563EB (Engineering Blue)
Accent 2: #1E3A5F (Navy Blue)
Accent 3: #BFDBFE (Light Blue)

vibrant

Background: #FFFFFF or #1A1A2E (Light or Dark)
Primary Text: #1A1A2E or #FFFFFF
Accent 1: #E94560 (Coral Red)
Accent 2: #0F3460 (Deep Blue)
Accent 3: #16C79A (Teal Green)
Accent 4: #F9B208 (Golden Yellow)

dark

Background: #0D1117 (Deep Black)
Primary Text: #E6EDF3 (Soft White)
Secondary Text: #8B949E (Muted Gray)
Accent 1: #58A6FF (Bright Blue)
Accent 2: #7EE787 (Bright Green)
Accent 3: #FF7B72 (Coral)

neutral

Background: #FFFFFF (Pure White)
Primary Text: #18181B (Near Black)
Secondary Text: #71717A (Medium Gray)
Accent 1: #18181B (Black)
Accent 2: #A1A1AA (Light Gray)

Rendering Guidelines

professional

• Restrained use of accent colors
• Gold for emphasis only
• Clean, institutional feel
• Balanced contrast

warm

• Generous use of warm tones
• Natural, approachable colors
• Soft transitions between colors
• Welcoming atmosphere

cool

• Blue-dominant palette
• Technical precision in color use
• High contrast for clarity
• Analytical, trustworthy feel

vibrant

• Bold color combinations
• High saturation throughout
• Dynamic color contrasts
• Energetic visual presence

dark

• Deep backgrounds dominate
• Accent colors pop against dark
• Glowing/luminous effects
• Cinematic atmosphere

neutral

• Minimal color usage
• Typography carries weight
• Grayscale hierarchy
• Maximum sophistication

Combination Notes

Preset → Dimension Mapping

Maps 16 preset styles to their dimension combinations.

Mapping Table

Preset Details

blueprint

• Dimensions: grid + cool + technical + balanced
• Feel: Engineering precision, analytical clarity
• Auto-select: architecture, system, data, analysis, technical

chalkboard

• Dimensions: organic + warm + handwritten + balanced
• Feel: Classroom warmth, educational
• Auto-select: classroom, teaching, school, chalkboard

corporate

• Dimensions: clean + professional + geometric + balanced
• Feel: Business credibility, institutional trust
• Auto-select: investor, quarterly, business, corporate

minimal

• Dimensions: clean + neutral + geometric + minimal
• Feel: Maximum sophistication, executive focus
• Auto-select: executive, minimal, clean, simple

sketch-notes

• Dimensions: organic + warm + handwritten + balanced
• Feel: Friendly learning, approachable education
• Auto-select: tutorial, learn, education, guide, beginner

watercolor

• Dimensions: organic + warm + humanist + minimal
• Feel: Artistic, natural, lifestyle
• Auto-select: lifestyle, wellness, travel, artistic

dark-atmospheric

• Dimensions: clean + dark + editorial + balanced
• Feel: Cinematic, entertainment
• Auto-select: entertainment, music, gaming, atmospheric

notion

• Dimensions: clean + neutral + geometric + dense
• Feel: SaaS professional, data-forward
• Auto-select: saas, product, dashboard, metrics

bold-editorial

• Dimensions: clean + vibrant + editorial + balanced
• Feel: Magazine impact, keynote drama
• Auto-select: launch, marketing, keynote, magazine

editorial-infographic

• Dimensions: clean + cool + editorial + dense
• Feel: Publication quality, informative
• Auto-select: explainer, journalism, science communication

fantasy-animation

• Dimensions: organic + vibrant + handwritten + minimal
• Feel: Magical, storytelling
• Auto-select: story, fantasy, animation, magical

intuition-machine

• Dimensions: clean + cool + technical + dense
• Feel: Technical briefing, bilingual documentation
• Auto-select: briefing, academic, research, bilingual

pixel-art

• Dimensions: pixel + vibrant + technical + balanced
• Feel: Retro gaming, developer culture
• Auto-select: gaming, retro, pixel, developer

scientific

• Dimensions: clean + cool + technical + dense
• Feel: Academic precision, research quality
• Auto-select: biology, chemistry, medical, scientific

vector-illustration

• Dimensions: clean + vibrant + humanist + balanced
• Feel: Flat design, friendly creative
• Auto-select: creative, children, kids, cute

vintage

• Dimensions: paper + warm + editorial + balanced
• Feel: Historical, heritage storytelling
• Auto-select: history, heritage, vintage, expedition

Building Custom Combinations

When user selects "Custom dimensions", combine any:

• Texture (5): clean, grid, organic, pixel, paper
• Mood (6): professional, warm, cool, vibrant, dark, neutral
• Typography (5): geometric, humanist, handwritten, editorial, technical
• Density (3): minimal, balanced, dense

Total possible combinations: 5 × 6 × 5 × 3 = 450 unique styles

Recommended Combinations (Beyond Presets)

Texture Dimension

Visual texture and background treatment.

Options

Rendering Guidelines

clean

• Solid background colors with no visible texture
• Crisp, sharp edges on all elements
• Digital precision and clarity
• Maximum contrast for readability

grid

• Light grid overlay (5-10% opacity)
• Engineering paper or blueprint feel
• Alignment guides visible but subtle
• Technical drawing aesthetic

organic

• Paper grain or canvas texture
• Imperfect edges, natural variations
• Hand-painted color fills
• Casual, approachable feel

pixel

• Visible pixel grid (chunky, not fine)
• 8-bit color palette aesthetic
• Aliased edges (no smoothing)
• Retro game UI elements

paper

• Aged paper texture (subtle creases, discoloration)
• Vintage printing artifacts
• Sepia or warm tones
• Historical document feel

Combination Notes

Typography Dimension

Headline and body text styling.

Options

Rendering Guidelines

geometric

Headlines: Modern geometric sans-serif with clean angles and consistent stroke width. Think Futura, Avenir, or Proxima Nova. Bold to semi-bold weight. Perfect circles in O, G characters.

Body: Clean sans-serif optimized for readability. Regular weight. Consistent x-height. Sufficient letter spacing.

Characteristics:

• Mathematical precision in letterforms
• Consistent stroke widths
• Perfect geometry in curves
• Modern, authoritative presence

humanist

Headlines: Friendly sans-serif with subtle stroke variations. Think Frutiger, Open Sans, or Myriad. Medium to semi-bold weight. Warm, approachable letterforms.

Body: Readable humanist sans-serif. Comfortable line height. Slight calligraphic influence.

Characteristics:

• Warm, approachable feel
• Subtle stroke contrast
• Open counters for readability
• Natural, human touch

handwritten

Headlines: Bold hand-written marker or brush lettering. Thick strokes with organic edges. Slightly uneven baseline. Render as actual hand-drawn letters.

Body: Clear handwritten style mimicking notes. Casual but legible. Natural variation in letter forms.

Characteristics:

• Organic, imperfect letterforms
• Visible brush/pen character
• Casual, personal feel
• NOT computer fonts - actual drawn letters

editorial

Headlines: Bold serif or high-contrast sans-serif. Magazine cover style. Dramatic scale contrast. Think Playfair Display, Didot, or bold condensed sans.

Body: Classic serif for extended reading. Elegant, refined letterforms. Traditional publishing quality.

Characteristics:

• High contrast (thick/thin strokes)
• Dramatic headlines
• Sophisticated presence
• Premium, publication quality

technical

Headlines: Clean sans-serif with monospace accents for data/code. Precise, engineered appearance. Think SF Mono for code, Inter for headers.

Body: Clean sans-serif optimized for technical content. Fixed-width for numbers and code.

Characteristics:

• Monospace for data elements
• Precise alignment
• Clear number distinction (0 vs O, 1 vs l)
• Engineering precision

Font Rendering Instructions

Since image generators cannot use font names, describe visual characteristics:

Combination Notes

Layout Gallery

Optional layout hints for individual slides. Specify in outline's // LAYOUT section.

Slide-Specific Layouts

Infographic-Derived Layouts

Usage: Add Layout: <name> in slide's // LAYOUT section.

Layout Selection Tips

Match Layout to Content:

Layout Flow Patterns:

Common Mistakes to Avoid:

• Using 3-column layout for 2 items (leaves columns empty)
• Stacking charts/tables below text (use side-by-side instead)
• Image layouts without actual images
• Quote layouts for emphasis (use only for real quotes with attribution)

Slide Modification Guide

Workflows for modifying individual slides after initial generation.

Edit Single Slide

Regenerate a specific slide with modified content:

1. Identify slide to edit (e.g., 03-slide-key-findings.png) 2. Update prompt in prompts/03-slide-key-findings.md 3. If content changes significantly, update slug in filename 4. Regenerate image using same session ID 5. Regenerate PPTX and PDF

Add New Slide

Insert a new slide at specified position:

1. Specify insertion position (e.g., after slide 3) 2. Create new prompt with appropriate slug (e.g., 04-slide-new-section.md) 3. Generate new slide image 4. Renumber files: All subsequent slides increment NN by 1

• 04-slide-conclusion.png → 05-slide-conclusion.png
• Slugs remain unchanged

5. Update outline.md with new slide entry 6. Regenerate PPTX and PDF

Delete Slide

Remove a slide and renumber:

1. Identify slide to delete (e.g., 03-slide-key-findings.png) 2. Remove image file and prompt file 3. Renumber files: All subsequent slides decrement NN by 1

• 04-slide-conclusion.png → 03-slide-conclusion.png
• Slugs remain unchanged

4. Update outline.md to remove slide entry 5. Regenerate PPTX and PDF

File Naming Convention

Files use meaningful slugs for better readability:

NN-slide-[slug].png
NN-slide-[slug].md (in prompts/)

Examples:

• 01-slide-cover.png
• 02-slide-problem-statement.png
• 03-slide-key-findings.png
• 04-slide-back-cover.png

Slug Rules

Renumbering Rules

Important: Slugs remain unchanged during renumbering. Only the NN prefix changes.

Post-Modification Checklist

After any modification:

• [ ] Image file renamed/created correctly
• [ ] Prompt file renamed/created correctly
• [ ] Subsequent files renumbered (if add/delete)
• [ ] outline.md updated to reflect changes
• [ ] PPTX regenerated
• [ ] PDF regenerated
• [ ] Slide count in outline header updated

Outline Template

Standard structure for slide deck outlines with style instructions.

Outline Format

# Slide Deck Outline

**Topic**: [topic description]
**Style**: [preset name OR "custom"]
**Dimensions**: [texture] + [mood] + [typography] + [density]
**Audience**: [target audience]
**Language**: [output language]
**Slide Count**: N slides
**Generated**: YYYY-MM-DD HH:mm

---

<STYLE_INSTRUCTIONS>
Design Aesthetic: [2-3 sentence description combining dimension characteristics]

Background:
  Texture: [from texture dimension]
  Base Color: [from mood dimension palette]

Typography:
  Headlines: [from typography dimension - describe visual appearance]
  Body: [from typography dimension - describe visual appearance]

Color Palette:
  Primary Text: [Name] ([Hex]) - [usage]
  Background: [Name] ([Hex]) - [usage]
  Accent 1: [Name] ([Hex]) - [usage]
  Accent 2: [Name] ([Hex]) - [usage]

Visual Elements:
  - [element 1 from texture + mood combination]
  - [element 2 with rendering guidance]
  - ...

Density Guidelines:
  - Content per slide: [from density dimension]
  - Whitespace: [from density dimension]

Style Rules:
  Do: [guidelines from dimension combinations]
  Don't: [anti-patterns from dimension combinations]
</STYLE_INSTRUCTIONS>

---

[Slide entries follow...]

Building STYLE_INSTRUCTIONS from Dimensions

When using custom dimensions or presets, build STYLE_INSTRUCTIONS by combining:

1. Design Aesthetic

Combine characteristics from all four dimensions into 2-3 sentences:

2. Background

From references/dimensions/texture.md:

• Texture description
• Base color from mood palette

3. Typography

From references/dimensions/typography.md:

• Headline visual description (NOT font names)
• Body text visual description (NOT font names)

Important: Describe appearance for image generation: "bold geometric sans-serif with perfect circular O shapes" NOT "Inter font".

4. Color Palette

From references/dimensions/mood.md:

• Copy the palette specifications for the selected mood
• Include hex codes and usage notes

5. Visual Elements

Combine texture and mood characteristics:

6. Density Guidelines

From references/dimensions/density.md:

• Content per slide limits
• Whitespace requirements
• Element count guidelines

7. Style Rules

Combine dimension-specific rules:

Do rules by texture:

• clean: Maintain sharp edges, use grid alignment
• grid: Show precise measurements, use technical diagrams
• organic: Allow imperfection, layer with subtle overlaps
• pixel: Keep aliased edges, use chunky elements
• paper: Add subtle aging effects, use warm tones

Don't rules by texture:

• clean: Don't use hand-drawn elements
• grid: Don't use organic curves
• organic: Don't use perfect geometry
• pixel: Don't smooth edges
• paper: Don't use bright digital colors

Cover Slide Template

## Slide 1 of N

**Type**: Cover
**Filename**: 01-slide-cover.png

// NARRATIVE GOAL
[What this slide achieves in the story arc]

// KEY CONTENT
Headline: [main title]
Sub-headline: [supporting tagline]

// VISUAL
[Detailed visual description - specific elements, composition, mood]

// LAYOUT
Layout: [optional: layout name from gallery, e.g., title-hero]
[Composition, hierarchy, spatial arrangement]

Content Slide Template

## Slide X of N

**Type**: Content
**Filename**: {NN}-slide-{slug}.png

// NARRATIVE GOAL
[What this slide achieves in the story arc]

// KEY CONTENT
Headline: [main message - narrative, not label]
Sub-headline: [supporting context]
Body:
- [point 1 with specific detail]
- [point 2 with specific detail]
- [point 3 with specific detail]

// VISUAL
[Detailed visual description]

// LAYOUT
Layout: [optional: layout name from gallery]
[Composition, hierarchy, spatial arrangement]

Back Cover Slide Template

## Slide N of N

**Type**: Back Cover
**Filename**: {NN}-slide-back-cover.png

// NARRATIVE GOAL
[Meaningful closing - not just "thank you"]

// KEY CONTENT
Headline: [memorable closing statement or call-to-action]
Body: [optional summary points or next steps]

// VISUAL
[Visual that reinforces the core message]

// LAYOUT
Layout: [optional: layout name from gallery]
[Clean, impactful composition]

STYLE_INSTRUCTIONS Block

The <STYLE_INSTRUCTIONS> block is the SINGLE SOURCE OF TRUTH for style information in this outline.

Important:

• Typography descriptions must describe visual appearance (e.g., "rounded sans-serif", "bold geometric") since image generators cannot use font names
• Prompts should extract STYLE_INSTRUCTIONS from this outline, NOT re-read style files

Preset → Dimensions Reference

When using a preset, look up dimensions in references/dimensions/presets.md:

Section Dividers

Use --- (horizontal rule) between:

• Header metadata and STYLE_INSTRUCTIONS
• STYLE_INSTRUCTIONS and first slide
• Each slide entry

Slide Numbering

• Cover is always Slide 1
• Content slides use sequential numbers
• Back Cover is always final slide (N)
• Filename prefix matches slide position: 01-, 02-, etc.

Filename Slugs

Generate meaningful slugs from slide content:

Slug rules:

• Kebab-case (lowercase, hyphens)
• Derived from headline or main topic
• Maximum 30 characters
• Unique within deck

blueprint

Precise technical blueprint style with professional analytical visual presentation

Design Aesthetic

Clean, structured visual metaphors using blueprints, diagrams, and schematics. Precise, analytical and aesthetically refined. Information presented in triptych or grid-based layouts with engineering precision.

Background

• Color: Blueprint Off-White (#FAF8F5)
• Texture: Subtle grid overlay, light engineering paper feel

Typography

Primary Font (Headlines)

Neue Haas Grotesk Display Pro or similar clean sans-serif. Bold weight for titles. Precise letterforms with consistent spacing. Technical, authoritative presence.

Secondary Font (Body)

Tiempos Text or similar elegant serif for body explanations. Clean, readable at smaller sizes. Professional editorial quality.

Color Palette

Visual Elements

• Precise lines with consistent stroke weights
• Technical schematics and clean vector graphics
• Thin line work in technical drawing style
• Connection lines use straight lines or 90-degree angles only
• Data visualization with clean, minimal charts
• Dimension lines and measurement indicators
• Cross-section style diagrams
• Isometric or orthographic projections

Style Rules

Do

• Maintain consistent line weights throughout
• Use grid alignment for all elements
• Keep color palette restrained and unified
• Create clear visual hierarchy through scale
• Use geometric precision for all shapes

Don't

• Use hand-drawn or organic shapes
• Add decorative flourishes
• Use curved connection lines
• Include photographic elements
• Add slide numbers, footers, or logos

Best For

Technical architecture, system design, data analysis, professional business presentations, engineering documentation, process flows

bold-editorial

High-impact magazine editorial style with bold visual expression

Design Aesthetic

Strong visual impact at magazine cover level. Bold typography and dramatic contrast. Full-bleed imagery and large color blocks create commanding presence. Every slide feels like a premium publication cover.

Background

• Color: Deep Black (#0A0A0A) primary, or Deep Blue (#0F172A) alternative
• Texture: None - clean solid backgrounds, or pure white with bold color blocks

Typography

Primary Font (Headlines)

Bold condensed typeface like Impact, Oswald Bold, or Bebas Neue. Oversized headlines that dominate the slide. All-caps for maximum impact. Tight letter-spacing.

Secondary Font (Body)

Clean sans-serif such as Inter, SF Pro, or Helvetica Neue. Medium weight for body text. High contrast against background.

Color Palette

Visual Elements

• Strong typography as visual element itself
• Geometric shapes and bold color blocks
• Full-bleed images or solid color backgrounds
• High contrast gradients (subtle, not garish)
• Minimal decoration - let content speak
• Dynamic diagonal lines and angles
• Dramatic lighting effects on text

Style Rules

Do

• Use extreme scale contrast (huge headlines, small body)
• Create bold color block compositions
• Let negative space create tension
• Use full-bleed backgrounds
• Make every slide feel like a magazine cover

Don't

• Use soft or muted colors
• Add unnecessary decorative elements
• Create busy, cluttered layouts
• Use thin or delicate typography
• Add slide numbers, footers, or logos

Best For

Product launches, marketing presentations, keynote speeches, brand showcases, investor pitches, high-stakes presentations

chalkboard

Black chalkboard background with colorful chalk drawing style

Design Aesthetic

Classic classroom chalkboard aesthetic with hand-drawn chalk illustrations. Nostalgic educational feel with imperfect, sketchy lines that capture the warmth of traditional teaching. Colorful chalk creates visual hierarchy while maintaining the authentic chalkboard experience.

Background

• Color: Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)
• Texture: Realistic chalkboard texture with subtle scratches, dust particles, and faint eraser marks

Typography

Primary Font (Headlines)

Hand-drawn chalk lettering style. Bold, slightly uneven strokes with visible chalk texture. Imperfect baseline adds authenticity. White or bright colored chalk for emphasis.

Secondary Font (Body)

Neater chalk handwriting for readability. Consistent sizing with natural variation. Light chalk texture, thinner strokes than headlines.

Color Palette

Visual Elements

• Hand-drawn chalk illustrations with sketchy, imperfect lines
• Chalk dust effects around text and key elements
• Doodles: stars, arrows, underlines, circles, checkmarks
• Mathematical formulas and simple diagrams
• Eraser smudges and chalk residue textures
• Wooden frame border optional
• Stick figures and simple icons
• Connection lines with hand-drawn feel

Style Rules

Do

• Maintain authentic chalk texture on all elements
• Use imperfect, hand-drawn quality throughout
• Add subtle chalk dust and smudge effects
• Create visual hierarchy with color variety
• Include playful doodles and annotations

Don't

• Use perfect geometric shapes
• Create clean digital-looking lines
• Add photorealistic elements
• Use gradients or glossy effects
• Add slide numbers, footers, or logos

Best For

Educational presentations, classroom content, tutorials, teaching materials, back-to-school themes, workshop presentations, informal learning sessions, knowledge sharing

corporate

Professional business style with navy/gold palette and structured layouts

Design Aesthetic

Clean lines, structured layouts, and business-appropriate sophistication. Projects competence, reliability, and institutional credibility. Balances professionalism with approachability through careful use of whitespace and refined color choices.

Background

• Color: Pure White (#FFFFFF) with navy structural elements
• Texture: None - crisp digital clarity for maximum professionalism

Typography

Primary Font (Headlines)

Modern geometric sans-serif (Inter, SF Pro, or similar). Clean, professional, and highly legible. Conveys competence and contemporary business sensibility. Medium to semi-bold weight.

Secondary Font (Body)

Humanist sans-serif (Source Sans Pro style) for body text. Friendly yet professional, optimized for reading comprehension. Regular weight with comfortable line height.

Color Palette

Visual Elements

• Clean charts and data visualizations
• Professional iconography (outlined style)
• Structured grid layouts
• Subtle shadows for depth (minimal)
• Progress bars and metrics displays
• Organizational charts
• Timeline graphics
• Comparison tables

Style Rules

Do

• Maintain clear visual hierarchy
• Use consistent grid alignment
• Apply accent colors strategically (gold for emphasis)
• Keep data visualizations clean and readable
• Use professional outlined iconography

Don't

• Use playful or casual elements
• Apply heavy decorative effects
• Mix too many accent colors
• Crowd slides with information
• Use informal illustration styles
• Add slide numbers, footers, or logos

Best For

Business presentations, investor decks, quarterly reports, executive summaries, client proposals, corporate communications, board meetings

dark-atmospheric

Dark moody aesthetic with deep colors and glowing accent elements

Design Aesthetic

Cinematic dark mode aesthetic with atmospheric depth. Deep purples, blacks, and rich shadows with glowing accents creating dramatic visual contrast. Mysterious, sophisticated, and visually striking. Perfect for evening events, creative industries, and premium brand presentations.

Background

• Color: Deep Purple-Black (#0D0D1A) or Rich Navy (#1A1A2E)
• Texture: Subtle gradient from darker edges to slightly lighter center, atmospheric fog effect

Typography

Primary Font (Headlines)

Elegant serif or refined sans-serif in light/white. High contrast against dark background. Medium to bold weight. Letterforms may have subtle glow effect.

Secondary Font (Body)

Clean sans-serif in light gray or muted white. Readable against dark backgrounds. Regular weight with generous line height.

Color Palette

Visual Elements

• Glowing accent elements and borders
• Subtle gradient backgrounds
• Atmospheric fog or particle effects
• Neon-style highlights on key elements
• Silhouettes with backlit edges
• Audio waveforms or sound visualizations
• Radiating light circles and orbs
• Cinematic letterboxing optional

Style Rules

Do

• Maintain high contrast for readability
• Use glowing effects sparingly for emphasis
• Create atmospheric depth with gradients
• Design dramatic visual focal points
• Keep text crisp against dark backgrounds

Don't

• Overuse neon effects (less is more)
• Create low-contrast text combinations
• Use bright backgrounds
• Add cluttered busy elements
• Add slide numbers, footers, or logos

Best For

Entertainment presentations, music and audio content, creative agency pitches, evening events, premium brand reveals, gaming content, cinematic storytelling, tech product launches

editorial-infographic

Modern magazine-style editorial infographic with clear visual storytelling

Design Aesthetic

High-quality magazine explainer aesthetic. Clear visual storytelling that transforms complex information into digestible narratives. Clean illustrations, structured layouts, and professional typography. Think Wired, The Verge, or high-end science publications.

Background

• Color: Pure White (#FFFFFF) or Light Gray (#F8F9FA)
• Texture: None or subtle paper grain for print feel

Typography

Primary Font (Headlines)

Bold display serif or modern sans-serif. Strong visual presence. Clean letterforms with editorial sophistication. Large scale for impact.

Secondary Font (Subheads)

Semi-bold sans-serif for section headers. Clear hierarchy distinction from body text. Consistent styling throughout.

Body Font

Humanist sans-serif optimized for reading. Clean, professional, accessible. Comfortable line height (1.6).

Color Palette

Visual Elements

• Clean flat illustrations (not photos)
• Structured multi-section layouts
• Callout boxes for key insights
• Icon-based data visualization
• Visual metaphors for abstract concepts
• Flow diagrams with clear directional hierarchy
• Pull quotes and highlight boxes
• Section dividers and visual breaks

Style Rules

Do

• Create clear visual narrative flow
• Use structured multi-section layouts
• Include callout boxes for key insights
• Design visual metaphors for complex ideas
• Maintain magazine-quality polish

Don't

• Use photographic imagery
• Create cluttered dense layouts
• Mix too many visual styles
• Add decorative elements without purpose
• Add slide numbers, footers, or logos

Best For

Technology explainers, science communication, research summaries, policy briefings, investigative content, educational deep-dives, thought leadership pieces

fantasy-animation

Whimsical hand-drawn animation style inspired by classic fantasy illustration

Design Aesthetic

Charming hand-drawn animation aesthetic reminiscent of classic Disney, Studio Ghibli, or European storybook illustration. Soft, painterly textures with warm, inviting colors. Friendly characters, magical elements, and storybook layouts. Enchanting, nostalgic, and emotionally engaging.

Background

• Color: Soft Sky Blue (#E8F4FC) or Warm Cream (#FFF8E7)
• Texture: Subtle watercolor wash, soft brush strokes, gentle paper texture

Typography

Primary Font (Headlines)

Whimsical serif or decorative hand-lettered style. Slight curvature and organic feel. Warm, friendly character. Think fairy tale book titles.

Secondary Font (Body)

Rounded sans-serif or casual handwritten style. Friendly and readable. Maintains storybook aesthetic while staying legible.

Color Palette

Visual Elements

• Central illustrated character (friendly, expressive)
• Small companion creatures (animals, magical beings)
• Storybook-style environment backgrounds
• Magical floating objects (books, bags, boxes, orbs)
• Decorative elements: stars, sparkles, flowers, leaves
• Soft shadows and gentle highlights
• Layered depth with foreground/background elements
• Themed content containers (trunks, satchels, scroll boxes)

Style Rules

Do

• Create warm, inviting compositions
• Use soft edges and painterly textures
• Include charming character illustrations
• Add magical decorative touches
• Maintain storybook narrative feel

Don't

• Use harsh geometric shapes
• Create dark or intimidating imagery
• Add photorealistic elements
• Use cold color palettes
• Add slide numbers, footers, or logos

Best For

Educational content, children's presentations, storytelling, creative workshops, book presentations, fantasy/gaming content, inspirational talks, family-friendly events

intuition-machine

Technical briefing infographic style with aged paper texture and bilingual explanatory text boxes

Design Aesthetic

Academic/technical briefing presentation style, NOT artistic 3D renders. Clean 2D or isometric technical illustrations with multiple explanatory text boxes containing article content. Split layouts with visuals on left/center and text on right/bottom. Information-dense but organized with clear visual hierarchy. Vintage blueprint aesthetic with modern clarity.

Background

• Color: Aged Cream (#F5F0E6)
• Texture: Subtle paper texture with light creases, warm nostalgic feel reminiscent of vintage technical prints

Typography

Primary Font (Headlines)

Bold display font in dark maroon, ALL CAPS in brackets for main titles. English subtitle below in smaller size. Technical, authoritative presence with vintage character.

Secondary Font (Labels)

Clean sans-serif for bilingual callout labels. Format: "ENGLISH TERM 中文翻译". High contrast against background.

Body Font

Clean geometric sans-serif for text box content. Readable at smaller sizes. Consistent weight throughout.

Color Palette

Visual Elements

• Isometric 3D technical illustrations OR flat 2D diagrams (choose based on concept)
• 3-5 explanatory text boxes per slide with labeled content
• Bilingual callout labels pointing to key parts
• Faded thematic background patterns (circuits, gears, flowcharts related to topic)
• Clean black outlines on all elements
• Split or triptych layouts
• "KEY QUOTE:" box at bottom with core insight
• No title blocks, stamps, or watermarks in corners

Style Rules

Do

• Include 3-5 text boxes with substantive content from source material
• Use bilingual labels (English + Chinese) for key elements
• Add faded thematic background patterns related to the topic
• Maintain aged paper texture throughout
• Create clear visual hierarchy with split layouts

Don't

• Create photorealistic renders or artistic 3D scenes
• Leave slides without explanatory text content
• Add title blocks or stamps in corners
• Use gradients or glossy effects
• Add slide numbers, footers, or logos

Best For

Technical explanations, concept breakdowns, academic presentations, knowledge documentation, research summaries, educational content with depth, bilingual audiences

minimal

Ultra-clean keynote style with maximum whitespace and zen-like simplicity

Design Aesthetic

Maximum whitespace with minimal elements. Zen-like simplicity where every element earns its place. Premium, refined aesthetic suitable for executive audiences. Less is more - remove until nothing more can be taken away.

Background

• Color: Pure White (#FFFFFF)
• Texture: None - absolute clean, no grain or patterns

Typography

Primary Font (Headlines)

Clean geometric sans-serif like SF Pro Display, Inter, or Helvetica Neue. Light to medium weight for elegant restraint. Generous letter-spacing. Large scale for impact without boldness.

Secondary Font (Body)

Same family as headlines in lighter weight. Minimal size contrast. Clean, airy feeling throughout.

Color Palette

Visual Elements

• Single accent color used sparingly
• Thin hairline rules for separation
• Generous margins (minimum 15% on all sides)
• Center or left-aligned layouts
• Simple geometric shapes only when necessary
• No decorative elements
• Data visualizations in single color or grayscale

Style Rules

Do

• Embrace empty space as a design element
• Use single accent color only
• Keep text minimal (10 words or less per slide)
• Create breathing room between elements
• Use scale to create hierarchy

Don't

• Fill empty space with decoration
• Use multiple accent colors
• Add icons or illustrations unless essential
• Create dense information layouts
• Add slide numbers, footers, or logos

Best For

Executive briefings, keynote presentations, premium brand communications, minimalist products, investor meetings, high-level strategy

notion

SaaS dashboard aesthetic with clean data focus and productivity tool styling

Design Aesthetic

Clean, functional SaaS interface aesthetic. Dashboard-inspired layouts with clear data hierarchy. Notion, Linear, and modern productivity tool styling. Information-dense but organized. Professional and trustworthy.

Background

• Color: Light Gray (#F7F7F5) or Pure White (#FFFFFF)
• Texture: None - clean solid backgrounds

Typography

Primary Font (Headlines)

System UI stack or Inter. Semi-bold weight for emphasis. Clean, functional letterforms. Slightly tighter letter-spacing.

Secondary Font (Body)

Same family in regular weight. Optimized for screen reading. Comfortable line height (1.5-1.6).

Color Palette

Visual Elements

• Card-based layouts with subtle borders or shadows
• Clean data tables and charts
• Progress bars and metric displays
• Icon-based navigation hints
• Checkbox and toggle styling
• Tag and label chips
• Subtle hover state styling
• Breadcrumb and hierarchy indicators

Style Rules

Do

• Use card-based content organization
• Create clear data hierarchy
• Use subtle shadows and borders
• Keep layouts grid-aligned
• Present metrics prominently

Don't

• Use decorative illustrations
• Add gradients or complex backgrounds
• Create artistic layouts
• Use rounded blob shapes
• Add slide numbers, footers, or logos

Best For

Product demos, SaaS presentations, productivity tool pitches, metrics dashboards, feature walkthroughs, B2B presentations, technical product marketing

pixel-art

Retro 8-bit pixel art aesthetic with nostalgic gaming visual style

Design Aesthetic

Pixelated retro aesthetic reminiscent of classic 8-bit and 16-bit era games. Chunky pixels, limited color palettes, and nostalgic gaming references. Simple geometric shapes rendered in blocky pixel form. Fun, playful, and immediately recognizable retro tech aesthetic.

Background

• Color: Light Blue (#87CEEB) or Soft Lavender (#E6E6FA)
• Texture: Subtle pixel grid pattern, CRT scanline effect optional

Typography

Primary Font (Headlines)

Pixelated bitmap font style. Chunky, blocky letterforms with visible pixel structure. All caps for maximum readability. Render as actual pixel art, not smooth vectors.

Secondary Font (Body)

Smaller pixel font with consistent 8x8 or 16x16 character grid. High contrast against background. Limited anti-aliasing to maintain retro feel.

Color Palette

Visual Elements

• All elements rendered with visible pixel structure
• Simple iconography: notepad, checkboxes, gears, rockets, play buttons
• Text bubbles and speech boxes with pixel borders
• 8-bit style decorative elements: stars, hearts, arrows
• Progress bars with chunky pixel segments
• Dithering patterns for gradients and shadows
• Limited to 16-32 color palette per slide

Style Rules

Do

• Maintain consistent pixel grid throughout
• Use limited color palette (16-32 colors max)
• Create blocky, geometric shapes
• Add nostalgic gaming references where appropriate
• Use dithering for color transitions

Don't

• Use smooth gradients or anti-aliasing
• Create photorealistic elements
• Use thin lines or fine details
• Add modern glossy effects
• Add slide numbers, footers, or logos

Best For

Gaming presentations, tech tutorials, nostalgic content, developer talks, retro-themed events, educational content for younger audiences, creative tech presentations

scientific

Educational scientific illustration style for pathways, processes, and technical diagrams

Design Aesthetic

Academic scientific illustration aesthetic for biological pathways, chemical processes, and technical systems. Clean, precise diagrams with proper labeling and clear visual flow. Educational clarity with professional polish. Think textbook quality illustrations and academic journal figures.

Background

• Color: Off-White (#FAFAFA) or Light Blue-Gray (#F0F4F8)
• Texture: None or very subtle paper grain for print feel

Typography

Primary Font (Headlines)

Clean serif font (Times New Roman style) for formal academic feel. Bold weight for main titles. Professional, authoritative presence.

Secondary Font (Labels)

Sans-serif for diagram labels and annotations. Clear, readable at small sizes. Consistent sizing for hierarchy.

Body Font

Serif for body paragraphs, sans-serif for bullet points and lists. Academic publication styling.

Color Palette

Visual Elements

• Horizontal membrane or structure bases
• Labeled modular components with distinct colors
• Flow arrows (electron, proton, molecule movement)
• Chemical formulas and molecular notation
• Cross-section and pathway diagrams
• Numbered step sequences
• Key molecule callouts
• Process summary boxes

Style Rules

Do

• Use precise, consistent line weights
• Label all components clearly
• Show directional flow with arrows
• Include chemical/molecular notation where relevant
• Create clear numbered sequences

Don't

• Use decorative illustrations
• Create imprecise or artistic diagrams
• Omit important labels
• Use inconsistent visual language
• Add slide numbers, footers, or logos

Best For

Biology lectures, chemistry presentations, medical education, research presentations, academic papers, scientific conferences, textbook illustrations, process documentation

sketch-notes

Soft hand-drawn illustration style with fresh, refined minimalist editorial aesthetic

Design Aesthetic

Illustration or hand-drawn feel with soft, relaxed brush strokes. Fresh, refined overall 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, slightly warm tone to avoid clinical feel

Typography

Primary Font (Headlines)

Bold hand-written marker font or cartoon poster font. Slightly uneven baseline for organic feel. Thick strokes with soft edges. Render as hand-drawn letters, not typed text.

Secondary Font (Body)

Clear handwritten round or hard-pen style mimicking everyday notes. Consistent sizing with slight natural variation. Render as casual handwriting, legible but not mechanical.

Color Palette

Visual Elements

• Connection lines with hand-drawn wavy feel, not perfectly straight
• Conceptual abstract icons illustrating ideas rather than literal scenes
• Color fills don't need to completely fill outlines - preserve hand-painted casual feel
• Simple geometric shapes with rounded corners
• Arrows and pointers with sketchy, informal style
• Doodle-style decorative elements: stars, spirals, underlines

Style Rules

Do

• Keep layouts open and well-structured
• Emphasize information hierarchy and readability
• 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
• Add slide numbers, footers, or logos

Best For

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

vector-illustration

Flat vector illustration style with clear black outlines and retro soft color palette

Design Aesthetic

Flat vector illustration with no gradients or 3D effects. Clear, uniform-thickness black outlines on all elements. Geometric simplification reducing complex objects to basic shapes. Toy model aesthetic that's cute, playful, and approachable. Panoramic horizontal compositions work well.

Background

• Color: Cream Off-White (#F5F0E6)
• Texture: Subtle paper texture, warm nostalgic feel reminiscent of vintage prints

Typography

Primary Font (Headlines)

Large, bold retro serif for titles conveying authority and elegance. Think classic advertising posters. Clean letterforms with strong presence.

Secondary Font (Subtitles)

All-caps sans-serif inside colored rectangular blocks. Label-like appearance. High contrast against block color.

Body Font

Clean geometric sans-serif for readability. Futura, Avenir, or similar. Consistent weight throughout.

Color Palette

Visual Elements

• All objects have closed black outlines (coloring book style)
• Rounded line endings, avoid sharp corners
• Trees simplified to lollipop or triangle shapes
• Buildings simplified to rectangular blocks with grid windows
• 2.5D perspective (isometric-like but more free-form)
• Depth through layering and overlap, not atmospheric perspective
• Decorative geometric elements: radiating lines (sunbursts), pill-shaped clouds, dots, stars
• People as simple geometric figures with minimal facial detail

Style Rules

Do

• Maintain consistent outline thickness throughout
• Use soft, vintage color palette
• Simplify all objects to basic geometric shapes
• Create depth through layering
• Add playful decorative elements

Don't

• Use gradients or realistic shading
• Create photorealistic elements
• Use thin or varying line weights
• Include complex detailed illustrations
• Add slide numbers, footers, or logos

Best For

Educational presentations, creative proposals, children's content, brand showcases, warm approachable topics, explainer content

vintage

Vintage aged-paper aesthetic for historical and expedition-style presentations

Design Aesthetic

Nostalgic vintage aesthetic with aged paper textures and historical document styling. Think explorer's journals, antique maps, and museum exhibits. Rich warm tones with weathered textures. Evokes discovery, heritage, and timeless knowledge.

Background

• Color: Aged Parchment (#F5E6D3) or Sepia Cream (#FFF8DC)
• Texture: Heavy aged paper texture with subtle creases, coffee stains, and worn edges

Typography

Primary Font (Headlines)

Classic serif with historical character (Garamond, Baskerville, or similar). Elegant, authoritative, timeless. May include decorative flourishes.

Secondary Font (Labels)

Condensed serif or clean sans-serif for map labels and annotations. Period-appropriate styling. Consistent with vintage aesthetic.

Body Font

Readable serif for longer text. Traditional book typography. Comfortable reading experience.

Color Palette

Visual Elements

• Antique maps with route lines and landmarks
• Compass roses and nautical elements
• Expedition ship or vehicle illustrations
• Specimen drawings (flora, fauna, fossils)
• Handwritten-style annotations
• Rope, leather, and brass decorative motifs
• Wave and terrain texture patterns
• Vintage photograph-style image frames

Style Rules

Do

• Apply consistent aged texture throughout
• Use period-appropriate visual language
• Include map and journey elements where relevant
• Create layered collage compositions
• Maintain warm sepia-toned palette

Don't

• Use modern digital styling
• Create crisp clean edges
• Use cold or bright colors
• Add contemporary elements
• Add slide numbers, footers, or logos

Best For

Historical presentations, travel and exploration content, museum exhibits, heritage brand storytelling, biography presentations, scientific discovery narratives, educational history content

watercolor

Soft watercolor illustration style with hand-painted textures and natural warmth

Design Aesthetic

Gentle watercolor aesthetic with visible brush strokes and natural color bleeding. Hand-painted feel with soft edges and organic shapes. Warm, approachable, and artistically refined. Combines artistic expression with clear information delivery.

Background

• Color: Warm Off-White (#FAF8F0) or Soft Cream (#FFF9E6)
• Texture: Subtle watercolor paper texture with visible grain

Typography

Primary Font (Headlines)

Elegant handwritten or brush script for titles. Organic letterforms with natural variation. Warm, personal feeling. May appear as actual hand-painted lettering.

Secondary Font (Body)

Clean rounded sans-serif or casual handwriting style. Readable at smaller sizes. Maintains artistic cohesion while staying functional.

Color Palette

Visual Elements

• Watercolor washes as section backgrounds
• Illustrated icons with visible brush strokes
• Natural elements: leaves, bubbles, flowers
• Color bleeds and soft edges on all elements
• Hand-drawn arrows and connection lines
• Labeled diagrams with watercolor fills
• Small expressive character illustrations
• Decorative nature accents scattered thoughtfully

Style Rules

Do

• Allow color to bleed beyond sharp edges
• Use visible brush stroke textures
• Create soft, organic shapes
• Include hand-drawn quality in all elements
• Maintain warm, inviting color palette

Don't

• Use sharp geometric shapes
• Create hard edges or digital precision
• Use cold or stark colors
• Add photographic elements
• Add slide numbers, footers, or logos

Best For

Lifestyle content, wellness presentations, travel guides, food and cooking content, personal stories, creative workshops, artistic portfolios, warm educational content