Apple 是消費電子領域的標竿品牌,其設計語言以「少即是多」著稱。介面採用深黑場景(#000000)與淺灰白(#f5f5f7)交替的分段節奏,單一藍色系(#0071e3)承擔全部動作與連結語意,標題使用 SF Pro Display 緊密字距,整體克制而富有電影感。適合需要突出產品質感與影像敘事的高階介面。
Apple媒體與消費
提示詞範本
基礎範本
Design a Apple-inspired interface. - Binary section rhythm: deep black scenes (#000000) alternating with pale neutral fields (#f5f5f7); - Single blue accent family for action and link semantics (#0071e3, #0066cc, #2997ff); - Dual operating modes in one system: cinematic showcase modules and dense commerce configurators; - Heavy reliance on imagery and material finishes; UI chrome remains visually thin; - Tight headline metrics (SF Pro Display, semibold) paired with compact body/link typography (SF Pro Text). Colors: #000000, #f5f5f7, #1d1d1f, #0071e3 with #0071e3 accent. Typography: #0071e3.
變體提示詞
📱 行動裝置
Design a mobile app with Apple aesthetics. Use Apple color identity with #0071e3 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Apple style. Use Apple color identity with #0071e3 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Apple design language. Use Apple color identity with #0071e3 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Apple visual identity. Use Apple color identity with #0071e3 accents. Compelling, conversion-focused.
使用範例
Apple 應用程式
Web 端Build a web app with Apple design language and #0071e3 color system.
Apple 儀表板
儀表板Create a dashboard using Apple style with data visualization and #0071e3 typography.
✅ 適用情境
- 消費級產品
- 高階產品發表頁
- 影像主導的品牌官網
❌ 不適用情境
- 資訊密集的工具介面
- 繽紛促銷活動頁
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述,可複製或下載後交給 AI 程式設計工具使用。