01
设计气质 DNA
开发者AI编程代理生产力企业
高性能IDE与尖端AI研究实验室的融合。
02
色彩
#26251EInk#F2F1EDBG#9E9D98Mutedrgba(38, 37, 30, 0.15)Line采用温暖、沉稳的中性色调,注重可读性与高对比度。
03
字体
- display
40px · 400 - heading
32px · 400 - body
16px · 400 - small
14px · 400 - micro
12px · 400
主要用户界面和标题使用定制的人文无衬线字体。 · 编辑引用和特定展示文本使用过渡衬线字体。 · 代码块和技术CLI输出使用等宽字体。
04
间距
4px8px12px16px24px32px48px64px96px8px基线网格
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(38, 37, 30, 0.15)
0px 28px 70px rgba(0, 0, 0, 0.14) · 0px 0px 0px 1px rgba(38, 37, 30, 0.15)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
响应式网格,具有清晰的章节分隔和居中的内容布局。
07
动效与交互
150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
悬停时平滑的颜色和背景色过渡。
交互元素在悬停时产生微妙的颜色变化和透明度改变。 · 提供即时视觉反馈,动效最小化。
08
组件
- button 极简按钮,采用实心深色填充或简洁描边,并具有胶囊形圆角。
- card 微妙的凸起卡片,配有柔和阴影和12px圆角。
- chip 小型等宽字体标签,采用浅色背景。
- input 简洁的文本输入框,配有底部边框或微妙描边。
- hero 大尺寸排版,搭配高保真产品截图。
09
文案语气与禁用清单
- 语气 权威而不失亲和,专注于生产力与创新。
- 标题风格 直接而自信,强调工具的“非凡”特性。
- 按钮文案 清晰、导向行动的标签,如“下载”和“申请演示”。
- 不要使用明亮的霓虹色——截图采用柔和、温暖的色调。
- 不要默认使用深色模式——截图以浅色为主。
- 不要使用复杂、装饰性的字体——截图使用简洁的人文无衬线字体。
- 不要到处使用尖锐的直角——截图使用4-12px的圆角。
- 不要对所有文本使用刺眼的纯黑色——截图使用温暖的深灰色(#26251E)。
- 不要使用沉重、阴影过重的卡片——截图使用微妙、柔和的阴影。
- 避免: 避免在主要标题中使用过于技术性的术语。
- 避免: 避免使用侵入性或令人分心的动画。
- 避免: 避免使用明亮、高饱和度的强调色。
10
包内真实截图













11
System Prompt
此设计系统适用于Cursor,一个高性能的AI编程代理。它采用简洁、温暖的中性色调(#F2F1ED背景,#26251E文本),并搭配人文无衬线字体。布局宽敞且居中,强调清晰度与开发者生产力。关键色彩为温暖的灰色与灰白色。避免使用高饱和度的强调色或侵入性的深色模式。关键注意事项:不要使用尖锐的直角;截图采用圆角。不要使用明亮的霓虹色;色调温暖而柔和。不要使用沉重、复杂的字体;截图使用简洁易读的无衬线字体。整体感觉专业、精致且工具导向。