# GPT Image Hub prompt

## 蝴蝶虹彩設計系統展示板
- URL: https://www.gptimagehub.com/zh-TW/library/iridescent-butterfly-design-system-board
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=oss-ym-g2-14457
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%2Flibrary%2Firidescent-butterfly-design-system-board
- Category: UI / UX 設計
- Model: gpt-image-2
- Aspect ratio: 1:1
- Style: graphic-design
- Tags: ui設計, 設計系統, 展示板, 深色模式, 毛玻璃, 虹彩, 作品集展示
- Updated: 2026-10-27T09:11:23.098Z
- Created: 2026-10-27T09:11:23.098Z

生成暗黑模式中文UI/UX設計系統展示板，採用發光虹彩蝴蝶主題。可自訂區塊標題、色票與應用名稱以適配不同品牌。

### Full prompt
```text
{"type": "UI/UX design system showcase board", "theme": "dark mode, nature-inspired, luminous iridescent aesthetic", "language": "Chinese", "canvas": {"aspect_ratio": "square poster", "background": "deep midnight navy to black with subtle glow", "style": "premium futuristic presentation board with thin neon-blue panel outlines, glossy highlights, soft bloom, and high contrast"}, "header": {"title": "自然靈感 UI\n[蝴蝶虹彩]\nUI/UX 設計系統", "description": "[從蝴蝶翅膀中汲取靈感，將結構色的虹彩光澤與深邃藍融入介面設計，創造輕盈、靈動、充滿生命力的數字體驗。]", "hero_image": "an oversized, ultra-detailed glowing butterfly wing in electric blue, violet, and iridescent cyan filling the upper-right half, with visible vein structure, translucent edges, spark-like particles, and a second blurred wing behind it"}, "layout": {"sections": [{"title": "1. 設計靈感", "position": "upper left below header", "count": 4, "labels": ["iridescent butterfly wing macro", "blue-purple wing texture close-up", "light refraction prism flare", "butterfly wing cell pattern"]}, {"title": "2. 關鍵詞", "position": "upper right below hero", "count": 5, "labels": ["虹彩", "靈動", "輕盈", "深邃", "自然"], "icon_style": "simple glowing line icons inside rounded dark cards"}, {"title": "3. 色彩系統", "position": "mid left", "subsections": [{"title": "主色", "count": 3, "labels": ["大閃蝶藍 #1E5BFF", "虹彩紫 #7A5CFF", "天空光 #00E6FF"]}, {"title": "中性色", "count": 3, "labels": ["午夜黑 #060F19", "柔和海軍藍 #141A2E", "珍珠白 #F3F6FC"]}, {"title": "強調色與漸變", "count": 2, "labels": ["彩虹光澤", "蝴蝶光芒"]}], "visual": "circular color swatches and gradient spheres with Chinese labels beneath"}, {"title": "4. 排版", "position": "mid right", "count": 1, "labels": ["Aa Poppins Light / Regular / Medium / SemiBold"], "visual": "large white Aa on dark card"}, {"title": "5. 應用圖示", "position": "left center", "count": 1, "text": "[Winglet] 輕盈。靈動。優雅。", "visual": "glowing butterfly app icon beside app name"}, {"title": "6. UI 元件", "position": "center", "subsections": [{"title": "按鈕", "count": 3, "labels": ["主要按鈕", "次要按鈕", "玻璃質感"]}, {"title": "圖示", "count": 2, "labels": ["心形收藏", "發光圓環"]}, {"title": "開關", "count": 1, "labels": ["開關"]}], "visual": "rounded blue buttons, neon icon buttons, and a glowing toggle on a dark panel"}, {"title": "其他元素", "position": "right center", "count": 4, "labels": ["搜尋框", "標籤 New", "進度條 (72%)", "卡片 Blue Morpho"], "visual": "small utility UI widgets in a compact horizontal card"}, {"title": "7. 移動端 UI", "position": "lower left", "count": 3, "labels": ["搜尋頁面", "帶有大型蝴蝶插圖的今日頁面", "帶有波形圖的音訊播放頁面"], "visual": "three smartphone mockups with rounded corners, dark interface, blue-violet butterfly visuals"}, {"title": "8. 網頁設計預覽", "position": "lower right", "count": 1, "labels": ["光之生命"], "visual": "desktop landing page mockup with butterfly hero image, top navigation, bright blue call-to-action button, and Chinese body text"}, {"title": "9. 視覺背景", "position": "bottom full width", "count": 4, "labels": ["flowing light ribbon background 1", "swirling iridescent vortex", "flowing light ribbon background 2", "radiant crystalline burst"], "visual": "four elongated rectangular background samples in purple, blue, and cyan"}], "footer": {"count": 1, "text": "源於自然的設計，為體驗而生。", "center_icon": "small butterfly icon"}}, "art_direction": {"materials": "glassmorphism, neon edge lighting, smooth gradients, subtle reflections", "colors": "electric blue, indigo, violet, cyan, white", "composition": "clean grid with 9 numbered content sections, generous spacing, thin rounded borders, and a dominant butterfly hero image", "render_quality": "polished, crisp typography, Behance-style design system board"}}
```