# GPT Image Hub prompt

## 日系粉彩风网页教学信息图幻灯片
- URL: https://www.gptimagehub.com/zh-CN/library/pastel-japanese-web-tutorial-infographic-slide
- Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-16952
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fpastel-japanese-web-tutorial-infographic-slide
- Category: 信息图与教育
- Model: gpt-image-2
- Aspect ratio: 1:1
- Style: graphic-design
- Tags: 信息图, 粉彩, 日文排版, 网页教程, 轮播图, 界面设计
- Updated: 2026-10-26T21:43:43.098Z
- Created: 2026-10-26T21:43:43.098Z

生成带有代码示例与步骤卡片的可爱日系教学幻灯片。可替换标题、图标或代码片段，快速适用于任何编程教学。

### Full prompt
```text
可爱的粉彩日系信息图幻灯片设计，干净的白色背景，带有淡蓝、奶油色和浅绿色的柔和圆角抽象色块。现代且亲切的扁平矢量风格排版，采用粗圆体日文排版、微弱的投影、浅灰色细轮廓线条、虚线点缀和小装饰涂鸦。

顶部区域：
- 居中深藏青色大标题："[Google Fontsの使い方]"
- 下方蓝色副标题："[3ステップでかんたん導入]"，两侧带有水平排列的蓝色小圆点
- 右上角圆角蓝色页面徽标："[2/2]"
- 左上角装饰：黄色三笔火花、淡蓝色点状网格背景和浅绿色细圆环

中上方横向排布（3个圆角步骤卡片，卡片间有蓝色三角形箭头）：
- 卡片 1（淡蓝背景，蓝色“1”圆形徽章）：字母“Aa”上带有放大镜图标和黄色星星。粗体标题 "[フォントを選ぶ]"，正文 "[Google Fontsで好きなフォントを探す]"
- 卡片 2（浅绿背景，绿色“2”圆形徽章）：带有“</>”代码括号与剪贴板的浏览器窗口图标。粗体标题 "[コードをコピー]"，正文 "[linkタグや@importを取得する]"
- 卡片 3（淡奶油背景，橙色“3”圆形徽章）：标有“CSS”的文档图标。粗体标题 "[CSSで指定]"，正文 "[font-family に設定して使う]"

中下方横向排布（3个演示框）：
- 左框：带有蓝色“HTML”标签的白色面板，显示蓝色代码："<link href=\"https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap\" rel=\"stylesheet\">"
- 中框：带有绿色“CSS”标签的白色面板，显示暗色代码："body { font-family: 'Kiwi Maru', serif; }"
- 右框：浅蓝标题栏带有红黄绿三色控制按钮的模拟浏览器窗口，内部显示可爱的日式圆体手写字："[こんにちは、Kiwi Maru]"，右侧附带两颗小星星

底部区域：
- 4个圆角胶囊徽章："[Google Fontsを使うメリット]"（白色带蓝星）、"[無料]"（淡蓝带粉心）、"[すぐ使える]"（淡绿带时钟）、"[日本語フォントも豊富]"（浅黄带小花）
- 左下角带有微笑的小盆栽插画。
```