Cursor

温暖的羊皮纸工坊,被余烬照亮
Cursor 采用温暖的羊皮纸编辑语言:奶油色画布、墨黑文字,以及一个琥珀橙色的强调色,仅用于激活链接和重点内容,而非填充按钮。标题以 CursorGothic 字体 400 字重呈现,随着字号增大,字间距逐步收紧——权威感来自克制与字间距的紧密,而非粗体字重。表面保持扁平且类似纸张质感,搭配细线边框和柔和的暖灰阴影;所有角落始终保持 4px 的锐利度。EB Garamond 仅用于编辑性副标题和正文段落,berkeleyMono 用于代码、标签和元数据,使整个系统具备独特的排版个性,更像文学期刊而非 SaaS 仪表盘。
查看原始网站使用规范
建议采用
- 所有按钮、卡片、输入框和方块均使用4px圆角——数据中4px出现137次,定义了锐利但不生硬的视觉感受
- 所有标题均使用 CursorGothic 400 字重,绝不要在展示类尺寸中使用 600 以上字重——轻声细语的字重搭配紧密字间距才是其标志性特征
- 随着字号增大,逐步收紧字间距:14px 时为 0.01em → 22px 时为 -0.005em → 26px 时为 -0.012em → 36px 时为 -0.02em → 72px 时为 -0.03em
- 以 #f7f7f4 羊皮纸色作为画布、#f2f1ed 骨白色作为卡片表面;优先叠加使用 color-mix(#26251 5–10%, transparent) 的 1px 边框,再考虑阴影。
- 仅在行内文本链接和强调内容中使用 #f54e00 琥珀橙色——绝不可作为按钮背景、大面积表面或图标填充
- 在编辑性副标题和正文段落中使用 EB Garamond 衬线字体;避免用于 UI 标签和导航元素
- 所有代码、文件路径、CLI 命令及面向开发者的元数据均使用 berkeleyMono 12px 字号
- 将深色填充按钮(#26251 在 #f7f7f4 上)与浅色次级按钮(#e6e5e0)配对,置于同一操作组中——绝不可在同一组中叠加两个相同字重的填充按钮
建议避免
- 不要使用纯白(#ffffff)或纯黑(#000000)——系统基于温暖的奶油色和温暖的墨色构建;纯中性色会破坏羊皮纸的质感
- 不要在标题中使用 600 或 700 字重——标志性特征是 400 字重的标题;粗体会破坏编辑性的克制感
- 按钮或卡片上不要使用药丸形状(圆角≥999px)——4px是核心方案;药丸状圆角破坏了纸片切割的几何感
- 不要引入渐变、光晕或色彩晕染——系统为扁平化且具编辑性的设计;深度仅来自细线边框和柔和的暖灰阴影
- 不要将阴影调为蓝色或冷色调——阴影必须保持温暖的 rgba(0,0,0,0.14) 在奶油色背景上,以呈现纸张质感,而非玻璃感
- 不要将琥珀橙色(#f54e00)用于背景或大面积填充——它仅作为文本强调的标点,而非表面色彩
- 不要在标题或重点文本中使用系统UI字体——仅保留用于微标签,因为自定义字体会引入噪音
- 单个操作组中不要叠加超过两种按钮样式——例如:一个深色填充按钮 + 一个浅色填充按钮,或一个填充按钮 + 一个透明描边按钮,绝不可出现三个填充按钮