OpenDesign·你的设计资产库

网页参考

Cursor

专为雄心勃勃的软件团队打造的代理原生编程平台。

Developer ToolsSaaSProductivityCleanProduct

封面待补录,可通过原站查看设计。

01

设计气质 DNA

开发者AI编程代理生产力企业

高性能IDE与尖端AI研究实验室的融合。

02

色彩

#26251EInk
#F2F1EDBG
#9E9D98Muted
rgba(38, 37, 30, 0.15)Line

采用温暖、沉稳的中性色调,注重可读性与高对比度。

03

字体

humanist-sans · monospace

  • display40px · 400
  • heading32px · 400
  • body16px · 400
  • small14px · 400
  • micro12px · 400

主要用户界面和标题使用定制的人文无衬线字体。 · 编辑引用和特定展示文本使用过渡衬线字体。 · 代码块和技术CLI输出使用等宽字体。

04

间距

4px
8px
12px
16px
24px
32px
48px
64px
96px

8px基线网格

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文本),并搭配人文无衬线字体。布局宽敞且居中,强调清晰度与开发者生产力。关键色彩为温暖的灰色与灰白色。避免使用高饱和度的强调色或侵入性的深色模式。关键注意事项:不要使用尖锐的直角;截图采用圆角。不要使用明亮的霓虹色;色调温暖而柔和。不要使用沉重、复杂的字体;截图使用简洁易读的无衬线字体。整体感觉专业、精致且工具导向。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。