Glassmorphism 用磨砂玻璃塑造介面：半透明面板背後透出底色與光斑，1px 發光邊框勾勒輪廓，深紫底（#3A344E）與綠橙紅的資料波長形成科技夜景；分層但輕盈，縱深靠模糊與透明度而非陰影。適合音樂、金融科技與需要氛圍感的現代應用。
Glassmorphism擬態與特效
提示詞範本
基礎範本
Design a Glassmorphism-inspired interface. Colors: #3A344E, #07CA6B, #E89558, #EA2143 with #3A344E accent. Typography: #1856FF.
變體提示詞
📱 行動裝置
Design a mobile app with Glassmorphism aesthetics. Use Glassmorphism color identity with #3A344E accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Glassmorphism style. Use Glassmorphism color identity with #3A344E accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Glassmorphism design language. Use Glassmorphism color identity with #3A344E accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Glassmorphism visual identity. Use Glassmorphism color identity with #3A344E accents. Compelling, conversion-focused.
使用範例
Glassmorphism 應用程式
Web 端Build a web app with Glassmorphism design language and #3A344E color system.
Glassmorphism 儀表板
儀表板Create a dashboard using Glassmorphism style with data visualization and #1856FF typography.
✅ 適用情境
- 視覺效果情境
- 高階科技產品頁
- 深色品牌展示
❌ 不適用情境
- 紙質印刷風格網站
- 密集資料表格
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。