返回设计库
C

Cursor

Cursor

访问网站

AI 优先代码编辑器。 sleek 深色界面,渐变强调,AI 驱动的编程体验。

深色 IDE渐变强调AI 集成代码编辑器紫色系

配色方案

primary
secondary
background
surface
text
muted
border

字体规范

标题字体Inter, system-ui, sans-serif
正文字体Inter, system-ui, sans-serif
基础字号14px
行高1.6
字重400, 500, 600

标题层级

h1Cursor Heading
h2Cursor Heading
h3Cursor Heading
h4Cursor Heading

DESIGN.md

# Cursor Design System

## Visual Theme & Atmosphere
AI-powered coding. Sleek dark interface with purple-indigo gradients (#6366F1 → #8B5CF6). The design signals next-generation development — where AI is not a feature but the foundation.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #6366F1 | Indigo accent |
| Secondary | #8B5CF6 | Purple gradient |
| Background | #0D0D0D | Dark IDE bg |
| Surface | #1A1A1A | Panels, sidebars |
| Text | #E2E2E2 | Soft white |
| Muted | #6B7280 | Secondary text |
| Border | #2A2A2A | Dark dividers |

## Typography Rules
- **Fonts**: Inter + JetBrains Mono
- **Base Size**: 14px

## Component Stylings
- **Editor**: Dark theme, syntax highlighting
- **AI Chat**: Inline conversation panel
- **Completions**: Ghost text suggestions

## Agent Prompt Guide
Dark IDE theme, purple gradients, AI chat interface patterns.

常见问题

Cursor 的设计风格是什么?

AI 优先代码编辑器。 sleek 深色界面,渐变强调,AI 驱动的编程体验。

Cursor 使用什么主色调?

Cursor 的主色调是 #6366F1,背景色为 #0D0D0D,文本色为 #E2E2E2。

Cursor 使用什么字体?

标题字体: Inter, system-ui, sans-serif。正文字体: Inter, system-ui, sans-serif。基础字号: 14px。

如何在项目中使用 Cursor 设计系统?

点击上方 DESIGN.md 代码块中的复制按钮,将完整设计规范复制到你的项目中。AI Coding 工具(如 Cursor)可以直接读取 DESIGN.md 来生成符合 Cursor 风格的代码。

探索更多设计系统

发现 50+ 精选设计系统,为你的 AI Coding 项目提供设计灵感。

查看全部设计系统