Cursor
一间温馨的羊皮纸工作室，被燃烧的煤炭照亮
Cursor 采用温暖如羊皮纸般的字体：柔和的底色、深邃的黑色文本，以及一抹亮眼的橙色点缀，用于激活链接和选中项，而非填充按钮。标题采用 CursorGothic 字体，字重为 400，字间距随着字号增大而逐渐减小——权威感并非来自粗体，而是来自克制和纤细的字重。页面表面保持平整如纸，边框纤细，并带有柔和温暖的灰色阴影；文本的边角始终保持清晰锐利，字重为 4px。EB Garamond 字体用于副标题和正文，而 berkeleyMono 字体则用于代码、标签和元数据，赋予系统独特的排版风格，使其更像是一本文学杂志，而非 SaaS 控制面板。
最大宽度：1300像素，居中，24像素边距。顶部导航：52像素高的透明标题，左侧带有品牌标识和文字，4个居中导航链接，“登录/联系/下载”链接组位于右侧。主页面：左对齐标题 + 双重号召性用语块，文字从左上角开始，然后是一个横跨整个页面宽度的产品模型卡片。信任条纹：一行水平排列的8个品牌标识，横跨整个版块宽度。功能版块采用双栏布局，左侧文字与右侧屏幕截图交替显示，每栏各占50%，版块之间垂直间距为64-96像素。所有功能屏幕截图均为窗口模型，采用相同的macOS样式。页脚：四列链接网格，左侧带有品牌标识。各版块之间以充足的留白而非分隔线分隔——米色画布本身就起到了分隔作用。
产品截图占据了视觉中心：大型 macOS 窗口模型展示了 Cursor IDE 的实际应用，包括文件标签页、差异视图、代理计划、终端面板以及 Slack/聊天集成。每个窗口模型都以 #f2f1ed 卡片为边框，呈现出柔和温暖的对比效果。一张色调柔和的风景照片（山脉/沙漠地平线）延伸至主区域之外，增添了温暖感，却又不喧宾夺主。客户徽标（ Stripe 、OpenAI、Linear、Datadog、NVIDIA、Figma、Ramp、Adobe）以单色字体呈现在药丸状的 Linen 色块中。没有人物照片、插图或抽象装饰性图形元素——所有视觉重心都集中在产品的用户界面和品牌标识上。图标采用纤细的单线字形，填充 #7a7974 Ash 色调，绝不使用彩色。
调色板
中性的
- Ink
#26251e— 主要文本、主要操作按钮背景、导航文本——一种温暖的、近乎黑色的色调，绝非纯黑色 #000。 - Parchment
#f7f7f4— 页面背景，也就是主画布，是温暖的奶油色调，柔化了对比度，营造出油墨印刷而不是数码印刷的感觉。 - Bone
#f2f1ed— 纸板表面和凸起的容器，颜色比画布深一个色调，营造出层次分明、无边框的“纸上加纸”效果。 - Linen
#e6e5e0— 用于深色表面上按钮的浅中性填充。 - Stone
#cdcdc9— 细边框、分隔线、微妙的分区——1像素的暖色调线条 - Mist
#a1a19f— 第三级辅助文本，字幕 - 位于静音文本和辅助文本之间。
排版
从 12 像素到 72 像素 · 6 步
- CursorGothic — 替代品： Inter · 轮廓 400, 500 · 该字体主要用于用户界面、标题、导航、正文和产品设计。标题字重为 400 磅，字间距逐渐减小（22px 处 -0.005em → 72px 处 -0.03em），这是该字体的显著特点：标题始终保持默认的粗体。字体功能 ss08、ss09 和 tnum 可激活样式替代和表格数字。
- EB Garamond — 替代品： Iowan Old Style · 轮廓 400, 500 · CursorGothic 是一款适用于小标题、正文和表格数据的编辑衬线字体，为界面增添了文学气息。
- berkeleyMono — 替代品： ui-monospace · 轮廓 400, 500 · 等宽字体 - 用于代码块、命令行片段、元数据、文件路径和开发者标签 - 一种技术语言。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 8px |
| 按钮半径 | 4px |
| 卡片半径 | 4px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 64-96px |
| 页面宽度 | 1300px |
AI 将按照Cursor风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Amplemarket — 阳光普照的工作场所，到处散落着五彩纸屑。
- Getharvest — 夕阳西下，书桌的金色光芒映照在眼前——温暖的米色画布上挂着白色明信片，一簇明亮的橙色火焰点缀其间。
- Drive Capital — 复古公路旅行海报，印在暖色调纸张上
- Wealthsimple — 羊绒衬里的仓库，配有画廊照明
- Huddle — 米色纸上的粉彩库存卡片
- Fuser — 设计师工作墙上散落着宝丽来照片
- Campsite — 阳光洒在编辑的工作台上——暖米色的纸张上盖着一枚橙色的印章。
- Redis Agency — 这家编辑工作室在下班后开放，里面漆黑一片，所有的品牌设计工作都是用衬线字体和一颗红萝卜完成的。
- AI Product Generation — 以白纸为底的编辑摄影工作室——标题作为封面，橙色用于突出显示编辑内容
- Getanchor — 温暖的赤陶色调，映衬在褪色的奶油色背景上
- Flatfile — 一本写在温暖羊皮纸上的安静数据日记
- Inthememory — 白色大理石上绘制着一幅建筑图纸，一束暖光映照其间。静谧的编辑数据室里，深绿松石色的墨水和药丸状的控制面板悬浮在洁白的表面上，只有一抹橙色打破了这份宁静。