SuperAPI AI Directory

warm-orange-minimal-ppt-infographic

Design & creation

View repository

Updated 10-15 20:12

About this skill

Warm Orange Minimalist PPT Infographic

Convert the user's new content into a 16:9 landscape PPT image with a warm orange, bright, clean courseware feel, and by default call the imagegen skill / built-in image_gen tool to generate the image.

Effect Preview

Effect Preview

assets/preview.png is the 16:9 sample image that the user confirmed was satisfactory when this Skill was created, and it is used to demonstrate the target visual style. When generating new images later, there is no need to copy the preview image content; only reuse its corresponding visual system, layout language, and information organization method.

Default Settings

  • Aspect Ratio: 16:9 landscape.
  • Image Generation Method: Use the imagegen skill, which internally calls the built-in image_gen tool.
  • Background: A soft gradient background from creamy white and light beige to light gold, with ample negative space; very faint dotted texture, light-colored glow, and orange circular corner decorations may be added.
  • Primary Colors: Bright orange-yellow, golden orange, warm white, and light gray; purple-blue is used for a small number of accent nodes, icons, or labels, and dark gray-black is used for titles and body text.
  • Art Style: Minimalist educational courseware, flat PPT infographic, circular icon badges, lightweight illustrations, thin gray connecting lines, short labels, and bright negative space.
  • Text: Chinese bold titles, short subtitles, module labels, and a small amount of explanatory text; avoid long paragraphs, dense small text, and unreadable body text.
  • Default Delivery: When the user asks for an image, image generation, accompanying image, PPT image, or presentation page, organize the final prompt and call image_gen; when the user explicitly asks only for the prompt, do not call image generation.

Applicable Scenarios

  • Educational courseware, student union elections, role positioning, job responsibilities, competency models, election processes, organizational introductions, and course explanations.
  • AI/Skills workflows, structured expression from problem to scenario, from scenario to Skill, and from Skill to continuous optimization.
  • Cover pages, overview pages, horizontal process pages, center-radial pages, left-right explanation pages, layered label pages, lightweight matrix pages, and key-point breakdown pages.
  • The user wants to generate an image in the same PPT style from a new topic, new copy, or new structure, rather than redrawing the reference image.

Style Specifications

Canvas and Negative Space

  • Default 16:9 landscape, overall like an educational PPT infographic page that can be placed directly into a presentation.
  • Keep ample bright margins around all sides, with the main information occupying 65% to 85% of the image, so that titles, icons, connecting lines, and explanatory modules all have room to breathe.
  • Information density is low to medium, suitable for expressing one main line, one core concept, several steps, or a few competency dimensions.
  • The page should have a clear visual focal point, which can be an illustration on the left, a central theme block, a horizontal process axis, radial nodes, or an information module on the right.

Background and Texture

  • The background is mainly a gradient of creamy white, off-white, light gold, and pale yellow, with soft lighting and an overall clean and bright feel.
  • A half-exposed orange-yellow circular decoration can be added at the top right, top left, or edge to create a courseware template feel, but it must not overpower the main information.
  • Very faint dotted textures, light gray dashed lines, lightweight geometric accents, or thin dividers can be used to enhance the visual order.
  • The texture should remain flat, light, and modern, avoiding heavy 3D, glassmorphism, realistic photography, dark backgrounds, and complex textures.

Color System

  • Orange-yellow and golden orange are used for main icons, circular badges, key labels, step nodes, emphasis bars, and key conclusions.
  • Purple-blue is used for a small number of auxiliary nodes, secondary accent color, icon backgrounds, or small color blocks, so the image does not look monotonous.
  • Light gray is used for arrows, connecting lines, de-emphasized notes, background motion lines, and card outlines.
  • Dark gray-black is used for main titles, module titles, and core text to ensure Chinese readability.
  • The overall color should be warm, bright, and lightly educational; do not make it a single yellow, and do not add large areas of red, dark blue, neon, or highly saturated mixed colors.

Layout Structure

