
Ppt Master
- 11.1k installs
- 43k repo stars
- Updated August 4, 2026
- hugohe3/ppt-master
ppt-master is an agent skill documented in hugohe3/ppt-master.
About
# ───────────────────────────────────────────────────────────── # Image Generation Configuration / 图片生成配置 # ───────────────────────────────────────────────────────────── # This file is an optional fallback config source for image_gen.py. # Current process environment variables take precedence over this file. # 当前文件是 image_gen.py 的可选 fallback 配置来源。 # 当前进程环境变量优先于这个文件。 # # Resolution order (only the FIRST existing file is read; keys are NOT merged across files): # 1. ./.env in your current working directory # 2. <skill-dir>/.env (skill install, e.g. ~/.agents/skills/ppt-master/.env) # 3. <repo-root>/.env (when running from a clone) # 4. ~/.ppt-master/.env (user-level config) # 查找顺序(只读第一个存在的文件,多个 .env 之间不合并): # 1. skill 安装目录下的 .env(如 ~/.agents/skills/ppt-master/.env) # 3. 仓库根目录下的 .env(仅在 clone 模式下) # 4. ~/.ppt-master/.env(用户级配置) # Active backend (required) / 当前启用后端(必需) # Recommended core backends: openai / gemini / qwen / zhipu / volcengine # 推荐核心后端:openai / gemini / qwen / zhipu / volcengine # IMAGE_BACKEND=openai # You may also provide the same variables directly via the current process environment. # 也可以不写 .env,而是直接通过当前运行进程的环境变量提供同样的配置。 # IMPORTANT: # - IMAGE_API_KEY / IMAGE_MODEL.
- ─────────────────────────────────────────────────────────────
- Image Generation Configuration / 图片生成配置
- ─────────────────────────────────────────────────────────────
- This file is an optional fallback config source for image_gen.py.
- Current process environment variables take precedence over this file.
Ppt Master by the numbers
- 11,057 all-time installs (skills.sh)
- +628 installs in the week ending Aug 5, 2026 (Skillselion tracking)
- Ranked #76 of 4,347 Backend & APIs skills by installs in the Skillselion catalog
- Security screen: MEDIUM risk (skills.sh audit)
- Data as of Aug 5, 2026 (Skillselion catalog sync)
ppt-master capabilities & compatibility
- Capabilities
- ──────────────────────────────────────────────── · image generation configuration / 图片生成配置 · this file is an optional fallback config source · current process environment variables take prece
- Use cases
- documentation
What ppt-master says it does
# Current process environment variables take precedence over this file.
# 当前文件是 image_gen.py 的可选 fallback 配置来源。 # 当前进程环境变量优先于这个文件。 # # Resolution order (only the FIRST existing file is read; keys are NOT merged across files): # 1.
./.env in your current working directory # 2.
<repo-root>/.env (when running from a clone) # 4.
npx skills add https://github.com/hugohe3/ppt-master --skill ppt-masterAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 11.1k |
|---|---|
| repo stars | ★ 43k |
| Security audit | 2 / 3 scanners passed |
| Last updated | August 4, 2026 |
| Repository | hugohe3/ppt-master ↗ |
What problem does ppt-master solve for developers using this skill?
# ───────────────────────────────────────────────────────────── # Image Generation Configuration / 图片生成配置 # ───────────────────────────────────────────────────────────── # This file is an optional fal
Who is it for?
Developers who need ppt-master patterns described in the cached skill documentation.
Skip if: Skip when docs are empty or the task is outside the skill's documented scope.
When should I use this skill?
User asks about ppt-master or triggers the skill by name.
What you get
Actionable workflows and conventions from SKILL.md for ppt-master.
- presentation slides
- generated images
By the numbers
- Resolves configuration across 4 .env fallback paths for image_gen.py
Files
─────────────────────────────────────────────────────────────
Image Generation Configuration / 图片生成配置
─────────────────────────────────────────────────────────────
This file is an optional fallback config source for image_gen.py.
Current process environment variables take precedence over this file.
当前文件是 image_gen.py 的可选 fallback 配置来源。
当前进程环境变量优先于这个文件。
#
Resolution order (only the FIRST existing file is read; keys are NOT merged across files):
1. ./.env in your current working directory
2. <skill-dir>/.env (skill install, e.g. ~/.agents/skills/ppt-master/.env)
3. <repo-root>/.env (when running from a clone)
4. ~/.ppt-master/.env (user-level config)
查找顺序(只读第一个存在的文件,多个 .env 之间不合并):
1. 当前工作目录下的 ./.env
2. skill 安装目录下的 .env(如 ~/.agents/skills/ppt-master/.env)
3. 仓库根目录下的 .env(仅在 clone 模式下)
4. ~/.ppt-master/.env(用户级配置)
Active backend (required) / 当前启用后端(必需)
Recommended core backends: openai / gemini / qwen / zhipu / volcengine
推荐核心后端:openai / gemini / qwen / zhipu / volcengine
IMAGE_BACKEND=openai
You may also provide the same variables directly via the current process environment.
也可以不写 .env,而是直接通过当前运行进程的环境变量提供同样的配置。
IMPORTANT:
- IMAGE_API_KEY / IMAGE_MODEL / IMAGE_BASE_URL are no longer supported.
- Use provider-specific keys only.
重要:
- 不再支持 IMAGE_API_KEY / IMAGE_MODEL / IMAGE_BASE_URL。
- 请只使用各提供商自己的变量。
─────────────────────────────────────────────────────────────
Example: OpenAI / OpenAI 示例 (recommended / 推荐)
─────────────────────────────────────────────────────────────
IMAGE_BACKEND=openai
OPENAI_API_KEY=sk-xxx
OPENAI_MODEL=gpt-image-2
OPENAI_BASE_URL=http://127.0.0.1:3000/v1
Allowed values: png / jpeg / webp
OPENAI_OUTPUT_FORMAT=png
jpeg/webp only, 0-100
OPENAI_OUTPUT_COMPRESSION=80
gpt-image-2: auto / opaque
OPENAI_BACKGROUND=auto
auto / low
OPENAI_MODERATION=auto
─────────────────────────────────────────────────────────────
Example: Gemini / Gemini 示例
─────────────────────────────────────────────────────────────
IMAGE_BACKEND=gemini
GEMINI_API_KEY=your-gemini-api-key
GEMINI_MODEL=gemini-3.1-flash-image-preview
GEMINI_BASE_URL=https://your-proxy-url.com
─────────────────────────────────────────────────────────────
Example: MiniMax / MiniMax 示例
─────────────────────────────────────────────────────────────
IMAGE_BACKEND=minimax
MINIMAX_API_KEY=your-minimax-key
MINIMAX_MODEL=image-01
Default China endpoint / 默认国内地址
MINIMAX_BASE_URL=https://api.minimaxi.com/v1/image_generation
Optional overseas endpoint / 可选海外地址
MINIMAX_BASE_URL=https://api.minimax.io/v1/image_generation
─────────────────────────────────────────────────────────────
Example: Qwen / 通义生图示例
─────────────────────────────────────────────────────────────
IMAGE_BACKEND=qwen
QWEN_API_KEY=your-dashscope-key
QWEN_MODEL=qwen-image-2.0-pro
QWEN_BASE_URL=https://dashscope.aliyuncs.com/api/v1/services/aigc/text2image/image-synthesis
─────────────────────────────────────────────────────────────
Example: Zhipu / 智谱生图示例
─────────────────────────────────────────────────────────────
IMAGE_BACKEND=zhipu
ZHIPU_API_KEY=your-zhipu-key
ZHIPU_MODEL=glm-image
ZHIPU_BASE_URL=https://open.bigmodel.cn/api/paas/v4/images/generations
─────────────────────────────────────────────────────────────
Example: Volcengine / 火山引擎示例
─────────────────────────────────────────────────────────────
IMAGE_BACKEND=volcengine
VOLCENGINE_API_KEY=your-volcengine-key
VOLCENGINE_MODEL=doubao-seedream-4-5-251128
VOLCENGINE_BASE_URL=https://operator.las.cn-beijing.volces.com/api/v1/images/generations
─────────────────────────────────────────────────────────────
Extended / Experimental backends
扩展 / 实验后端
─────────────────────────────────────────────────────────────
STABILITY_API_KEY=your-stability-key
STABILITY_MODEL=stable-image-core
STABILITY_BASE_URL=https://api.stability.ai
#
BFL_API_KEY=your-bfl-key
BFL_MODE
# ─────────────────────────────────────────────────────────────
# Image Generation Configuration / 图片生成配置
# ─────────────────────────────────────────────────────────────
# This file is an optional fallback config source for image_gen.py.
# Current process environment variables take precedence over this file.
# 当前文件是 image_gen.py 的可选 fallback 配置来源。
# 当前进程环境变量优先于这个文件。
#
# Resolution order (only the FIRST existing file is read; keys are NOT merged across files):
# 1. ./.env in your current working directory
# 2. <skill-dir>/.env (skill install, e.g. ~/.agents/skills/ppt-master/.env)
# 3. <repo-root>/.env (when running from a clone)
# 4. ~/.ppt-master/.env (user-level config)
# 查找顺序(只读第一个存在的文件,多个 .env 之间不合并):
# 1. 当前工作目录下的 ./.env
# 2. skill 安装目录下的 .env(如 ~/.agents/skills/ppt-master/.env)
# 3. 仓库根目录下的 .env(仅在 clone 模式下)
# 4. ~/.ppt-master/.env(用户级配置)
# Active backend (required) / 当前启用后端(必需)
# Recommended core backends: openai / gemini / qwen / zhipu / volcengine
# 推荐核心后端:openai / gemini / qwen / zhipu / volcengine
# IMAGE_BACKEND=openai
# You may also provide the same variables directly via the current process environment.
# 也可以不写 .env,而是直接通过当前运行进程的环境变量提供同样的配置。
# IMPORTANT:
# - IMAGE_API_KEY / IMAGE_MODEL / IMAGE_BASE_URL are no longer supported.
# - Use provider-specific keys only.
# 重要:
# - 不再支持 IMAGE_API_KEY / IMAGE_MODEL / IMAGE_BASE_URL。
# - 请只使用各提供商自己的变量。
# ─────────────────────────────────────────────────────────────
# Example: OpenAI / OpenAI 示例 (recommended / 推荐)
# ─────────────────────────────────────────────────────────────
# IMAGE_BACKEND=openai
# OPENAI_API_KEY=sk-xxx
# OPENAI_MODEL=gpt-image-2
# OPENAI_BASE_URL=http://127.0.0.1:3000/v1
# OpenAI-compatible providers may need these compatibility knobs.
# OpenAI-compatible 第三方平台可按需开启以下兼容参数。
# OPENAI_SIZE_PRESET=auto
# OPENAI_RESPONSE_FORMAT=auto
# OPENAI_QUALITY=auto
# Allowed values: png / jpeg / webp
# OPENAI_OUTPUT_FORMAT=png
# jpeg/webp only, 0-100
# OPENAI_OUTPUT_COMPRESSION=80
# gpt-image-2: auto / opaque
# OPENAI_BACKGROUND=auto
# auto / low
# OPENAI_MODERATION=auto
# ─────────────────────────────────────────────────────────────
# Example: Gemini / Gemini 示例
# ─────────────────────────────────────────────────────────────
# IMAGE_BACKEND=gemini
# GEMINI_API_KEY=your-gemini-api-key
# GEMINI_MODEL=gemini-3.1-flash-image-preview
# GEMINI_BASE_URL=https://your-proxy-url.com
# ─────────────────────────────────────────────────────────────
# Example: MiniMax / MiniMax 示例
# ─────────────────────────────────────────────────────────────
# IMAGE_BACKEND=minimax
# MINIMAX_API_KEY=your-minimax-key
# MINIMAX_MODEL=image-01
# Default China endpoint / 默认国内地址
# MINIMAX_BASE_URL=https://api.minimaxi.com/v1/image_generation
# Optional overseas endpoint / 可选海外地址
# MINIMAX_BASE_URL=https://api.minimax.io/v1/image_generation
# ─────────────────────────────────────────────────────────────
# Example: Qwen / 通义生图示例
# ─────────────────────────────────────────────────────────────
# IMAGE_BACKEND=qwen
# QWEN_API_KEY=your-dashscope-key
# QWEN_MODEL=qwen-image-2.0-pro
# QWEN_BASE_URL=https://dashscope.aliyuncs.com/api/v1/services/aigc/text2image/image-synthesis
# ─────────────────────────────────────────────────────────────
# Example: Zhipu / 智谱生图示例
# ─────────────────────────────────────────────────────────────
# IMAGE_BACKEND=zhipu
# ZHIPU_API_KEY=your-zhipu-key
# ZHIPU_MODEL=glm-image
# ZHIPU_BASE_URL=https://open.bigmodel.cn/api/paas/v4/images/generations
# ─────────────────────────────────────────────────────────────
# Example: Volcengine / 火山引擎示例
# ─────────────────────────────────────────────────────────────
# IMAGE_BACKEND=volcengine
# VOLCENGINE_API_KEY=your-volcengine-key
# VOLCENGINE_MODEL=doubao-seedream-4-5-251128
# VOLCENGINE_BASE_URL=https://operator.las.cn-beijing.volces.com/api/v1/images/generations
# ─────────────────────────────────────────────────────────────
# Extended / Experimental backends
# 扩展 / 实验后端
# ─────────────────────────────────────────────────────────────
# STABILITY_API_KEY=your-stability-key
# STABILITY_MODEL=stable-image-core
# STABILITY_BASE_URL=https://api.stability.ai
#
# BFL_API_KEY=your-bfl-key
# BFL_MODEL=flux-pro-1.1-ultra
# BFL_BASE_URL=https://api.bfl.ai
#
# IDEOGRAM_API_KEY=your-ideogram-key
# IDEOGRAM_MODEL=ideogram-v3
# IDEOGRAM_BASE_URL=https://api.ideogram.ai
#
# MINIMAX_API_KEY=your-minimax-key
# MINIMAX_MODEL=image-01
# Default China endpoint / 默认国内地址
# MINIMAX_BASE_URL=https://api.minimaxi.com/v1/image_generation
# Optional overseas endpoint / 可选海外地址
# MINIMAX_BASE_URL=https://api.minimax.io/v1/image_generation
#
# SILICONFLOW_API_KEY=your-siliconflow-key
# SILICONFLOW_MODEL=Qwen/Qwen-Image
# SILICONFLOW_BASE_URL=https://api.siliconflow.cn/v1/images/generations
#
# FAL_KEY=your-fal-key
# FAL_MODEL=fal-ai/imagen3/fast
# FAL_BASE_URL=https://fal.run
#
# REPLICATE_API_TOKEN=r8_xxx
# REPLICATE_MODEL=black-forest-labs/flux-1.1-pro
# REPLICATE_BASE_URL=https://api.replicate.com/v1/predictions
#
# OPENROUTER_API_KEY=sk-or-v1-xxx
# OPENROUTER_MODEL=google/gemini-3.1-flash-image-preview
# OPENROUTER_BASE_URL=https://openrouter.ai/api/v1
#
# OpenAI-compatible example: Agnes AI / OpenAI-compatible 示例:Agnes AI
# IMAGE_BACKEND=openai
# OPENAI_API_KEY=your-agnes-key
# OPENAI_MODEL=agnes-image-2.1-flash
# OPENAI_BASE_URL=https://apihub.agnes-ai.com/v1
# OPENAI_SIZE_PRESET=gpt-image-2
# OPENAI_RESPONSE_FORMAT=omit
# OPENAI_QUALITY=omit
#
# IMAGE_BACKEND=modelscope
# MODELSCOPE_API_KEY=your-modelscope-key
# MODELSCOPE_MODEL=Tongyi-MAI/Z-Image-Turbo
# MODELSCOPE_BASE_URL=https://api-inference.modelscope.cn/v1
# ─────────────────────────────────────────────────────────────
# Multi-provider example / 多提供商共存示例
# ─────────────────────────────────────────────────────────────
# IMAGE_BACKEND=openai
# OPENAI_API_KEY=sk-xxx
# OPENAI_MODEL=gpt-image-2
# OPENAI_OUTPUT_FORMAT=png
# GEMINI_API_KEY=your-gemini-api-key
# GEMINI_MODEL=gemini-3.1-flash-image-preview
#
# Switch providers by changing IMAGE_BACKEND only.
# 切换提供商时,只改 IMAGE_BACKEND 即可。
# ─────────────────────────────────────────────────────────────
# Audio narration TTS (notes_to_audio.py) / 旁白音频 TTS
# ─────────────────────────────────────────────────────────────
# edge-tts is the default narration backend and needs no API key.
# Use cloud providers only when you want high-quality or cloned voices —
# all four (ElevenLabs / MiniMax / Qwen / CosyVoice) accept a cloned voice_id.
# Clone the voice in the provider's console first, then pass --voice-id to
# notes_to_audio.py. See docs/audio-narration.md "Use a cloned voice".
# edge-tts 是默认旁白后端,无需 API Key。
# 需要高质量云端旁白或复刻音色时再配置云端提供商——
# ElevenLabs / MiniMax / Qwen / CosyVoice 四家都支持传入复刻 voice_id。
# 先在 provider 控制台复刻得到 voice_id,再用 --voice-id 传给 notes_to_audio.py。
# 详见 docs/zh/audio-narration.md "使用复刻音色"。
#
# ELEVENLABS_API_KEY=your-elevenlabs-api-key
# MINIMAX_API_KEY=your-minimax-key
# QWEN_API_KEY=your-dashscope-key
# COSYVOICE_API_KEY=your-dashscope-key
# DASHSCOPE_API_KEY=your-dashscope-key
#
# Optional provider-specific TTS endpoint overrides.
# 可选:按提供商覆盖 TTS 接入点。
# Default China endpoint / 默认国内地址
# MINIMAX_TTS_BASE_URL=https://api.minimaxi.com/v1/t2a_v2
# Optional overseas endpoint / 可选海外地址
# MINIMAX_TTS_BASE_URL=https://api.minimax.io/v1/t2a_v2
# QWEN_TTS_BASE_URL=https://dashscope-intl.aliyuncs.com/api/v1/services/aigc/multimodal-generation/generation
# COSYVOICE_TTS_BASE_URL=https://dashscope.aliyuncs.com/api/v1/services/audio/tts/SpeechSynthesizer
# ─────────────────────────────────────────────────────────────
# Web image search (image_search.py) / 网络图片搜索
# ─────────────────────────────────────────────────────────────
# Used by scripts/image_search.py — separate from IMAGE_BACKEND above.
# image_search.py 用,与上面的 IMAGE_BACKEND 互不影响。
#
# Openverse and Wikimedia work with no key, but image quality can be uneven.
# For polished stock-style PPT images, configure Pexels and/or Pixabay.
# Openverse 和 Wikimedia 无需 Key,但图片质量不稳定。
# 如需更稳定的商业图库风格 PPT 配图,建议配置 Pexels 和/或 Pixabay。
#
# Sign up: https://www.pexels.com/api/
# PEXELS_API_KEY=your-pexels-key
# Sign up: https://pixabay.com/api/docs/
# PIXABAY_API_KEY=your-pixabay-key
{
"project": "skills/ppt-master/references/ai-image-comparison/palette",
"generated_at": "2026-05-15",
"comparison_set": "palette",
"baseline": {
"rendering": "vector-illustration",
"subject": "a confident professional standing beside an upward growth chart, looking forward",
"note": "HEX is NOT fixed across this set — each palette uses its own typical HEX triplet, because palette is about color behavior + the HEX it expects. See _subject.md for full HEX table.",
"composition": "single-subject hero (image-generator.md §4.1 Primitive A)"
},
"deck_style_anchor": "Single subject hero composition, vector-illustration rendering: clean flat vector with bold shapes, sharp edges, no gradients, no shadows.",
"items": [
{
"filename": "cool-corporate.png",
"purpose": "Palette comparison — cool-corporate",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, no shadows, solid flat fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 60-70% of the canvas as calm breathing space; primary deep navy #1E3A5F carries the main subject in confident solid blocks; accent gold #D4AF37 appears only in one or two small emphasis points totaling under 5% of the area. No fourth color. Flat solid fills only — no metallic, no glossy reflections. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.",
"alt_text": "Cool-corporate palette: vector hero of professional and growth chart in deep navy on off-white with restrained gold accent",
"status": "Generated"
},
{
"filename": "warm-earth.png",
"purpose": "Palette comparison — warm-earth",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, no shadows, solid flat fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is warm-grounded: secondary warm cream #FEF3C7 carries about 55% of the canvas as soft breathing space; primary deep terracotta #9A3412 anchors the main subject and dominant forms in confident warm tones (about 32%); accent warm gold #D4AF37 appears in small concentrated pops totaling under 13%. Soft warm temperament throughout, no cool tones. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.",
"alt_text": "Warm-earth palette: vector hero of professional and growth chart in deep terracotta on cream with warm gold accent",
"status": "Generated"
},
{
"filename": "tech-neon.png",
"purpose": "Palette comparison — tech-neon",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, solid flat fills throughout (subtle 8%-opacity glow halos allowed for tech-neon energy). Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is tech-neon: secondary deep digital navy #0A0E27 covers about 50% of the canvas as the dark field; primary electric blue #0EA5E9 carries the main subject in confident saturated tones (about 35%) with a soft 8%-opacity glow halo around it; accent vivid cyan #06B6D4 appears in 10-15% as small bright pops on the chart, also with implied glow. High contrast between vivid foreground and dark digital background. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.",
"alt_text": "Tech-neon palette: vector hero of professional and chart in electric blue with cyan glow on deep digital navy",
"status": "Generated"
},
{
"filename": "editorial-classic.png",
"purpose": "Palette comparison — editorial-classic",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, solid flat fills throughout (subtle 8%-opacity paper grain texture allowed for editorial feel). Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is editorial-classic: secondary warm cream #FAF7F2 carries the magazine-paper field across about 55% of the canvas with subtle paper-grain texture at 8% opacity; primary deep navy #0F2C4C anchors the dominant subject in confident solid tone (about 30%); accent burnt orange #C2410C appears as a single thin horizontal rule and one small highlight marker totaling under 14%. Magazine-considered composition, deliberate breathing room. 12-20% inner safe-zone padding. No embedded text or readable labels.",
"alt_text": "Editorial-classic palette: vector hero of professional and chart with magazine feel, deep navy on warm cream with burnt orange rule",
"status": "Generated"
},
{
"filename": "macaron.png",
"purpose": "Palette comparison — macaron",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold rounded geometric shapes (slightly softer corners for macaron warmth), no gradients, solid flat pastel fills with slight hand-painted overshoot beyond outlines. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is macaron pastel: warm cream paper background #F5F0E8 covers about 50% of the canvas. The main subject and chart are filled in soft pastel tints — light blue, mint green, lavender, peach (about 40% total area). Accent warm coral #F97316 appears in one or two small emphasis points only (under 10%). Soft, friendly, educational temperament throughout. 12-20% inner safe-zone padding. No embedded text or labels visible.",
"alt_text": "Macaron palette: vector hero of professional and chart in soft pastels on cream paper with coral accent",
"status": "Generated"
},
{
"filename": "mono-ink.png",
"purpose": "Palette comparison — mono-ink",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, solid flat fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is mono-ink: pure white background #FFFFFF (about 55%). All structural elements — figure, chart, lines — in near-black ink #1A1A1A (about 38%). The accent coral red #E8655A is reserved as the semantic emphasis accent, appearing in 1-3 small focal points only (the highlighted chart bar, an arrow, an emphasis dot) totaling under 8%. No other colors. High contrast monochrome with one semantic accent only. 12-20% inner safe-zone padding. No embedded text or labels visible.",
"alt_text": "Mono-ink palette: vector hero of professional and chart in near-black on pure white with coral red accent point",
"status": "Generated"
},
{
"filename": "vivid-launch.png",
"purpose": "Palette comparison — vivid-launch",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, solid flat saturated fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is vivid-launch: secondary near-white #FAFAFA background (about 38%); primary saturated brand magenta #E11D48 carries the dominant subject in confident vivid blocks (about 35%); accent vivid orange #F97316 is co-star — a major secondary subject element or supporting block (about 25%). One small detail in deep neutral for definition (about 2%). All colors confident and saturated. Promotional, attention-grabbing energy. 12-20% inner safe-zone padding. No embedded text or labels visible.",
"alt_text": "Vivid-launch palette: vector hero of professional and chart in saturated magenta and vivid orange on near-white",
"status": "Generated"
},
{
"filename": "dark-cinematic.png",
"purpose": "Palette comparison — dark-cinematic",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes (subtle 8%-opacity glow halos around bright elements for dark-cinematic atmosphere). Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is dark-cinematic: deep dark background #0A0E27 covers about 65% of the canvas with subtle gradient toward darker edges. Primary bright teal #14B8A6 carries the main subject and growth chart bars as bright lit elements (about 25%) with implied luminance glow at 8% opacity. Accent vivid amber #D4AF37 appears as a small concentrated glow point near the focal area (about 10%). The bright primary and accent feel like light sources within the cinematic dark. 12-20% inner safe-zone padding. No embedded text or labels visible.",
"alt_text": "Dark-cinematic palette: vector hero of professional and chart with bright teal and amber glow on deep dark navy background",
"status": "Generated"
},
{
"filename": "duotone.png",
"purpose": "Palette comparison — duotone",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, only two solid colors total. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is duotone: Color A — deep teal #0F766E — carries the main subject silhouette and the dominant zone of the canvas (about 50%). Color B — vivid amber #D97706 — carries the background field and the secondary zone (about 48%). The two colors are the entire palette — no third hue beyond a barely-perceptible neutral 2% in transitional textures. Editorial poster balance. 12-20% inner safe-zone padding. No embedded text or labels visible.",
"alt_text": "Duotone palette: vector hero of professional and chart in deep teal silhouette on vivid amber background, two colors only",
"status": "Generated"
},
{
"filename": "nature-organic.png",
"purpose": "Palette comparison — nature-organic",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold but slightly organic geometric shapes, sharp edges, no gradients, solid flat earthy fills. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is nature-organic: secondary soft cream #FEF3C7 covers the background field as gentle outdoor breath (about 50%). Primary deep forest green #166534 carries the dominant subject and natural forms — clothing, chart elements styled as organic shapes (about 35%). Accent warm honey #D4AF37 appears in small natural detail pops — a flower, a sunlit highlight on the chart (about 13%). All tones earthy and slightly desaturated. 12-20% inner safe-zone padding. No embedded text or labels visible.",
"alt_text": "Nature-organic palette: vector hero of professional and organic chart in deep forest green on soft cream with warm honey detail",
"status": "Generated"
},
{
"filename": "jewel-tone.png",
"purpose": "Palette comparison — jewel-tone",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, solid flat fills with rich gemstone saturation. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is jewel-tone: rich primary deep emerald #047857 carries the dominant subject silhouette and main chart elements as confident saturated gemstone block (about 36%); secondary deep cream #FEF3C7 forms the velvet field background (about 50%); accent polished gold #D4AF37 appears as one thin metallic horizontal rule and one small jewel-cut dot, totaling about 14%. High saturation, premium evening feel, no muted tints, no plastic look. 12-20% inner padding. No embedded text or labels visible.",
"alt_text": "Jewel-tone palette: vector hero of professional and growth chart in rich deep emerald on velvet cream with polished gold accent",
"status": "Generated"
},
{
"filename": "frost-ice.png",
"purpose": "Palette comparison — frost-ice",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, near-white field dominance. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is frost-ice: secondary near-white #F8FBFD occupies about 80% of the canvas as vast calm field (the breathing room IS the identity); pale cool primary #DBEAFE renders the subject silhouette and chart as soft restrained structure (about 12%); accent steel blue #3B82F6 appears as one small deliberate focal element — a chart highlight or single dot, about 5%. No warm tones, no saturated colors. Clean clinical premium-minimal feel. 12-20% inner padding. No embedded text or labels visible.",
"alt_text": "Frost-ice palette: vector hero of professional and chart as pale cool silhouette on vast near-white field with steel blue focal accent",
"status": "Generated"
},
{
"filename": "sunset-gradient.png",
"purpose": "Palette comparison — sunset-gradient",
"aspect_ratio": "16:9",
"prompt": "Flat vector illustration with bold geometric shapes layered over a smooth atmospheric gradient background (sunset-gradient overrides the rendering's usual no-gradient rule for the BACKGROUND FIELD only — shapes on top remain flat). Subject: a confident professional silhouette standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is sunset-gradient: the entire background flows as a smooth diagonal gradient — primary deep pink #EC4899 in the lower-left, transitioning through secondary warm orange #F97316 in the middle band, into accent purple #9333EA in the upper-right. Smooth blending, no hard color edges in the gradient. Above the gradient, a near-black silhouette professional and chart shapes sit as flat solid forms (about 30%) as the focal rest point. Atmospheric, energetic, optimistic. 12-20% inner padding. No embedded text or labels.",
"alt_text": "Sunset-gradient palette: vector hero of silhouette and chart on warm pink-orange-purple gradient field",
"status": "Generated"
},
{
"filename": "earthy-dusty.png",
"purpose": "Palette comparison — earthy-dusty",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, solid flat fills at uniformly reduced saturation (Morandi-adjacent). Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is earthy-dusty: every color appears desaturated 30% from a vivid source. Secondary muted oat #E8E0D5 carries about 50% of the canvas as calm dusted field; primary muted dusty terracotta #C9A38C forms the subject silhouette and chart in soft warm earth tone (about 35%); accent muted sage #A8B5A0 appears as one thin horizontal line near the chart and one small dusty dot, totaling about 12%. No vivid colors anywhere. Refined, contemplative, slow. 12-20% inner padding. No embedded text or labels.",
"alt_text": "Earthy-dusty palette: vector hero of silhouette and chart in muted dusty terracotta on muted oat field with sage accent",
"status": "Generated"
}
]
}
Image Generation Prompts
Auto-generated fromimage_prompts.jsonbyimage_gen.py --render-md.
Do not hand-edit — re-run the command to refresh.
Project: skills/ppt-master/references/ai-image-comparison/palette
Generated: 2026-05-15
Deck Style Anchor: Single subject hero composition, vector-illustration rendering: clean flat vector with bold shapes, sharp edges, no gradients, no shadows.
---
Image 1: cool-corporate.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — cool-corporate |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, no shadows, solid flat fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 60-70% of the canvas as calm breathing space; primary deep navy #1E3A5F carries the main subject in confident solid blocks; accent gold #D4AF37 appears only in one or two small emphasis points totaling under 5% of the area. No fourth color. Flat solid fills only — no metallic, no glossy reflections. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.
Alt Text:
Cool-corporate palette: vector hero of professional and growth chart in deep navy on off-white with restrained gold accent
---
Image 2: warm-earth.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — warm-earth |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, no shadows, solid flat fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is warm-grounded: secondary warm cream #FEF3C7 carries about 55% of the canvas as soft breathing space; primary deep terracotta #9A3412 anchors the main subject and dominant forms in confident warm tones (about 32%); accent warm gold #D4AF37 appears in small concentrated pops totaling under 13%. Soft warm temperament throughout, no cool tones. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.
Alt Text:
Warm-earth palette: vector hero of professional and growth chart in deep terracotta on cream with warm gold accent
---
Image 3: tech-neon.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — tech-neon |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, solid flat fills throughout (subtle 8%-opacity glow halos allowed for tech-neon energy). Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is tech-neon: secondary deep digital navy #0A0E27 covers about 50% of the canvas as the dark field; primary electric blue #0EA5E9 carries the main subject in confident saturated tones (about 35%) with a soft 8%-opacity glow halo around it; accent vivid cyan #06B6D4 appears in 10-15% as small bright pops on the chart, also with implied glow. High contrast between vivid foreground and dark digital background. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.
Alt Text:
Tech-neon palette: vector hero of professional and chart in electric blue with cyan glow on deep digital navy
---
Image 4: editorial-classic.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — editorial-classic |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, solid flat fills throughout (subtle 8%-opacity paper grain texture allowed for editorial feel). Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is editorial-classic: secondary warm cream #FAF7F2 carries the magazine-paper field across about 55% of the canvas with subtle paper-grain texture at 8% opacity; primary deep navy #0F2C4C anchors the dominant subject in confident solid tone (about 30%); accent burnt orange #C2410C appears as a single thin horizontal rule and one small highlight marker totaling under 14%. Magazine-considered composition, deliberate breathing room. 12-20% inner safe-zone padding. No embedded text or readable labels.
Alt Text:
Editorial-classic palette: vector hero of professional and chart with magazine feel, deep navy on warm cream with burnt orange rule
---
Image 5: macaron.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — macaron |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold rounded geometric shapes (slightly softer corners for macaron warmth), no gradients, solid flat pastel fills with slight hand-painted overshoot beyond outlines. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is macaron pastel: warm cream paper background #F5F0E8 covers about 50% of the canvas. The main subject and chart are filled in soft pastel tints — light blue, mint green, lavender, peach (about 40% total area). Accent warm coral #F97316 appears in one or two small emphasis points only (under 10%). Soft, friendly, educational temperament throughout. 12-20% inner safe-zone padding. No embedded text or labels visible.
Alt Text:
Macaron palette: vector hero of professional and chart in soft pastels on cream paper with coral accent
---
Image 6: mono-ink.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — mono-ink |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, solid flat fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is mono-ink: pure white background #FFFFFF (about 55%). All structural elements — figure, chart, lines — in near-black ink #1A1A1A (about 38%). The accent coral red #E8655A is reserved as the semantic emphasis accent, appearing in 1-3 small focal points only (the highlighted chart bar, an arrow, an emphasis dot) totaling under 8%. No other colors. High contrast monochrome with one semantic accent only. 12-20% inner safe-zone padding. No embedded text or labels visible.
Alt Text:
Mono-ink palette: vector hero of professional and chart in near-black on pure white with coral red accent point
---
Image 7: vivid-launch.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — vivid-launch |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, solid flat saturated fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is vivid-launch: secondary near-white #FAFAFA background (about 38%); primary saturated brand magenta #E11D48 carries the dominant subject in confident vivid blocks (about 35%); accent vivid orange #F97316 is co-star — a major secondary subject element or supporting block (about 25%). One small detail in deep neutral for definition (about 2%). All colors confident and saturated. Promotional, attention-grabbing energy. 12-20% inner safe-zone padding. No embedded text or labels visible.
Alt Text:
Vivid-launch palette: vector hero of professional and chart in saturated magenta and vivid orange on near-white
---
Image 8: dark-cinematic.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — dark-cinematic |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes (subtle 8%-opacity glow halos around bright elements for dark-cinematic atmosphere). Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is dark-cinematic: deep dark background #0A0E27 covers about 65% of the canvas with subtle gradient toward darker edges. Primary bright teal #14B8A6 carries the main subject and growth chart bars as bright lit elements (about 25%) with implied luminance glow at 8% opacity. Accent vivid amber #D4AF37 appears as a small concentrated glow point near the focal area (about 10%). The bright primary and accent feel like light sources within the cinematic dark. 12-20% inner safe-zone padding. No embedded text or labels visible.
Alt Text:
Dark-cinematic palette: vector hero of professional and chart with bright teal and amber glow on deep dark navy background
---
Image 9: duotone.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — duotone |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, only two solid colors total. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is duotone: Color A — deep teal #0F766E — carries the main subject silhouette and the dominant zone of the canvas (about 50%). Color B — vivid amber #D97706 — carries the background field and the secondary zone (about 48%). The two colors are the entire palette — no third hue beyond a barely-perceptible neutral 2% in transitional textures. Editorial poster balance. 12-20% inner safe-zone padding. No embedded text or labels visible.
Alt Text:
Duotone palette: vector hero of professional and chart in deep teal silhouette on vivid amber background, two colors only
---
Image 10: nature-organic.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — nature-organic |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold but slightly organic geometric shapes, sharp edges, no gradients, solid flat earthy fills. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is nature-organic: secondary soft cream #FEF3C7 covers the background field as gentle outdoor breath (about 50%). Primary deep forest green #166534 carries the dominant subject and natural forms — clothing, chart elements styled as organic shapes (about 35%). Accent warm honey #D4AF37 appears in small natural detail pops — a flower, a sunlit highlight on the chart (about 13%). All tones earthy and slightly desaturated. 12-20% inner safe-zone padding. No embedded text or labels visible.
Alt Text:
Nature-organic palette: vector hero of professional and organic chart in deep forest green on soft cream with warm honey detail
---
Image 11: jewel-tone.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — jewel-tone |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, solid flat fills with rich gemstone saturation. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is jewel-tone: rich primary deep emerald #047857 carries the dominant subject silhouette and main chart elements as confident saturated gemstone block (about 36%); secondary deep cream #FEF3C7 forms the velvet field background (about 50%); accent polished gold #D4AF37 appears as one thin metallic horizontal rule and one small jewel-cut dot, totaling about 14%. High saturation, premium evening feel, no muted tints, no plastic look. 12-20% inner padding. No embedded text or labels visible.
Alt Text:
Jewel-tone palette: vector hero of professional and growth chart in rich deep emerald on velvet cream with polished gold accent
---
Image 12: frost-ice.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — frost-ice |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, near-white field dominance. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is frost-ice: secondary near-white #F8FBFD occupies about 80% of the canvas as vast calm field (the breathing room IS the identity); pale cool primary #DBEAFE renders the subject silhouette and chart as soft restrained structure (about 12%); accent steel blue #3B82F6 appears as one small deliberate focal element — a chart highlight or single dot, about 5%. No warm tones, no saturated colors. Clean clinical premium-minimal feel. 12-20% inner padding. No embedded text or labels visible.
Alt Text:
Frost-ice palette: vector hero of professional and chart as pale cool silhouette on vast near-white field with steel blue focal accent
---
Image 13: sunset-gradient.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — sunset-gradient |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Flat vector illustration with bold geometric shapes layered over a smooth atmospheric gradient background (sunset-gradient overrides the rendering's usual no-gradient rule for the BACKGROUND FIELD only — shapes on top remain flat). Subject: a confident professional silhouette standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is sunset-gradient: the entire background flows as a smooth diagonal gradient — primary deep pink #EC4899 in the lower-left, transitioning through secondary warm orange #F97316 in the middle band, into accent purple #9333EA in the upper-right. Smooth blending, no hard color edges in the gradient. Above the gradient, a near-black silhouette professional and chart shapes sit as flat solid forms (about 30%) as the focal rest point. Atmospheric, energetic, optimistic. 12-20% inner padding. No embedded text or labels.
Alt Text:
Sunset-gradient palette: vector hero of silhouette and chart on warm pink-orange-purple gradient field
---
Image 14: earthy-dusty.png
| Attribute | Value |
|---|---|
| Purpose | Palette comparison — earthy-dusty |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, solid flat fills at uniformly reduced saturation (Morandi-adjacent). Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is earthy-dusty: every color appears desaturated 30% from a vivid source. Secondary muted oat #E8E0D5 carries about 50% of the canvas as calm dusted field; primary muted dusty terracotta #C9A38C forms the subject silhouette and chart in soft warm earth tone (about 35%); accent muted sage #A8B5A0 appears as one thin horizontal line near the chart and one small dusty dot, totaling about 12%. No vivid colors anywhere. Refined, contemplative, slow. 12-20% inner padding. No embedded text or labels.
Alt Text:
Earthy-dusty palette: vector hero of silhouette and chart in muted dusty terracotta on muted oat field with sage accent
---
Palette Comparison Set
Controlled variables
| Dimension | Value | Status |
|---|---|---|
| Palette | varies (14 palettes) | under comparison |
| Rendering | vector-illustration | fixed baseline |
| Composition | single-subject hero — see `image-generator.md` §4.1 Primitive A | fixed baseline |
Subject
A confident professional standing beside an upward growth chart, looking forward — single dominant subject occupying 60-70% of the canvas. This is the "single-subject hero" composition described as `image-generator.md` §4.1 Primitive A, used here as a stable baseline because a single dominant subject makes palette color behavior read most clearly.
On HEX values
Important: this set does not fix HEX values across all 14 palettes. Each palette uses its own typical HEX triplet.
Reason: a palette is a color behavior (saturation, contrast, temperament, proportion), and the HEX it expects is part of that behavior. Forcing cool-corporate's deep navy through a vivid-launch palette would produce a strange "restrained navy mimicking promotional energy" image — losing the semantic representativeness of the palette.
This also matches real production: a user who picks vivid-launch will have vivid HEX values in their design_spec, not navy. This set simulates each palette's typical production scenario.
| Palette | Primary | Secondary | Accent |
|---|---|---|---|
| cool-corporate | #1E3A5F deep navy | #F8F9FA off-white | #D4AF37 gold |
| warm-earth | #9A3412 terracotta | #FEF3C7 cream | #D4AF37 gold |
| tech-neon | #0EA5E9 electric blue | #0A0E27 deep navy | #06B6D4 cyan |
| editorial-classic | #0F2C4C deep navy | #FAF7F2 warm cream | #C2410C burnt orange |
| macaron | (pastel tints) | #F5F0E8 cream | #F97316 coral |
| mono-ink | #1A1A1A near-black | #FFFFFF white | #E8655A coral red |
| vivid-launch | #E11D48 magenta | #FAFAFA near-white | #F97316 orange |
| dark-cinematic | #14B8A6 teal | #0A0E27 deep dark | #D4AF37 amber |
| duotone | #0F766E deep teal | #D97706 amber | (only 2 colors) |
| nature-organic | #166534 forest green | #FEF3C7 cream | #D4AF37 honey |
| jewel-tone | #047857 deep emerald | #FEF3C7 deep cream | #D4AF37 polished gold |
| frost-ice | #DBEAFE pale cool blue | #F8FBFD near-white | #3B82F6 steel blue |
| sunset-gradient | #EC4899 deep pink | #F97316 warm orange | #9333EA purple |
| earthy-dusty | #C9A38C muted dusty terracotta | #E8E0D5 muted oat | #A8B5A0 muted sage |
Naming convention
Each filename is <palette>.png, matching the corresponding file under references/image-palettes/.
How to read this set
Scan all 14 images side by side. Focus on:
- Color temperature — cool-professional vs warm-human vs neutral-editorial
- Saturation — restrained vs vivid vs monochrome
- The 60-30-10 proportional feel — how dominant the secondary really is
- Accent weight — how much visual presence the small accent commands
AI Image Comparison — Three-Dimension Reference Gallery
PPT Master's AI images are governed by three orthogonal dimensions: rendering (visual style) × palette (color behavior) × type (internal composition). This directory uses controlled-variable comparison — vary one dimension while holding the other two fixed — so you can see exactly what each dimension contributes.
This is not an example project (see examples/ for those). It is a dimension-selection reference for the Strategist role and end users when picking AI image parameters.The three comparison sets
| Subdirectory | Count | Variable | Fixed baseline |
|---|---|---|---|
| `rendering/` | 20 | rendering (20 styles) | single-subject hero composition (§4.1 Primitive A), palette=cool-corporate |
| `palette/` | 14 | palette (14 color behaviors) | single-subject hero composition (§4.1 Primitive A), rendering=vector-illustration |
| `type/` | 11 | type (11 internal compositions for page_role: local) | rendering=vector-illustration, palette=cool-corporate |
Each subdirectory contains:
_subject.md— the controlled variables and the subject used for this set_manifest.json— generation manifest (status=Pending), runnable viaimage_gen.py --manifest<dimension>.png— the generated image for each rendering / palette / type
page_role: hero_pageimages don't pick animage_type— they use the four composition primitives in `image-generator.md` §4.1 directly (single-subject / portrait / typographic / atmospheric). The 11 types intype/are for local infographic blocks only.
Why these baselines
| Choice | Reason |
|---|---|
rendering=vector-illustration | Most versatile in the catalog; ✓✓ compatible with all 14 palettes; minimal interference when used as the "origin" for palette / type comparisons |
palette=cool-corporate | Most neutral and most common; simple color behavior (HEX 60-30-10 applied directly) so it doesn't overpower the dimension under comparison |
| composition=single-subject hero (§4.1 Primitive A) | One dominant subject (60-70% of canvas) — the most visually representative shape, so rendering / palette differences show up most clearly |
How the images were generated
Reference images were generated with the OpenAI gpt-image-2 backend. Other backends (gemini / doubao / qwen / etc.) will produce visually different results — this reflects model-level differences, not differences in PPT Master's dimension system.
To reproduce or regenerate:
python3 skills/ppt-master/scripts/image_gen.py \
--manifest skills/ppt-master/references/ai-image-comparison/rendering/_manifest.json \
-o skills/ppt-master/references/ai-image-comparison/rendering/ \
--backend openai
python3 skills/ppt-master/scripts/image_gen.py \
--manifest skills/ppt-master/references/ai-image-comparison/palette/_manifest.json \
-o skills/ppt-master/references/ai-image-comparison/palette/ \
--backend openai
python3 skills/ppt-master/scripts/image_gen.py \
--manifest skills/ppt-master/references/ai-image-comparison/type/_manifest.json \
-o skills/ppt-master/references/ai-image-comparison/type/ \
--backend openaiGenerated images land in the corresponding subdirectory. Each item's status in the manifest is updated in place to Generated / Failed / Needs-Manual. Re-running only retries Pending and Failed items — Generated items are skipped.
How to use
| If you are deciding... | Look at |
|---|---|
| Which rendering to lock in Strategist h.5 | rendering/ — scan all 20 side by side; pick the visual temperament that matches the deck |
| Which palette pairs best with your chosen rendering | palette/ — see how color behavior shifts the same subject |
| Which type fits a specific image's purpose | type/ — match the internal composition to the page's content shape |
The three sets are intentionally independent. When deciding rendering, do not look at the palette set — its varying colors will distort your judgment of pure rendering style.
{
"project": "skills/ppt-master/references/ai-image-comparison/rendering",
"generated_at": "2026-05-15",
"comparison_set": "rendering",
"baseline": {
"palette": "cool-corporate",
"subject": "a confident professional standing beside an upward growth chart, looking forward",
"composition": "single-subject hero (image-generator.md §4.1 Primitive A)"
},
"color_scheme": {
"primary": "#1E3A5F",
"secondary": "#F8F9FA",
"accent": "#D4AF37"
},
"deck_style_anchor": "Single subject hero composition, cool-corporate palette: secondary off-white #F8F9FA dominates background (60-70%), primary deep navy #1E3A5F carries main subject, accent gold #D4AF37 in small emphasis points only.",
"items": [
{
"filename": "vector-illustration.png",
"purpose": "Rendering comparison — vector-illustration",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, no shadows, solid flat fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 60-70% of the canvas as calm breathing space; primary deep navy #1E3A5F carries the main subject in confident solid blocks; accent gold #D4AF37 appears only in one or two small emphasis points totaling under 5% of the area. No fourth color. 12-20% inner safe-zone padding around the subject. No embedded text labels, no HEX codes or color names visible in the image.",
"alt_text": "Vector illustration hero rendering: confident professional beside growth chart, deep navy on off-white with gold accent",
"status": "Generated"
},
{
"filename": "flat.png",
"purpose": "Rendering comparison — flat",
"aspect_ratio": "16:9",
"prompt": "Modern flat design with crisp geometric blocks, slightly more decorative than pure vector, clean angular composition, solid flat fills, subtle 8%-opacity drop shadows allowed under layered blocks. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 60-70% of the canvas as calm breathing space; primary deep navy #1E3A5F carries the main subject and dominant blocks; accent gold #D4AF37 appears only in one or two small emphasis points totaling under 5% of the area. No fourth color. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes or color names visible.",
"alt_text": "Flat design hero rendering: professional beside growth chart, geometric blocks in deep navy on off-white with gold accent",
"status": "Generated"
},
{
"filename": "3d-isometric.png",
"purpose": "Rendering comparison — 3d-isometric",
"aspect_ratio": "16:9",
"prompt": "Isometric 3D rendering with axonometric perspective, subtle ambient shadows at 8% opacity, soft volumetric forms, slight gradient shading on lit faces. Subject: a confident professional standing beside an upward growth chart, looking forward — both subject and chart rendered as isometric 3D forms. Single dominant scene occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 60-70% of the canvas as calm breathing space; primary deep navy #1E3A5F carries the main isometric forms; accent gold #D4AF37 appears only in one or two small emphasis points totaling under 5% of the area. No fourth color. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.",
"alt_text": "3D isometric hero rendering: isometric professional and growth chart in deep navy on off-white with gold accent",
"status": "Generated"
},
{
"filename": "digital-dashboard.png",
"purpose": "Rendering comparison — digital-dashboard",
"aspect_ratio": "16:9",
"prompt": "Polished UI dashboard aesthetic, screen-like surface with cards and chart elements, subtle drop shadows under cards, clean data-viz typography feel, modern SaaS look. Subject: a dashboard view dominated by an upward growth chart card with a confident professional avatar overlaid on the side. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate dashboard: secondary off-white #F8F9FA dominates as the UI surface (about 70%); primary deep navy #1E3A5F carries the main chart bars and dominant card header; accent gold #D4AF37 reserved for one highlighted KPI marker totaling under 5%. Soft 8% drop shadows under cards. No fourth color. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.",
"alt_text": "Digital dashboard hero rendering: growth chart UI card with professional avatar in deep navy on off-white with gold KPI",
"status": "Generated"
},
{
"filename": "corporate-photo.png",
"purpose": "Rendering comparison — corporate-photo",
"aspect_ratio": "16:9",
"prompt": "Editorial corporate photography, real human subject in modern office environment, natural soft window lighting, magazine-quality, slight depth of field, photo-realistic. Subject: a confident professional standing beside an upward growth chart projected on a screen or printed on a wall, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color grading is restrained-corporate: muted off-white #F8F9FA tones in the environment dominate as calm breathing space (about 65%); deep navy #1E3A5F appears as the dominant clothing or screen tone of the subject area; warm gold #D4AF37 grade appears only as a small environmental accent — perhaps a metal detail or warm light glow — under 5% of the area. No saturated extra colors. 12-20% inner safe-zone padding around the subject. No embedded text in the image.",
"alt_text": "Corporate photography hero rendering: real professional in modern office beside growth chart, navy and off-white grade with gold accent",
"status": "Generated"
},
{
"filename": "blueprint.png",
"purpose": "Rendering comparison — blueprint",
"aspect_ratio": "16:9",
"prompt": "Technical schematic blueprint style, fine grid background, monospace cues, drafting lines, blueprint annotation aesthetic with measurement marks and structural callout lines. Subject: a stylized blueprint of a confident professional figure standing beside a schematic upward growth chart, both rendered as engineering drawings with clean line weights. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate blueprint: secondary off-white #F8F9FA carries the paper field with subtle grid (about 65%); primary deep navy #1E3A5F carries all schematic linework and the dominant figure outlines (about 28%); accent gold #D4AF37 appears only as one or two highlighted callout markers totaling under 5%. No fourth color. 12-20% inner safe-zone padding. No embedded text or measurement numbers as legible labels.",
"alt_text": "Blueprint schematic hero rendering: technical drawing of professional and growth chart in deep navy on off-white with gold callouts",
"status": "Generated"
},
{
"filename": "editorial.png",
"purpose": "Rendering comparison — editorial",
"aspect_ratio": "16:9",
"prompt": "Magazine-style editorial infographic, refined typography hierarchy, balanced gutters, paper-grain texture at 8% opacity, deliberate negative space, considered composition with magazine-spread feel. Subject: a confident professional rendered as an editorial illustration standing beside an upward growth chart styled as a magazine data visualization. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained editorial: secondary off-white #F8F9FA carries the magazine-paper field with subtle paper-grain (about 65%); primary deep navy #1E3A5F anchors the dominant figure and main chart block (about 28%); accent gold #D4AF37 appears as one thin horizontal rule and one small highlight marker totaling under 7%. No fourth color. 12-20% inner safe-zone padding. No embedded text or labels visible in the image.",
"alt_text": "Editorial magazine hero rendering: professional and growth chart with magazine-spread feel, navy on cream-white with gold rule",
"status": "Generated"
},
{
"filename": "sketch-notes.png",
"purpose": "Rendering comparison — sketch-notes",
"aspect_ratio": "16:9",
"prompt": "Hand-drawn sketch-notes style on warm cream paper background, black ink outlines with slight wobble, pastel color fills with slight hand-painted overshoot beyond edges, organic hand-lettered feel, doodle aesthetic. Subject: a confident professional figure hand-drawn beside an upward growth chart sketched as a doodle with arrows and small annotation marks. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate sketched: cream paper field #F8F9FA dominates (about 65%); primary deep navy #1E3A5F carries the main ink linework and dominant figure (about 28%); accent gold #D4AF37 appears as one highlighted hand-drawn arrow or doodle decoration totaling under 7%. No fourth color. 12-20% inner safe-zone padding. No embedded text or hand-lettered words visible.",
"alt_text": "Sketch-notes hero rendering: hand-drawn professional and doodle growth chart on cream paper, navy ink with gold accent",
"status": "Generated"
},
{
"filename": "ink-notes.png",
"purpose": "Rendering comparison — ink-notes",
"aspect_ratio": "16:9",
"prompt": "Pure white background with sparse black ink drawing, hand-drawn linework, deliberate empty space, near-monochrome with one semantic accent color in 1-3 small focal points only. Subject: a confident professional figure hand-drawn in minimal black ink strokes beside an upward growth chart sketched with sparse confident lines. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is mono-ink shifted to the deck's HEX: pure white background (about 60%); deep navy #1E3A5F replaces the typical black ink for all linework and the dominant figure (about 33%); accent gold #D4AF37 appears as one small semantic emphasis dot or arrow totaling under 7%. No other colors. 12-20% inner safe-zone padding. No embedded text or words visible.",
"alt_text": "Ink-notes hero rendering: minimal navy ink drawing of professional and growth chart on white with gold accent dot",
"status": "Generated"
},
{
"filename": "chalkboard.png",
"purpose": "Rendering comparison — chalkboard",
"aspect_ratio": "16:9",
"prompt": "Chalk drawing on a dark green chalkboard surface, white and pale chalk strokes with slight smudge texture, classroom feel, hand-drawn chalk linework. Subject: a confident professional figure drawn in white chalk beside an upward growth chart sketched in chalk strokes with arrows. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior — chalkboard adapted to deck HEX: deep dark chalkboard surface dominates (about 65%); pale off-white chalk #F8F9FA renders all primary linework and the dominant figure (about 28%); warm gold chalk #D4AF37 appears only in one or two small highlights totaling under 7%. No fourth chalk color. 12-20% inner safe-zone padding. No embedded text or written words visible on the chalkboard.",
"alt_text": "Chalkboard hero rendering: chalk drawing of professional and growth chart on dark green board with white chalk and gold accent",
"status": "Generated"
},
{
"filename": "watercolor.png",
"purpose": "Rendering comparison — watercolor",
"aspect_ratio": "16:9",
"prompt": "Painterly watercolor style with soft bleeding edges, organic color washes, slight paper grain, hand-painted brush feel, no hard outlines. Subject: a confident professional figure painted in watercolor beside an upward growth chart suggested through soft watercolor washes and brush strokes. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate watercolor: soft off-white #F8F9FA paper field dominates (about 65%); deep navy #1E3A5F watercolor wash carries the main figure and chart with soft bleeding edges (about 28%); warm gold #D4AF37 watercolor highlights appear in one or two small concentrated wash spots totaling under 7%. No fourth pigment. 12-20% inner safe-zone padding. No embedded text or letters visible.",
"alt_text": "Watercolor hero rendering: painted professional and growth chart with soft navy washes on off-white paper with gold highlights",
"status": "Generated"
},
{
"filename": "warm-scene.png",
"purpose": "Rendering comparison — warm-scene",
"aspect_ratio": "16:9",
"prompt": "Golden-hour cinematic warmth, soft directional sunlight from low angle, warm color grading throughout, atmospheric haze, lifestyle photography feel. Subject: a confident professional standing beside an upward growth chart bathed in warm golden-hour light, looking forward toward the light source. Single dominant subject occupying 60-70% of the canvas (hero composition). Color grading is restrained-corporate warmed: soft off-white #F8F9FA highlights carry the warmly lit field and atmospheric haze (about 60%); deep navy #1E3A5F appears in the shadowed clothing and shadowed side of the chart (about 30%); warm gold #D4AF37 grade carries the golden-hour light itself and rim lighting on the subject totaling about 10%. No saturated extra colors. 12-20% inner safe-zone padding. No embedded text in the image.",
"alt_text": "Warm-scene hero rendering: cinematic golden-hour photo of professional and growth chart with navy shadows and gold light",
"status": "Generated"
},
{
"filename": "screen-print.png",
"purpose": "Rendering comparison — screen-print",
"aspect_ratio": "16:9",
"prompt": "Halftone screen-print poster art, limited flat colors, visible halftone dot pattern in transitional zones, slight color misregistration for silkscreen authenticity, retro poster aesthetic. Subject: a confident professional figure rendered as a stylized poster silhouette beside an upward growth chart simplified to bold poster shapes. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate poster: off-white #F8F9FA carries the poster field (about 60%); deep navy #1E3A5F is the dominant flat poster ink for the figure and chart (about 33%); warm gold #D4AF37 is the second poster ink in one or two emphasis blocks totaling under 7%. Halftone dot transitions between color zones. Slight misregistration. No fourth ink. 12-20% inner safe-zone padding. No embedded text or poster lettering visible.",
"alt_text": "Screen-print hero rendering: halftone poster of professional and growth chart in navy and gold on off-white with retro silkscreen feel",
"status": "Generated"
},
{
"filename": "fantasy-animation.png",
"purpose": "Rendering comparison — fantasy-animation",
"aspect_ratio": "16:9",
"prompt": "Hand-drawn animation style reminiscent of Studio Ghibli — soft warm linework, painted watercolor-style backgrounds, gentle character expression, storybook warmth, animated film look. Subject: a confident professional character drawn in animation style standing beside an upward growth chart rendered as part of a warm storybook scene. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate softened for animation: soft off-white #F8F9FA painted background (about 60%); deep navy #1E3A5F appears as the character's clothing and dominant scene tone (about 30%); warm gold #D4AF37 appears as warm light glow and character highlights totaling about 10%. No clashing saturated colors. 12-20% inner safe-zone padding. No embedded text or letters visible.",
"alt_text": "Fantasy-animation hero rendering: Ghibli-style professional and growth chart with navy clothing and warm gold light on soft off-white",
"status": "Generated"
},
{
"filename": "pixel-art.png",
"purpose": "Rendering comparison — pixel-art",
"aspect_ratio": "16:9",
"prompt": "8-bit pixel art aesthetic, blocky pixels with sharp pixel edges and no anti-aliasing, retro game feel, limited color palette per fill, deliberate jagged edges. Subject: a confident professional pixel character standing beside an upward growth chart rendered as a pixelated bar chart. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate pixel: off-white #F8F9FA fills the background pixel field (about 60%); deep navy #1E3A5F is the dominant pixel color for the character and chart bars (about 33%); warm gold #D4AF37 appears as one or two small accent pixel clusters — a highlighted bar tip or pixel sparkle — under 7%. No fourth color. 12-20% inner safe-zone padding. No embedded pixel text or letters visible.",
"alt_text": "Pixel-art hero rendering: 8-bit professional and bar chart in navy pixels on off-white with gold accent pixels",
"status": "Generated"
},
{
"filename": "nature.png",
"purpose": "Rendering comparison — nature",
"aspect_ratio": "16:9",
"prompt": "Organic earthy illustration with botanical details, hand-drawn natural forms, leaves and organic textures, slightly desaturated earthy line quality. Subject: a confident professional figure standing in a natural outdoor setting beside an upward growth chart formed organically from stylized plant shapes or rising leaves. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate naturalized: soft off-white #F8F9FA carries the open natural breathing space (about 60%); deep navy #1E3A5F shifted slightly toward natural-darkened tone for the figure and organic forms (about 30%); warm gold #D4AF37 appears as small natural sun-detail pops — sunlit leaf tips, a small flower — totaling about 10%. Earth-toned, slightly desaturated. 12-20% inner safe-zone padding. No embedded text or letters.",
"alt_text": "Nature hero rendering: professional in natural setting with organic growth chart in navy and earthy gold on off-white",
"status": "Generated"
},
{
"filename": "minimalist-swiss.png",
"purpose": "Rendering comparison — minimalist-swiss",
"aspect_ratio": "16:9",
"prompt": "Strict Swiss-grid minimalist composition with rigorous modular grid alignment, reduced geometric primitives (clean rectangles, perfect circles, single-weight lines), no decoration, no gradients, no shadows, generous aggressive whitespace. Subject: a stylized confident professional silhouette standing beside an upward growth chart reduced to a single straight diagonal line — both elements snapped to the grid. Single dominant composition occupying 60-70% of the canvas (hero composition), with deliberate negative space carrying as much weight as filled areas. Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 70% of the canvas as vast calm field; primary deep navy #1E3A5F carries the silhouette and chart line as flat solid block; accent gold #D4AF37 appears only as one thin horizontal rule or single small dot at a rule-of-thirds intersection, under 3%. No fourth color. 18-20% inner padding. No embedded text or labels.",
"alt_text": "Minimalist-swiss hero rendering: gridded silhouette and chart line in deep navy on vast off-white field with single gold accent",
"status": "Generated"
},
{
"filename": "glassmorphism.png",
"purpose": "Rendering comparison — glassmorphism",
"aspect_ratio": "16:9",
"prompt": "Modern glassmorphism aesthetic with layered semi-transparent frosted-glass panels, thin 1px highlight strokes on panel top/left edges, large soft drop shadows (20% opacity, generous spread) for real depth, soft gradient background blurring through panels. Subject: a confident professional figure rendered as a clean solid silhouette inside the main frosted-glass panel, standing beside an upward growth chart shown as a polished glass card with crisp data marks. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate glass: secondary off-white #F8F9FA forms the soft gradient field (about 60%); primary deep navy #1E3A5F carries the figure silhouette and chart data inside the glass panel (about 32%); accent gold #D4AF37 appears as one small focal indicator on the chart, under 5%. Polished, premium, futuristic-friendly. 12% inner safe-zone padding. No embedded text or labels.",
"alt_text": "Glassmorphism hero rendering: frosted-glass panel with professional silhouette and chart in deep navy on soft off-white gradient with gold accent",
"status": "Generated"
},
{
"filename": "vintage-poster.png",
"purpose": "Rendering comparison — vintage-poster",
"aspect_ratio": "16:9",
"prompt": "Mid-century modern poster aesthetic with bold geometric shapes with rounded organic edges, slightly off-axis retro composition, halftone dot pattern at 12% opacity overlaying fills, subtle paper grain at 10% opacity, slight ink misregistration along edges suggesting screen-print authenticity, thick hand-aware lines. Subject: a stylized retro confident professional silhouette standing beside an upward growth chart shown as angular geometric bars, both in mid-century poster character. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate in mid-century register: secondary off-white #F8F9FA (slightly toned toward warm paper) carries about 60% of the canvas; primary deep navy #1E3A5F forms the silhouette and bars as confident flat blocks with halftone overlay (about 32%); accent gold #D4AF37 appears as one small geometric circle or thin horizontal rule, under 8%. Three colors total. 12% inner padding. No embedded text or letters.",
"alt_text": "Vintage-poster hero rendering: mid-century retro silhouette and angular bars in deep navy on warm off-white with gold geometric accent",
"status": "Generated"
},
{
"filename": "paper-cut.png",
"purpose": "Rendering comparison — paper-cut",
"aspect_ratio": "16:9",
"prompt": "Layered paper-cut craft aesthetic with crisp scissor-cut edges (slightly irregular, hand-aware, not mathematically perfect), soft 8-12% drop shadows under each cut-paper layer giving real tactile depth, paper grain at 12% opacity over each color sheet, no outlines anywhere (shapes defined by paper edges only). Subject: a confident professional figure built as layered paper cutouts standing beside an upward growth chart constructed as stacked paper rectangles of increasing height. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate as paper: secondary off-white #F8F9FA forms the background paper sheet (about 60%); primary deep navy #1E3A5F is the dominant paper-layer color for the figure and chart bars (about 32%); accent gold #D4AF37 appears as one small cut paper detail — a bar tip highlight or a small paper-cut sun — under 8%. Each layer casts a soft 10% drop shadow. 12% inner padding. No embedded text or letters.",
"alt_text": "Paper-cut hero rendering: layered paper silhouette and stacked paper bars in deep navy on off-white sheet with gold paper accent",
"status": "Generated"
}
]
}
Image Generation Prompts
Auto-generated fromimage_prompts.jsonbyimage_gen.py --render-md.
Do not hand-edit — re-run the command to refresh.
Project: skills/ppt-master/references/ai-image-comparison/rendering
Generated: 2026-05-15
Color scheme: Primary #1E3A5F | Secondary #F8F9FA | Accent #D4AF37
Deck Style Anchor: Single subject hero composition, cool-corporate palette: secondary off-white #F8F9FA dominates background (60-70%), primary deep navy #1E3A5F carries main subject, accent gold #D4AF37 in small emphasis points only.
---
Image 1: vector-illustration.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — vector-illustration |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, no shadows, solid flat fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 60-70% of the canvas as calm breathing space; primary deep navy #1E3A5F carries the main subject in confident solid blocks; accent gold #D4AF37 appears only in one or two small emphasis points totaling under 5% of the area. No fourth color. 12-20% inner safe-zone padding around the subject. No embedded text labels, no HEX codes or color names visible in the image.
Alt Text:
Vector illustration hero rendering: confident professional beside growth chart, deep navy on off-white with gold accent
---
Image 2: flat.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — flat |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Modern flat design with crisp geometric blocks, slightly more decorative than pure vector, clean angular composition, solid flat fills, subtle 8%-opacity drop shadows allowed under layered blocks. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 60-70% of the canvas as calm breathing space; primary deep navy #1E3A5F carries the main subject and dominant blocks; accent gold #D4AF37 appears only in one or two small emphasis points totaling under 5% of the area. No fourth color. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes or color names visible.
Alt Text:
Flat design hero rendering: professional beside growth chart, geometric blocks in deep navy on off-white with gold accent
---
Image 3: 3d-isometric.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — 3d-isometric |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Isometric 3D rendering with axonometric perspective, subtle ambient shadows at 8% opacity, soft volumetric forms, slight gradient shading on lit faces. Subject: a confident professional standing beside an upward growth chart, looking forward — both subject and chart rendered as isometric 3D forms. Single dominant scene occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 60-70% of the canvas as calm breathing space; primary deep navy #1E3A5F carries the main isometric forms; accent gold #D4AF37 appears only in one or two small emphasis points totaling under 5% of the area. No fourth color. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.
Alt Text:
3D isometric hero rendering: isometric professional and growth chart in deep navy on off-white with gold accent
---
Image 4: digital-dashboard.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — digital-dashboard |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Polished UI dashboard aesthetic, screen-like surface with cards and chart elements, subtle drop shadows under cards, clean data-viz typography feel, modern SaaS look. Subject: a dashboard view dominated by an upward growth chart card with a confident professional avatar overlaid on the side. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate dashboard: secondary off-white #F8F9FA dominates as the UI surface (about 70%); primary deep navy #1E3A5F carries the main chart bars and dominant card header; accent gold #D4AF37 reserved for one highlighted KPI marker totaling under 5%. Soft 8% drop shadows under cards. No fourth color. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.
Alt Text:
Digital dashboard hero rendering: growth chart UI card with professional avatar in deep navy on off-white with gold KPI
---
Image 5: corporate-photo.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — corporate-photo |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Editorial corporate photography, real human subject in modern office environment, natural soft window lighting, magazine-quality, slight depth of field, photo-realistic. Subject: a confident professional standing beside an upward growth chart projected on a screen or printed on a wall, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color grading is restrained-corporate: muted off-white #F8F9FA tones in the environment dominate as calm breathing space (about 65%); deep navy #1E3A5F appears as the dominant clothing or screen tone of the subject area; warm gold #D4AF37 grade appears only as a small environmental accent — perhaps a metal detail or warm light glow — under 5% of the area. No saturated extra colors. 12-20% inner safe-zone padding around the subject. No embedded text in the image.
Alt Text:
Corporate photography hero rendering: real professional in modern office beside growth chart, navy and off-white grade with gold accent
---
Image 6: blueprint.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — blueprint |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Technical schematic blueprint style, fine grid background, monospace cues, drafting lines, blueprint annotation aesthetic with measurement marks and structural callout lines. Subject: a stylized blueprint of a confident professional figure standing beside a schematic upward growth chart, both rendered as engineering drawings with clean line weights. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate blueprint: secondary off-white #F8F9FA carries the paper field with subtle grid (about 65%); primary deep navy #1E3A5F carries all schematic linework and the dominant figure outlines (about 28%); accent gold #D4AF37 appears only as one or two highlighted callout markers totaling under 5%. No fourth color. 12-20% inner safe-zone padding. No embedded text or measurement numbers as legible labels.
Alt Text:
Blueprint schematic hero rendering: technical drawing of professional and growth chart in deep navy on off-white with gold callouts
---
Image 7: editorial.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — editorial |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Magazine-style editorial infographic, refined typography hierarchy, balanced gutters, paper-grain texture at 8% opacity, deliberate negative space, considered composition with magazine-spread feel. Subject: a confident professional rendered as an editorial illustration standing beside an upward growth chart styled as a magazine data visualization. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained editorial: secondary off-white #F8F9FA carries the magazine-paper field with subtle paper-grain (about 65%); primary deep navy #1E3A5F anchors the dominant figure and main chart block (about 28%); accent gold #D4AF37 appears as one thin horizontal rule and one small highlight marker totaling under 7%. No fourth color. 12-20% inner safe-zone padding. No embedded text or labels visible in the image.
Alt Text:
Editorial magazine hero rendering: professional and growth chart with magazine-spread feel, navy on cream-white with gold rule
---
Image 8: sketch-notes.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — sketch-notes |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Hand-drawn sketch-notes style on warm cream paper background, black ink outlines with slight wobble, pastel color fills with slight hand-painted overshoot beyond edges, organic hand-lettered feel, doodle aesthetic. Subject: a confident professional figure hand-drawn beside an upward growth chart sketched as a doodle with arrows and small annotation marks. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate sketched: cream paper field #F8F9FA dominates (about 65%); primary deep navy #1E3A5F carries the main ink linework and dominant figure (about 28%); accent gold #D4AF37 appears as one highlighted hand-drawn arrow or doodle decoration totaling under 7%. No fourth color. 12-20% inner safe-zone padding. No embedded text or hand-lettered words visible.
Alt Text:
Sketch-notes hero rendering: hand-drawn professional and doodle growth chart on cream paper, navy ink with gold accent
---
Image 9: ink-notes.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — ink-notes |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Pure white background with sparse black ink drawing, hand-drawn linework, deliberate empty space, near-monochrome with one semantic accent color in 1-3 small focal points only. Subject: a confident professional figure hand-drawn in minimal black ink strokes beside an upward growth chart sketched with sparse confident lines. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is mono-ink shifted to the deck's HEX: pure white background (about 60%); deep navy #1E3A5F replaces the typical black ink for all linework and the dominant figure (about 33%); accent gold #D4AF37 appears as one small semantic emphasis dot or arrow totaling under 7%. No other colors. 12-20% inner safe-zone padding. No embedded text or words visible.
Alt Text:
Ink-notes hero rendering: minimal navy ink drawing of professional and growth chart on white with gold accent dot
---
Image 10: chalkboard.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — chalkboard |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Chalk drawing on a dark green chalkboard surface, white and pale chalk strokes with slight smudge texture, classroom feel, hand-drawn chalk linework. Subject: a confident professional figure drawn in white chalk beside an upward growth chart sketched in chalk strokes with arrows. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior — chalkboard adapted to deck HEX: deep dark chalkboard surface dominates (about 65%); pale off-white chalk #F8F9FA renders all primary linework and the dominant figure (about 28%); warm gold chalk #D4AF37 appears only in one or two small highlights totaling under 7%. No fourth chalk color. 12-20% inner safe-zone padding. No embedded text or written words visible on the chalkboard.
Alt Text:
Chalkboard hero rendering: chalk drawing of professional and growth chart on dark green board with white chalk and gold accent
---
Image 11: watercolor.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — watercolor |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Painterly watercolor style with soft bleeding edges, organic color washes, slight paper grain, hand-painted brush feel, no hard outlines. Subject: a confident professional figure painted in watercolor beside an upward growth chart suggested through soft watercolor washes and brush strokes. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate watercolor: soft off-white #F8F9FA paper field dominates (about 65%); deep navy #1E3A5F watercolor wash carries the main figure and chart with soft bleeding edges (about 28%); warm gold #D4AF37 watercolor highlights appear in one or two small concentrated wash spots totaling under 7%. No fourth pigment. 12-20% inner safe-zone padding. No embedded text or letters visible.
Alt Text:
Watercolor hero rendering: painted professional and growth chart with soft navy washes on off-white paper with gold highlights
---
Image 12: warm-scene.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — warm-scene |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Golden-hour cinematic warmth, soft directional sunlight from low angle, warm color grading throughout, atmospheric haze, lifestyle photography feel. Subject: a confident professional standing beside an upward growth chart bathed in warm golden-hour light, looking forward toward the light source. Single dominant subject occupying 60-70% of the canvas (hero composition). Color grading is restrained-corporate warmed: soft off-white #F8F9FA highlights carry the warmly lit field and atmospheric haze (about 60%); deep navy #1E3A5F appears in the shadowed clothing and shadowed side of the chart (about 30%); warm gold #D4AF37 grade carries the golden-hour light itself and rim lighting on the subject totaling about 10%. No saturated extra colors. 12-20% inner safe-zone padding. No embedded text in the image.
Alt Text:
Warm-scene hero rendering: cinematic golden-hour photo of professional and growth chart with navy shadows and gold light
---
Image 13: screen-print.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — screen-print |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Halftone screen-print poster art, limited flat colors, visible halftone dot pattern in transitional zones, slight color misregistration for silkscreen authenticity, retro poster aesthetic. Subject: a confident professional figure rendered as a stylized poster silhouette beside an upward growth chart simplified to bold poster shapes. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate poster: off-white #F8F9FA carries the poster field (about 60%); deep navy #1E3A5F is the dominant flat poster ink for the figure and chart (about 33%); warm gold #D4AF37 is the second poster ink in one or two emphasis blocks totaling under 7%. Halftone dot transitions between color zones. Slight misregistration. No fourth ink. 12-20% inner safe-zone padding. No embedded text or poster lettering visible.
Alt Text:
Screen-print hero rendering: halftone poster of professional and growth chart in navy and gold on off-white with retro silkscreen feel
---
Image 14: fantasy-animation.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — fantasy-animation |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Hand-drawn animation style reminiscent of Studio Ghibli — soft warm linework, painted watercolor-style backgrounds, gentle character expression, storybook warmth, animated film look. Subject: a confident professional character drawn in animation style standing beside an upward growth chart rendered as part of a warm storybook scene. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate softened for animation: soft off-white #F8F9FA painted background (about 60%); deep navy #1E3A5F appears as the character's clothing and dominant scene tone (about 30%); warm gold #D4AF37 appears as warm light glow and character highlights totaling about 10%. No clashing saturated colors. 12-20% inner safe-zone padding. No embedded text or letters visible.
Alt Text:
Fantasy-animation hero rendering: Ghibli-style professional and growth chart with navy clothing and warm gold light on soft off-white
---
Image 15: pixel-art.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — pixel-art |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
8-bit pixel art aesthetic, blocky pixels with sharp pixel edges and no anti-aliasing, retro game feel, limited color palette per fill, deliberate jagged edges. Subject: a confident professional pixel character standing beside an upward growth chart rendered as a pixelated bar chart. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate pixel: off-white #F8F9FA fills the background pixel field (about 60%); deep navy #1E3A5F is the dominant pixel color for the character and chart bars (about 33%); warm gold #D4AF37 appears as one or two small accent pixel clusters — a highlighted bar tip or pixel sparkle — under 7%. No fourth color. 12-20% inner safe-zone padding. No embedded pixel text or letters visible.
Alt Text:
Pixel-art hero rendering: 8-bit professional and bar chart in navy pixels on off-white with gold accent pixels
---
Image 16: nature.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — nature |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Organic earthy illustration with botanical details, hand-drawn natural forms, leaves and organic textures, slightly desaturated earthy line quality. Subject: a confident professional figure standing in a natural outdoor setting beside an upward growth chart formed organically from stylized plant shapes or rising leaves. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate naturalized: soft off-white #F8F9FA carries the open natural breathing space (about 60%); deep navy #1E3A5F shifted slightly toward natural-darkened tone for the figure and organic forms (about 30%); warm gold #D4AF37 appears as small natural sun-detail pops — sunlit leaf tips, a small flower — totaling about 10%. Earth-toned, slightly desaturated. 12-20% inner safe-zone padding. No embedded text or letters.
Alt Text:
Nature hero rendering: professional in natural setting with organic growth chart in navy and earthy gold on off-white
---
Image 17: minimalist-swiss.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — minimalist-swiss |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Strict Swiss-grid minimalist composition with rigorous modular grid alignment, reduced geometric primitives (clean rectangles, perfect circles, single-weight lines), no decoration, no gradients, no shadows, generous aggressive whitespace. Subject: a stylized confident professional silhouette standing beside an upward growth chart reduced to a single straight diagonal line — both elements snapped to the grid. Single dominant composition occupying 60-70% of the canvas (hero composition), with deliberate negative space carrying as much weight as filled areas. Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 70% of the canvas as vast calm field; primary deep navy #1E3A5F carries the silhouette and chart line as flat solid block; accent gold #D4AF37 appears only as one thin horizontal rule or single small dot at a rule-of-thirds intersection, under 3%. No fourth color. 18-20% inner padding. No embedded text or labels.
Alt Text:
Minimalist-swiss hero rendering: gridded silhouette and chart line in deep navy on vast off-white field with single gold accent
---
Image 18: glassmorphism.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — glassmorphism |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Modern glassmorphism aesthetic with layered semi-transparent frosted-glass panels, thin 1px highlight strokes on panel top/left edges, large soft drop shadows (20% opacity, generous spread) for real depth, soft gradient background blurring through panels. Subject: a confident professional figure rendered as a clean solid silhouette inside the main frosted-glass panel, standing beside an upward growth chart shown as a polished glass card with crisp data marks. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate glass: secondary off-white #F8F9FA forms the soft gradient field (about 60%); primary deep navy #1E3A5F carries the figure silhouette and chart data inside the glass panel (about 32%); accent gold #D4AF37 appears as one small focal indicator on the chart, under 5%. Polished, premium, futuristic-friendly. 12% inner safe-zone padding. No embedded text or labels.
Alt Text:
Glassmorphism hero rendering: frosted-glass panel with professional silhouette and chart in deep navy on soft off-white gradient with gold accent
---
Image 19: vintage-poster.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — vintage-poster |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Mid-century modern poster aesthetic with bold geometric shapes with rounded organic edges, slightly off-axis retro composition, halftone dot pattern at 12% opacity overlaying fills, subtle paper grain at 10% opacity, slight ink misregistration along edges suggesting screen-print authenticity, thick hand-aware lines. Subject: a stylized retro confident professional silhouette standing beside an upward growth chart shown as angular geometric bars, both in mid-century poster character. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate in mid-century register: secondary off-white #F8F9FA (slightly toned toward warm paper) carries about 60% of the canvas; primary deep navy #1E3A5F forms the silhouette and bars as confident flat blocks with halftone overlay (about 32%); accent gold #D4AF37 appears as one small geometric circle or thin horizontal rule, under 8%. Three colors total. 12% inner padding. No embedded text or letters.
Alt Text:
Vintage-poster hero rendering: mid-century retro silhouette and angular bars in deep navy on warm off-white with gold geometric accent
---
Image 20: paper-cut.png
| Attribute | Value |
|---|---|
| Purpose | Rendering comparison — paper-cut |
| Aspect ratio | 16:9 |
| Status | Generated |
Prompt:
Layered paper-cut craft aesthetic with crisp scissor-cut edges (slightly irregular, hand-aware, not mathematically perfect), soft 8-12% drop shadows under each cut-paper layer giving real tactile depth, paper grain at 12% opacity over each color sheet, no outlines anywhere (shapes defined by paper edges only). Subject: a confident professional figure built as layered paper cutouts standing beside an upward growth chart constructed as stacked paper rectangles of increasing height. Single dominant composition occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate as paper: secondary off-white #F8F9FA forms the background paper sheet (about 60%); primary deep navy #1E3A5F is the dominant paper-layer color for the figure and chart bars (about 32%); accent gold #D4AF37 appears as one small cut paper detail — a bar tip highlight or a small paper-cut sun — under 8%. Each layer casts a soft 10% drop shadow. 12% inner padding. No embedded text or letters.
Alt Text:
Paper-cut hero rendering: layered paper silhouette and stacked paper bars in deep navy on off-white sheet with gold paper accent
---
Rendering Comparison Set
Controlled variables
| Dimension | Value | Status |
|---|---|---|
| Rendering | varies (20 styles) | under comparison |
| Palette | cool-corporate | fixed baseline |
| Composition | single-subject hero — see `image-generator.md` §4.1 Primitive A | fixed baseline |
Subject
A confident professional standing beside an upward growth chart, looking forward — single dominant subject occupying 60-70% of the canvas. This is the "single-subject hero" composition described as `image-generator.md` §4.1 Primitive A, used here as a stable baseline because a single dominant subject makes rendering differences read most clearly.
Baseline HEX (canonical cool-corporate values)
- Primary
#1E3A5Fdeep navy (main subject) - Secondary
#F8F9FAoff-white (~60-70% breathing space) - Accent
#D4AF37gold (< 5% emphasis)
Naming convention
Each filename is <rendering>.png, matching the corresponding file under references/image-renderings/.
Why fix single-subject hero + cool-corporate
- The single-subject hero composition (§4.1 Primitive A) makes rendering differences read most clearly — a single dominant subject is the most visually representative shape
cool-corporatehas the most restrained color behavior — it does not visually overpower the rendering style being compared- Both are the most common "origin" choices in production, making this set the most stable comparison baseline
How to read this set
Scan all 20 images side by side. Focus on:
- Line quality — hand-drawn vs vector vs photographic
- Surface material — flat vs volumetric vs paper vs screen
- Emotional temperament — restrained-professional vs warm-narrative vs retro-nostalgic
{
"project": "skills/ppt-master/references/ai-image-comparison/type",
"generated_at": "2026-05-15",
"comparison_set": "type",
"baseline": {
"rendering": "vector-illustration",
"palette": "cool-corporate",
"subject_theme": "team scaling a business — collaboration, growth, structure"
},
"color_scheme": {
"primary": "#1E3A5F",
"secondary": "#F8F9FA",
"accent": "#D4AF37"
},
"deck_style_anchor": "Vector-illustration rendering: clean flat vector with bold shapes, sharp edges, no gradients, no shadows. Cool-corporate palette: secondary off-white #F8F9FA dominates background (60-70%), primary deep navy #1E3A5F carries main forms, accent gold #D4AF37 in small emphasis points only.",
"items": [
{
"filename": "infographic.png",
"purpose": "Type comparison — infographic (2-5 ordered zones with icons + minimal labels)",
"type": "infographic",
"aspect_ratio": "4:3",
"prompt": "Clean flat vector illustration, infographic composition with 4 evenly distributed ordered zones in a 2x2 grid, each zone containing one stylized icon and minimal supporting elements. Subject: 4 KPI zones representing team scaling — top-left a stylized people icon (team), top-right a stylized box icon (product), bottom-left a stylized handshake or person silhouette (customer), bottom-right an upward arrow icon (revenue growth). Each zone has clean spatial separation. Color behavior is restrained-corporate: secondary off-white #F8F9FA dominates the canvas and zone backgrounds (about 60%); primary deep navy #1E3A5F carries all 4 icon shapes and zone framing lines in confident solid fills (about 32%); accent gold #D4AF37 appears only on one highlighted KPI zone — perhaps a small accent dot or border on the revenue arrow — totaling under 8%. No fourth color. Icons should NOT contain readable text labels — pure pictographic icons only. No HEX codes visible.",
"alt_text": "Infographic type: 2x2 grid of 4 KPI icon zones in deep navy on off-white with gold highlight on revenue zone",
"status": "Generated"
},
{
"filename": "flowchart.png",
"purpose": "Type comparison — flowchart (sequential blocks connected by arrows)",
"type": "flowchart",
"aspect_ratio": "21:9",
"prompt": "Clean flat vector illustration, horizontal flowchart composition with 5 sequential blocks left-to-right connected by arrows. Subject: a 5-stage business scaling flow — block 1 a stylized lightbulb (idea), block 2 a stylized people group (team), block 3 a stylized box (product), block 4 a stylized person (customer), block 5 an upward arrow (growth). Each block separated by a clear directional arrow. Even horizontal rhythm. Color behavior is restrained-corporate: secondary off-white #F8F9FA dominates the canvas (about 65%); primary deep navy #1E3A5F carries all 5 block shapes, icons, and connecting arrows in confident solid fills (about 28%); accent gold #D4AF37 appears only on the final growth-stage block as the destination highlight — totaling under 7%. No fourth color. Icons should NOT contain readable text labels. No HEX codes visible.",
"alt_text": "Flowchart type: 5 horizontal sequential blocks (idea→team→product→customer→growth) in deep navy on off-white with gold final block",
"status": "Generated"
},
{
"filename": "framework.png",
"purpose": "Type comparison — framework (central node + radiating satellites)",
"type": "framework",
"aspect_ratio": "1:1",
"prompt": "Clean flat vector illustration, framework composition with one central node and 4 satellite nodes radiating outward, all connected to the center by clean lines. Subject: a stylized 'business' node at center (a small building or geometric core), with 4 satellite nodes around it — top a people group icon (team), right a box icon (product), bottom a person icon (customer), left an arrow icon (growth). Symmetrical radial balance. Color behavior is restrained-corporate: secondary off-white #F8F9FA dominates the canvas as breathing space between nodes (about 60%); primary deep navy #1E3A5F carries the central node, all 4 satellite nodes, and connecting lines in confident solid fills (about 32%); accent gold #D4AF37 appears only on the central business node as the focal anchor — totaling under 8%. No fourth color. Icons should NOT contain readable text labels. No HEX codes visible.",
"alt_text": "Framework type: central business node with 4 radiating satellites (team/product/customer/growth) in deep navy on off-white with gold center",
"status": "Generated"
},
{
"filename": "comparison.png",
"purpose": "Type comparison — comparison (split composition, left vs right)",
"type": "comparison",
"aspect_ratio": "21:9",
"prompt": "Clean flat vector illustration, split-screen comparison composition with a clear vertical division down the center, left side and right side showing contrasting states. Subject: a Before vs After business scaling comparison — left side shows a small isolated person figure with a single small box (small team / single product), right side shows a larger group of people with multiple boxes connected by arrows (scaled team / multiple products with growth). Visual weight balanced left and right. Color behavior is restrained-corporate: secondary off-white #F8F9FA dominates both halves as the field (about 60%); primary deep navy #1E3A5F carries all figures, boxes, and structural shapes on both sides in confident solid fills (about 32%); accent gold #D4AF37 appears only on the right (After) side as the highlight indicating the positive scaled state — totaling under 8%. No fourth color. No readable text labels. No HEX codes visible.",
"alt_text": "Comparison type: split-screen left small team vs right scaled team in deep navy on off-white with gold accent on right",
"status": "Generated"
},
{
"filename": "timeline.png",
"purpose": "Type comparison — timeline (linear progression along an axis)",
"type": "timeline",
"aspect_ratio": "21:9",
"prompt": "Clean flat vector illustration, horizontal timeline composition with a clear horizontal axis line spanning left to right, 4 evenly spaced milestone markers along the axis, each with a small icon above or below the axis. Subject: a 4-year business scaling timeline — Year 1 marker a stylized small person (founder), Year 2 a small team icon, Year 3 a larger team with product box, Year 4 a large team with multiple products and an upward arrow. Progressive scale increase along the axis. Color behavior is restrained-corporate: secondary off-white #F8F9FA dominates the canvas as breathing space (about 65%); primary deep navy #1E3A5F carries the axis line, all 4 milestone markers and icons in confident solid fills (about 28%); accent gold #D4AF37 appears only on the Year 4 final milestone as the destination highlight — totaling under 7%. No fourth color. No readable year-number text labels. No HEX codes visible.",
"alt_text": "Timeline type: horizontal axis with 4 milestones (Y1→Y2→Y3→Y4 team scaling) in deep navy on off-white with gold final marker",
"status": "Generated"
},
{
"filename": "scene.png",
"purpose": "Type comparison — scene (atmospheric environment with narrative)",
"type": "scene",
"aspect_ratio": "4:3",
"prompt": "Clean flat vector illustration, atmospheric scene composition with environmental context and a narrative moment captured. Subject: a team scaling moment — 4-5 people figures collaborating around a table in a stylized modern office environment, one figure pointing at a wall-mounted growth chart, soft window light suggested through stylized window shapes on one wall. Scene-level depth with foreground subjects and background environment. Color behavior is restrained-corporate: secondary off-white #F8F9FA dominates the environment — walls, window light, table surface (about 60%); primary deep navy #1E3A5F carries the figures, structural environment shapes, and the growth chart on the wall in confident solid fills (about 32%); accent gold #D4AF37 appears only as warm window light highlights and one or two small environment details totaling under 8%. No fourth color. No readable text on the wall chart or in the environment. No HEX codes visible.",
"alt_text": "Scene type: team collaboration around a table with wall growth chart in modern office, deep navy on off-white with gold light",
"status": "Generated"
},
{
"filename": "matrix.png",
"purpose": "Type comparison — matrix (2×2 quadrant grid)",
"type": "matrix",
"aspect_ratio": "1:1",
"prompt": "Clean flat vector illustration, 2×2 strategic matrix composition with two perpendicular axis lines crossing at exact canvas center dividing into four equal quadrants. Subject (under the 'team scaling' theme): a stylized growth-strategy quadrant — each quadrant holds one simple iconic symbol representing a scaling lever — upper-left a small team icon, upper-right a product icon, lower-left a customer icon, lower-right an upward growth arrow. Each quadrant has a subtle background tint. Color behavior is restrained-corporate: secondary off-white #F8F9FA fills the four quadrants as base field with slightly varying pale tints (about 65%); primary deep navy #1E3A5F draws the two perpendicular axis lines and all four iconic symbols in solid confident fills (about 30%); accent gold #D4AF37 appears as four small dots at the outer corners or as the highlighted lower-right growth-arrow tip, under 5%. No fourth color. NO axis labels, NO quadrant names, NO text of any kind. No HEX codes visible.",
"alt_text": "Matrix type: 2x2 quadrant grid with four iconic symbols (team, product, customer, growth) in deep navy on pale off-white with gold corner dots",
"status": "Generated"
},
{
"filename": "cycle.png",
"purpose": "Type comparison — cycle (closed-loop process)",
"type": "cycle",
"aspect_ratio": "1:1",
"prompt": "Clean flat vector illustration, closed-loop cycle composition with 4 step nodes arranged in a perfect circle at 12/3/6/9 o'clock positions on the canvas perimeter. Subject (under the 'team scaling' theme): a 4-step continuous scaling loop — node 1 a small team icon (BUILD), node 2 a product/box icon (SHIP), node 3 a customer icon (LEARN), node 4 a growth-up-arrow icon (SCALE) — curved directional arrows flowing clockwise between each node, the last arrow closing the loop back to node 1. The center holds one small focal dot. Color behavior is restrained-corporate: secondary off-white #F8F9FA fills the canvas as breathing field (about 60%); primary deep navy #1E3A5F draws the four rounded-square node frames and all icons in solid confident fills (about 32%); accent gold #D4AF37 carries the four curved directional arrows and the central focal dot, totaling under 8%. No fourth color. NO text or step labels — SVG will overlay labels externally. No HEX codes visible.",
"alt_text": "Cycle type: 4-step closed loop (build→ship→learn→scale) with curved gold arrows around the circle, deep navy nodes on off-white",
"status": "Generated"
},
{
"filename": "funnel.png",
"purpose": "Type comparison — funnel (top-wide bottom-narrow conversion stack)",
"type": "funnel",
"aspect_ratio": "3:4",
"prompt": "Clean flat vector illustration, vertical funnel composition with 4 horizontal bands stacked vertically, each band centered on the canvas vertical axis and ~20% narrower than the band above (visibly converging downward). Subject (under the 'team scaling' theme): a 4-stage scaling funnel — band 1 (top, widest) holds a megaphone-and-many-people icon (AWARENESS), band 2 a smaller group with handshake icon (INTEREST), band 3 a single team-around-table icon (ENGAGEMENT), band 4 (bottom, narrowest) a growth-arrow icon (CONVERSION). Color behavior is restrained-corporate: secondary off-white #F8F9FA fills the side margins around the narrowing bands as breathing space (about 60%); primary deep navy #1E3A5F carries the 4 band rectangles and the white iconic symbols inside in solid confident fills (about 33%); accent gold #D4AF37 appears as thin dividers between bands and the bottom-band emphasis (about 7%). No fourth color. NO band labels or text. No HEX codes visible.",
"alt_text": "Funnel type: 4 narrowing bands (awareness→interest→engagement→conversion) in deep navy on off-white with gold dividers",
"status": "Generated"
},
{
"filename": "pyramid.png",
"purpose": "Type comparison — pyramid (bottom-wide top-narrow hierarchical tiers)",
"type": "pyramid",
"aspect_ratio": "3:4",
"prompt": "Clean flat vector illustration, vertical pyramid composition with 4 horizontal stepped tiers stacked vertically, each tier centered on the canvas vertical axis and ~18% narrower than the tier below (visibly narrowing upward). Subject (under the 'team scaling' theme): a 4-tier capability hierarchy — tier 1 (foundation, widest) holds a foundation/bricks icon (CULTURE), tier 2 a team icon (TEAM), tier 3 a product/box icon (PRODUCT), tier 4 (apex, narrowest) a growth-star icon (GROWTH). Color behavior is restrained-corporate progression: secondary off-white #F8F9FA fills side margins as breathing space (about 60%); primary deep navy #1E3A5F at full strength for the foundation tier 1, lighter tints for tiers 2-3, and tier 4 carries accent gold #D4AF37 as the apex (total navy + tints about 32%, gold about 8%). Each tier holds a single white iconic symbol. NO tier labels or text. No HEX codes visible.",
"alt_text": "Pyramid type: 4 narrowing-upward tiers (culture→team→product→growth) in deep navy progression with gold apex on off-white",
"status": "Generated"
},
{
"filename": "map.png",
"purpose": "Type comparison — map (stylized geographic outline with annotated markers)",
"type": "map",
"aspect_ratio": "16:9",
"prompt": "Clean flat vector illustration, stylized geographic map composition. Subject (under the 'team scaling' theme): a stylized world map showing global team expansion — simplified continental landmasses positioned with approximate geographic accuracy in solid silhouette (no country borders, no political subdivisions). Six small circular markers placed at major office locations — two in North America, two in Europe, one in East Asia, one in Australia — each marker with a thin pulsing-glow ring at 30% opacity. Two or three thin slightly-curved connection lines between markers suggesting team collaboration routes. Color behavior is restrained-corporate: secondary off-white #F8F9FA fills the ocean/negative space (about 62%); primary deep navy #1E3A5F is the solid silhouette for all continents (about 30%); accent gold #D4AF37 carries the six markers, their glow rings, and the connection arcs (about 8%). NO country names, city names, or any text. No HEX codes visible.",
"alt_text": "Map type: stylized world with 6 gold office markers and connection arcs over deep navy continents on off-white ocean",
"status": "Generated"
}
]
}
Type Comparison Set
Controlled variables
| Dimension | Value | Status |
|---|---|---|
| Type | varies (11 types) | under comparison |
| Rendering | vector-illustration | fixed baseline |
| Palette | cool-corporate | fixed baseline |
The 11 types here are the internal geometric skeletons forpage_role: localinfographic blocks.page_role: hero_pageimages don't pick a type — they use the four composition primitives in `image-generator.md` §4.1 instead (single-subject / portrait / typographic / atmospheric), so they don't appear in this comparison set.
Subject theme
"Team scaling a business — collaboration, growth, structure"
This abstract theme is chosen deliberately. Each type interprets it through a completely different composition, which is precisely the value of the type comparison:
| Type | How the same theme renders under this type |
|---|---|
| infographic | Four KPI zones: team / product / customer / revenue |
| flowchart | Sequential arrows: idea → team → product → customer → growth |
| framework | Central business node + 4 radiating satellites (team / product / customer / growth) |
| matrix | 2×2 quadrant grid with team / product / customer / growth icons |
| cycle | Closed-loop: build → ship → learn → scale, arrows returning to start |
| funnel | 4 narrowing bands: awareness → interest → engagement → conversion |
| pyramid | 4 narrowing-upward tiers: culture → team → product → growth |
| comparison | Split: small team vs scaled team (before / after) |
| timeline | Time axis: Year 1 → Year 2 → Year 3 → Year 5 |
| map | Stylized world map with office markers and collaboration arcs |
| scene | Narrative scene of team collaboration in a meeting room |
Baseline HEX (cool-corporate)
- Primary
#1E3A5Fdeep navy - Secondary
#F8F9FAoff-white - Accent
#D4AF37gold
Aspect ratios
Each type uses its own "natural container shape" (see the default container table in image-type-templates/_index.md):
| Type | Aspect ratio | Container character |
|---|---|---|
| infographic | 4:3 | Square-ish info block |
| flowchart | 21:9 | Horizontal banner |
| framework | 1:1 | Square radial |
| matrix | 1:1 | Square quadrant grid |
| cycle | 1:1 | Square closed loop |
| funnel | 3:4 | Portrait converging-down stack |
| pyramid | 3:4 | Portrait converging-up tiers |
| comparison | 21:9 | Wide split banner |
| timeline | 21:9 | Long horizontal axis |
| map | 16:9 | Wide geographic frame |
| scene | 4:3 | Scene-format frame |
Naming convention
Each filename is <type>.png, matching the corresponding file under references/image-type-templates/.
How to read this set
Scan all 11 images side by side. Focus on:
- Internal composition skeleton — central / sequential / radiating / symmetrical / tiled / axis-aligned
- Subject density and distribution
- Visual relationships between elements — connecting / parallel / nested / progressive
- Intuitive use-case fit — which best fits "process content", "comparison content", "data content"
Canvas Format Specification
See shared-standards.md for SVG basic rules.
Format Quick Reference
| Format | viewBox | Ratio | Use Case |
|---|---|---|---|
| PPT 16:9 | 0 0 1280 720 | 16:9 | Business presentations, meetings |
| PPT 4:3 | 0 0 1024 768 | 4:3 | Traditional projectors, academic talks |
| Xiaohongshu (RED) | 0 0 1242 1660 | 3:4 | Image-text sharing, knowledge posts |
| WeChat Moments / IG | 0 0 1080 1080 | 1:1 | Square posters, brand showcases |
| Story / TikTok | 0 0 1080 1920 | 9:16 | Vertical stories, short video covers |
| WeChat Article Header | 0 0 900 383 | 2.35:1 | WeChat article cover images |
| Landscape Banner | 0 0 1920 1080 | 16:9 | Web banners, digital screens |
| Portrait Poster | 0 0 1080 1920 | 9:16 | Phone screens, elevator ads |
| A4 Print | 0 0 1240 1754 | 1:sqrt(2) | Print posters, flyers |
Format Selection Decision Tree
Content purpose?
├── Presentation
│ ├── Modern devices → PPT 16:9 (1280x720)
│ └── Traditional devices → PPT 4:3 (1024x768)
├── Social sharing
│ ├── Xiaohongshu (RED) → 1242x1660
│ ├── WeChat Moments / IG → 1080x1080
│ └── Story / TikTok → 1080x1920
└── Marketing materials
├── WeChat Article Header → 900x383
├── Banner → 1920x1080
└── Print → 1240x1754Layout Principles
Landscape (16:9, 4:3, 2.35:1)
- Visual flow: Z-pattern, left to right
- Margins: 40-80px
- Layouts: multi-column, left-right split, grid
- Card dimensions (16:9): single-row 530-600px, double-row 265-295px
Portrait (3:4, 9:16)
- Visual flow: top to bottom
- Margins: 60-120px
- Layouts: single-column, top-bottom split, card stacking
- Card dimensions (3:4): height 400-600px, gap 40-60px
Square (1:1)
- Visual flow: center-radiating
- Margins: 60-100px
- Core area: ~800x800px
Format-specific Design
| Format | Title Area | Content Area | Special Notes |
|---|---|---|---|
| PPT | 80-100px | Full width utilization | Page number bottom-right |
| Xiaohongshu (RED) | 180-240px (bold) | Generous top/bottom whitespace | Brand area at bottom 120-160px |
| WeChat Moments | 200-280px | Center 500-600px | QR code area at bottom 150-200px |
| Story | — | Middle 1500px | Top safe zone 120px, bottom 180px |
| WeChat Article Header | Center/left-aligned 48-72px | — | Image on right or as background |
Body font baseline scales with canvas and delivery purpose — a PPT 16:9 baseline confirmed for read-close / business / projection cannot be carried onto tall canvases (Xiaohongshu / Story / A4). Pick the baseline from the confirmed canvas, not the recommended one; see the per-canvas px anchors in `strategist.md` §g "Font Size Ramp" (the system is px-only — all sizes are unitless px on every canvas).
ViewBox Examples
<svg width="1280" height="720" viewBox="0 0 1280 720"> <!-- PPT 16:9 -->
<svg width="1242" height="1660" viewBox="0 0 1242 1660"> <!-- Xiaohongshu -->
<svg width="1080" height="1080" viewBox="0 0 1080 1080"> <!-- WeChat Moments -->
<svg width="1080" height="1920" viewBox="0 0 1080 1920"> <!-- Story -->
<svg width="900" height="383" viewBox="0 0 900 383"> <!-- WeChat Article Header -->Palette: cool-corporate
Stable, professional, restrained. The default palette for consulting / finance / B2B / corporate decks where credibility is the primary visual signal.
This file describes color behavior, not HEX values. The deck's HEX triplet comes from design_spec.colors (set by Strategist). cool-corporate tells the model how to use those HEX values.1. Compatible renderings
| Rendering | Notes |
|---|---|
| ✓✓ vector-illustration | Default pairing — flat shapes carry the restraint |
| ✓✓ flat | Similar feel, slightly more decorative |
| ✓✓ 3d-isometric | Works well — keep shadows soft and 8% opacity |
| ✓✓ digital-dashboard | Natural fit for data products |
| ✓✓ blueprint | Good for technical architecture |
| ✓✓ corporate-photo | Photography with cool color grading |
| ✓✓ editorial | Magazine restraint matches palette restraint |
| ✗ sketch-notes / fantasy-animation / pixel-art | Temperament conflict — choose warm-earth or macaron for those renderings |
| ✗ dark-cinematic combinations | Dark-cinematic is a different palette — don't try to merge |
---
2. Fewshot prompt snippets
Snippet A — applied to a vector-illustration background
[...rendering paragraph...] Color behavior is restrained-corporate: secondary light gray#F8F9FAcarries 65% of the canvas as calm breathing space across the upper two-thirds; primary deep navy#1E3A5Fforms a confident diagonal block across the lower portion (about 28% area); accent gold#D4AF37appears only as one thin horizontal line and a single small geometric dot, together under 5% of the area. No additional colors. [...container guidance...]
Palette: dark-cinematic
Premium, atmospheric, low-light. The "dark mode" palette — used for premium product launches, film / entertainment decks, evening / nightlife themes, sophisticated tech that wants cinema mood. Distinguished by deep dark background with carefully placed bright accents.
This file describes color behavior, not HEX values.
1. Special: dark-cinematic may override deck background
dark-cinematic, like mono-ink, may override `design_spec.colors.secondary` if the deck's secondary is light. The dark background is essential to the palette identity. Note this in the prompt:
"dark-cinematic palette uses a deep dark background#0A0E27regardless of deck's secondary HEX — the dark cinema field is the identity. The deck's primary#XXXis used as the bright lit subject; the deck's accent#XXXcarries the glow accent."
2. Compatible renderings
| Rendering | Notes |
|---|---|
| ✓✓ 3d-isometric | Premium dark-mode architecture |
| ✓✓ digital-dashboard | Dark-mode SaaS product |
| ✓✓ corporate-photo | Low-light photography |
| ✓✓ warm-scene | Evening / nightlight scenes |
| ✓✓ screen-print | Cinematic poster |
| ✓ blueprint | Dark-mode schematic |
| ✓ vector-illustration | Acceptable |
| ✗ sketch-notes / fantasy-animation / nature / chalkboard | Wrong temperament |
| ✗ macaron / warm-earth | Wrong brightness identity |
---
3. Fewshot prompt snippets
Snippet A — applied to a digital-dashboard premium product
[...rendering paragraph...] Color behavior is dark-cinematic dashboard: deep dark#0A0E27covers about 65% of the surface as the cinema background. Primary bright teal#14B8A6carries the main chart bars with implied 8%-opacity glow halo (about 25%). Accent gold#D4AF37reserved for one highlighted KPI with stronger glow (about 10%). Card backgrounds are slightly lighter dark#1E293Bseparating cards from the deeper void. Premium, cinematic, sophisticated. [...container guidance...]
Related skills
How it compares
Choose ppt-master over generic image-generation skills when the deliverable is a structured presentation deck with consistent slide visuals rather than standalone images.
FAQ
What does ppt-master do?
# ───────────────────────────────────────────────────────────── # Image Generation Configuration / 图片生成配置 # ───────────────────────────────────────────────────────────── # This file is an optional fallback config source
When should I use ppt-master?
# ───────────────────────────────────────────────────────────── # Image Generation Configuration / 图片生成配置 # ───────────────────────────────────────────────────────────── # This file is an optional fal
Is ppt-master safe to install?
Review the Security Audits panel on this page before installing in production.