Cursor
AI 优先代码编辑器。 sleek 深色界面,渐变强调,AI 驱动的编程体验。
# 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.
AI 优先代码编辑器。 sleek 深色界面,渐变强调,AI 驱动的编程体验。
Cursor uses #6366F1 as primary color, #0D0D0D for background, and #E2E2E2 for text.
Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 14px.
Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Cursor's style.
Discover 50+ curated design systems for your AI Coding projects.
View All Design Systems