Gradient 是漸層驅動的介面：色彩在頁面上連續流動，洋紅（#E60076）到紫（#990FFA）的過渡像暮色天空；漸層承擔氛圍、重點與分隔，讓靜態版面產生動勢。適合品牌官網、創意產品與需要「流動感」的視覺敘事。
Gradient擬態與特效
提示詞範本
基礎範本
Design a Gradient-inspired interface. Colors: #E60076, #16A34A, #D97706, #DC2626 with #E60076 accent. Typography: #990FFA.
變體提示詞
📱 行動裝置
Design a mobile app with Gradient aesthetics. Use Gradient color identity with #E60076 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Gradient style. Use Gradient color identity with #E60076 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Gradient design language. Use Gradient color identity with #E60076 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Gradient visual identity. Use Gradient color identity with #E60076 accents. Compelling, conversion-focused.
使用範例
Gradient 應用程式
Web 端Build a web app with Gradient design language and #E60076 color system.
Gradient 儀表板
儀表板Create a dashboard using Gradient style with data visualization and #990FFA typography.
✅ 適用情境
- 視覺效果情境
- 現代產品官網
- 創意活動頁面
❌ 不適用情境
- 極簡黑白工具
- 嚴肅資料後台
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。