Apple 是消费电子领域的标杆品牌,其设计语言以「少即是多」著称。界面采用深黑场景(#000000)与浅灰白(#f5f5f7)交替的分段节奏,单一蓝色系(#0071e3)承担全部动作与链接语义,标题使用 SF Pro Display 紧密字距,整体克制而富有电影感。适合需要突出产品质感与影像叙事的高端界面。
媒体与消费现代极简
提示词模板
基础模板
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 编程工具使用。