Storytelling 是敘事驅動的設計：視覺與文案像同一位作者寫就，滾動被編排成章節，圖、文、留白輪流把故事向前推進；色彩為情緒服務（紫 #8B5CF6 作線索色），節奏比密度更重要。適合品牌故事頁、產品發布與需要「看完」而非「掃完」的長頁。
Storytelling創意藝術
提示詞範本
基礎範本
Design a Storytelling-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
變體提示詞
📱 行動裝置
Design a mobile app with Storytelling aesthetics. Use Storytelling color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Storytelling style. Use Storytelling color identity with #8B5CF6 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Storytelling design language. Use Storytelling color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Storytelling visual identity. Use Storytelling color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用範例
Storytelling 應用程式
Web 端Build a web app with Storytelling design language and #8B5CF6 color system.
Storytelling 儀表板
儀表板Create a dashboard using Storytelling style with data visualization and #3B82F6 typography.
✅ 適用情境
- 創意專案
- 品牌敘事長頁
- 內容行銷專題
❌ 不適用情境
- 實用工具介面
- 緊湊後台系統
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。