The overall style is fixed as a warm orange minimalist PPT infographic, but the layout must be intelligently selected according to the user's content, and a single template must not be mechanically applied. Common structures include:

  • Cover overview page: flat illustration or graphic metaphor on the left, main title and short subtitle on the right, suitable for a core theme or course chapter.
  • Horizontal process page: use circular icons, light gray arrows, numbers, and short labels to connect stages in sequence, suitable for campaign processes, work steps, and method paths.
  • Central radiating page: the central theme or role icon connects outward to multiple capabilities, responsibilities, resources, or scenario modules.
  • Layered label page: use orange-yellow and purple-blue bars, rounded labels, or short cards to display dimensions such as definition, capabilities, responsibilities, management, and collaboration.
  • Left-right explanation page: place an illustration or icon metaphor on one side and 2 to 5 structured key points on the other, suitable for overviews, transitions, problems, and solutions.
  • Lightweight matrix page: use white or light-colored rounded modules to organize multiple short ideas, suitable for course frameworks and capability breakdowns.

The number of modules, title positions, icon choices, arrow directions, illustration proportions, and emphasis methods all vary with the content; as long as the warm white and light gold background, orange-yellow primary color, purple-blue accents, circular icons, thin connecting lines, short text, and clean courseware feel are maintained, it is fine.

Graphic Language

  • Use circular icon badges, flat linear icons, lightweight vector illustrations, light gray arrows, curved connecting lines, short horizontal lines, numbers, and small color blocks.
  • Icons should remain concise and unified, with specific icons chosen according to the theme, such as paper airplanes, magnifying glasses, light bulbs, books, trophies, globes, clocks, cards, cycles, teams, goals, tools, and checks.
  • Illustrations can be general metaphors such as abstract figures, books, workbenches, magnifying glasses, card stacks, and process nodes, but do not use proprietary copyrighted characters, real people, or brand assets.
  • Cards and labels can use slight rounded corners, light-colored backgrounds, thin outlines, or soft shadows, but the overall focus should still be on flat infographics.
  • Connecting lines and arrows should be light; do not let the flow lines overpower the text or create a complex, crowded feeling.

Text Hierarchy

  • Main titles are recommended to be 8 to 22 Chinese characters, using modern Chinese sans-serif bold or medium-bold, dark gray-black, with orange used to emphasize keywords when necessary.
  • For subtitles, 12 to 36 Chinese characters are recommended, with a smaller font size; dark gray, light gray, or orange may be used for the color.
  • For module titles, 4 to 10 characters are recommended, and explanations should be kept to a one-line short sentence as much as possible.
  • Text next to numbers, labels, and icons should be short and clear, prioritizing keywords rather than cramming an entire passage from the original text into the visual.
  • Text in the visual must be clear and readable; avoid garbled characters, typos, overly dense small text, overlap, or exceeding the container.

Items to avoid

  • Do not reproduce the original text, logos, watermarks, real school names, real brand assets, real people, or proprietary copyrighted characters from reference images.
  • Do not generate dark tech style, neon cyberpunk style, realistic photographic posters, web UI screenshots, complex 3D scenes, or overly decorative children's cartoon style.
  • Do not cram an entire long passage from the user into the visual, and do not let icons, arrows, illustrations, labels, and background circles squeeze against one another.
  • Do not hard-code the module count, coordinates, icons, arrow paths, title positions, or illustration proportions of any single preview image.

Flexible layout principles

  • Intelligently choose the layout based on the paragraph structure of the user input: cover overview, horizontal process, central radial, left-right explanation, layered labels, lightweight matrix, or timeline are all acceptable.
  • The number of modules, title positions, icon choices, arrow directions, illustration proportions, and emphasis methods can all change with the content; do not mechanically copy the layout of a preview image.
  • Prioritize maintaining consistency in the cream-white light-gold background, orange-yellow primary color, purple-blue accents, circular icons, light gray connecting lines, short Chinese labels, bright whitespace, and educational courseware texture.

Core Workflow

Step 1: Extract the content

Compress the user input into information suitable for expression in a single PPT image:

  • One 8 to 22 Chinese-character main title.
  • One 12 to 36 Chinese-character short subtitle or core viewpoint; if the visual does not need a subtitle, it may be omitted.
  • 2 to 6 main modules, steps, dimensions, responsibilities, or key points; the number is determined by the complexity of the content.
  • Keep one short title and one short explanation for each module, avoiding long paragraphs.
  • Determine whether process order, central radial structure, left-right comparison, role positioning, competency model, or conclusion prompts are needed; do not force them in if not needed.

If the user provides an article or long paragraph, first abstract it into structured key points; do not directly copy the original text.

Step 2: Intelligently choose the layout

