Raycast 是「通往一切的快捷方式」——一个可扩展的启动器，把常用生产力工具收进一个入口。其界面用带蓝调的近黑（#07080a）而非纯黑，macOS 原生的多层内嵌高光阴影模拟实体深度，Raycast 红（#FF6363）像标点一样克制出现，Inter 正文加 0.2px 正字距让深色界面呼吸顺畅。适合效率工具与 macOS 生态产品。
开发者工具现代极简
提示词模板
基础模板
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 编程工具使用。