Cursor 是 AI 原生程式碼編輯器。其風格整體偏暖：背景用暖米白（#f2f1ed）而非純白，內文是帶黃調的暖近黑（#26251e）；CursorGothic 以激進負字距壓縮展示標題，jjannon 襯線配 cswh 花體管內文，berkeleyMono 管程式碼，橙色（#f54e00）作強調。適合開發者工具與 AI 程式設計產品。
Cursor開發者工具
提示詞範本
基礎範本
Design a Cursor-inspired interface. - CursorGothic with aggressive negative letter-spacing (-2.16px at 72px, -0.72px at 36px) for compressed display headings; - jjannon serif for body text with OpenType "cswh" (contextual swash alternates); - berkeleyMono for code and technical labels; - Warm off-white background (#f2f1ed) instead of pure white -- the entire system is warm-shifted; - Primary text color #26251e (warm near-black with yellow undertone). Colors: #26251e, #f2f1ed, #e6e5e0, #ffffff with #f54e00 accent. Typography: - Background:.
變體提示詞
📱 行動裝置
Design a mobile app with Cursor aesthetics. Use Cursor color identity with #f54e00 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Cursor style. Use Cursor color identity with #f54e00 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Cursor design language. Use Cursor color identity with #f54e00 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Cursor visual identity. Use Cursor color identity with #f54e00 accents. Compelling, conversion-focused.
使用範例
Cursor 應用程式
Web 端Build a web app with Cursor design language and #f54e00 color system.
Cursor 儀表板
儀表板Create a dashboard using Cursor style with data visualization and - Background: typography.
✅ 適用情境
- 開發者工具
- 程式碼編輯器與 IDE 介面
- 開發者效率工具官網
❌ 不適用情境
- 面向大眾的消費電商
- 暖色調生活風格產品
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。