Choose the most suitable PPT page type based on the content structure:

  1. Cover overview page: suitable for a single-sentence theme, chapter title, course cover, and viewpoint overview.
  2. Horizontal process page: suitable for sequential steps, campaign processes, execution paths, and optimization loops.
  3. Central radial page: suitable for one theme connecting multiple capabilities, responsibilities, roles, or resources.
  4. Layered label page: suitable for multi-level content such as definitions, capabilities, responsibilities, management, and collaboration.
  5. Left-right explanation page: suitable for problems and solutions, old ways and new ways, concepts and actions.
  6. Lightweight matrix page: suitable for course frameworks, capability breakdowns, multiple parallel key points, and methodology summaries.

Do not force a fixed structure just to match the preview image; prioritize making the current content as clear as possible while maintaining the warm-orange minimalist PPT infographic visual system.

Step 3: Organize the imagegen prompt

Prompt order:

  1. Specify image type and ratio: 16:9 horizontal warm orange minimalist PPT infographic.
  2. Describe visual style: cream white light gold gradient background, orange-yellow primary color, purple-blue accents, circular icon badges, flat illustration, light gray connecting lines, bright whitespace.
  3. Describe content structure: main title, subtitle, number of modules, layout type, connection relationships, and emphasis points.
  4. Limit text: short Chinese titles, short labels, minimal descriptions, clear and readable, no dense small text.
  5. Add negative constraints: no logo, watermark, original image text, real school names, real people, copyrighted characters, garbled text, or crowded layout.

Step 4: Call imagegen

  • When the user explicitly asks for an image, image generation, accompanying image, PPT image, or to draw one, use the final prompt to call image_gen。
  • When the user explicitly says "only give the prompt," output only the complete prompt and do not call image generation.
  • When generating a series of images, maintain the same set of cream white light gold background, orange-yellow purple-blue color scheme, circular icons, light gray connecting lines, lightweight illustrations, short text hierarchy, and clean courseware feel.

Prompt Template

请生成一张 16:9 横版 PPT 风格图片,风格为“暖橙极简 PPT 信息图”。

主题:[用户主题]
主标题:[8 到 22 字中文标题]
副标题:[12 到 36 字中文短句,可按内容省略]

画面结构:
- 根据内容选择 [封面概述 / 横向流程 / 中心发散 / 左右说明 / 分层标签 / 轻量矩阵 / 时间线],不要机械复制预览图布局。
- 主要模块:[模块 1]、[模块 2]、[模块 3]、[按内容增减到 2 到 6 个]。
- 连接关系:[浅灰箭头 / 弧形连接线 / 中心放射 / 并列卡片 / 分层标签 / 流程编号],按当前内容决定。
- 强调点:[需要重点突出的观点、转折、行动或结论]。

主要内容:
- [模块 1]:[短说明]
- [模块 2]:[短说明]
- [模块 3]:[短说明]
- [更多模块按内容决定,不要强行填满]

视觉要求:奶油白、米白到浅金色柔和渐变背景,留白充足,可加入极淡点状纹理和边角橙色圆形装饰;使用明亮橙黄和金橙作为主强调色,少量紫蓝作为辅助强调,深灰黑文字,浅灰连接线;使用圆形图标徽章、扁平线性图标、轻量矢量插画、圆角标签、短卡片、编号和简洁箭头组织信息。整体像一页清爽中文教育课件或学生会竞选 PPT 信息图,温暖、明亮、干净、专业。

文字要求:中文短标题、短标签、少量说明,主标题深灰黑清晰可读,副标题和模块说明层级降低;所有文字不要互相遮挡,不要密集小字,不要乱码,不要超出容器。

限制:不要 Logo,不要水印,不要真实学校名,不要真实品牌资产,不要真实人物,不要版权角色,不要复刻任何参考图原文,不要暗色背景,不要霓虹赛博风,不要真实摄影海报,不要网页 UI 截图,不要复杂拥挤的 3D 场景。图片比例必须是 16:9。

Image generation rules

  • When the user says "generate image / directly generate image / draw one / accompanying image / PPT image / presentation page," call by default image_gen。
  • Before calling, you may briefly organize the final prompt, but do not give a lengthy explanation of the design process.
  • If the user has not given a specific topic, infer it from the context first; if it truly cannot be inferred, ask only one necessary question.
  • Prioritize ensuring clear titles, stable information hierarchy, comfortable whitespace, and a warm orange courseware feel, then pursue more decorative variations.