# GPT Image Hub prompt

## 日系粉彩風網頁教學資訊圖幻燈片
- URL: https://www.gptimagehub.com/zh-TW/library/pastel-japanese-web-tutorial-infographic-slide
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=oss-ym-g2-16952
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%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を使うメリット]"（白色帶藍星）、"[無料]"（淡藍帶粉心）、"[すぐ使える]"（淡綠帶時鐘）、"[日本語フォントも豊富]"（淺黃帶小花）
- 左下角帶有微笑的小盆栽插畫。
```