Raycast 是「通往一切的捷徑」——一個可擴充的啟動器，把常用生產力工具收進一個入口。其介面用帶藍調的近黑（#07080a）而非純黑，macOS 原生的多層內嵌高光陰影模擬實體深度，Raycast 紅（#FF6363）像標點一樣克制出現，Inter 內文加 0.2px 正字距讓深色介面呼吸順暢。適合效率工具與 macOS 生態系產品。
Raycast開發者工具
提示詞範本
基礎範本
Design a Raycast-inspired interface. - Near-black blue-tinted background (#07080a) — not pure black, subtly blue-shifted; - macOS-native shadow system with multi-layer inset highlights simulating physical depth; - Raycast Red (#FF6363) as a punctuation color — hero stripes, not pervasive; - Inter with positive letter-spacing (0.2px) for an airy, readable dark-mode experience; - Radix UI component primitives powering the interaction layer. Colors: #07080a, #ffffff, #FF6363, #55b3ff with #FF6363 accent. Typography: Inter.
變體提示詞
📱 行動裝置
Design a mobile app with Raycast aesthetics. Use Raycast color identity with #FF6363 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Raycast style. Use Raycast color identity with #FF6363 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Raycast design language. Use Raycast color identity with #FF6363 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Raycast visual identity. Use Raycast color identity with #FF6363 accents. Compelling, conversion-focused.
使用範例
Raycast 應用程式
Web 端Build a web app with Raycast design language and #FF6363 color system.
Raycast 儀表板
儀表板Create a dashboard using Raycast style with data visualization and Inter typography.
✅ 適用情境
- 開發者工具
- 效率啟動器與快捷工具
- macOS 生態系的效率 App
❌ 不適用情境
- 資訊密集的報表後台
- 兒童向卡通產品
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。