Raycast

Raycast
难度:
知名公司
raycast

效果预览

风格描述

生产力启动器。简洁深色外壳，鲜明渐变点缀

标签

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 App

Web App
Build a web app with Raycast design language and #FF6363 color system.

Raycast Dashboard

Dashboard
Create a dashboard using Raycast style with data visualization and Inter typography.

✅ 适合场景

  • Developer
  • Brand-consistent interfaces
  • Modern web applications

✅ 不适合场景

  • Unrelated design aesthetics
  • Different brand guidelines