Vercel
终端信息印在白纸上
Vercel 设计系统是对严谨单色风格的一次实践：近乎纯白的画布（#fafafa）、黑色字体、纤细的边框，以及完全摒弃的装饰性色彩。其视觉语言让人联想到印刷版的开发者终端——Geist Sans 字体在“超大”尺寸下几乎难以辨认，字重为 400-450，字间距为 -0.06em；而 Geist Mono 字体则以 11-13px 的大写字母用于标签、元数据和代码示例。按钮采用 6px 的锐利圆角或纯黑底白字的矩形设计。该系统依赖对比和字体层级而非色彩，仅使用三角形符号 (▲) 和双行文字商标作为品牌元素。各个表面按 #fafafa → #ebebeb → #171717 的顺序堆叠，通过色调的变化而非阴影或色彩来营造深度感。每个元素都基于 4px 网格构建，密度紧凑，从而形成一个类似于工程师笔记本的界面——精确、实用，并且不惧留白。
容器宽度为 1280 像素，居中放置，并留有充足的水平内边距（24-48 像素）。主模块采用非对称的三区域布局：左侧为醒目的大标题，居中放置品牌标识，右侧为“眉形”模块。主模块下方，内容以交替条纹的形式排列：首先是包含客户徽标的全宽条纹，然后是两栏的“代理商创建者”部分（左侧为标题，右侧为产品布局），最后是包含三个功能卡片的网格布局。各部分之间以 96-128 像素的垂直间距分隔，没有使用分隔线或背景偏移。导航栏是一个固定宽度为 64 像素的面板，背景为模糊效果。卡片网格统一采用两栏或三栏布局，间距为 16-24 像素。整体布局紧凑——文本易于阅读，留白充足，但字体大小和组件大小使得页面略显单调。
图像简洁且始终以功能性为导向。主要视觉元素是黑色三角形 (▲)——一个几何品牌标识，在“大写”尺寸下以悬浮轮廓的形式呈现。概念验证条上的客户标识均采用各品牌实际的灰度文字商标。产品模型（Notion 的聊天界面、CLI 终端输出、护照卡）以浅色模式的屏幕截图形式嵌入到带框卡片中。系统中没有任何照片、插图或 3D 元素——它完全由白纸上的文字和几何图形构成。
调色板
中性的
- Obsidian
#171717— 主标题、导航边框、深色按钮填充和列表标记几乎都是黑色，避免了刺眼和刺眼的饱和度。 - Paper White
#fafafa— 页面画布、卡片表面、按钮的浅色填充——这是所有其他元素所在的标准背景。 - Pure White
#ffffff— 凸起的卡片表面、插页、输入字段。 - Hairline
#ebebeb— 按钮、链接和卡片上的 1px 边框在高缩放级别下可见，但在低缩放级别下不可见。 - Ash
#c9c9c9— 禁用文本、静音标签、客户徽标中的品牌名称水印。 - Smoke
#a8a8a8— 辅助文字、占位符文字、细微的图标填充。
排版
从 11 像素到 64 像素 · 6 步
- Geist Sans — 替代品： Inter · 轮廓 400, 450, 500 · 界面和标题的主要字体是 Vercel 定制设计的几何无衬线字体，大字号时字母间距较小（56-64px 时为 -0.06em，30px 时为 -0.05em）。页面顶部的标题选择了 450 字重：比 Light 粗，比 Semi-Bold 细，营造出一种自信而不张扬的氛围。
- Geist Mono — 替代品： JetBrains Mono · 轮廓 400, 500, 600 · 这是一款等宽辅助字体，适用于标题、代码块、命令行输出面板、元数据和大写文本。8px/600px/大写的组合可以精确放置小型文字商标。等宽版本中较大的字母间距（0.071em）为大写文本提供了充足的空间。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 12px |
| 按钮半径 | 6px |
| 卡片半径 | 6px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 96-128px |
| 页面宽度 | 1280px |
AI 将按照Vercel风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Headspace — 温暖纸张上的阳光健康角落
- WHOOP — 午夜时分的表演实验室——黑色剧场般的空旷背景下，白色的临床实验室工作台上，一道紫色的电流脉冲闪过。
- Together AI — 冰川纸上的研究控制台
- v0 by Vercel — 车床绘图。精度和功能性至关重要，每个元素都在干净、技术完美的表面上发挥着明确的作用。
- Dovetail — 黑月下的蓝图——几乎看不见的图表线条，白色的字体，一抹紫色的闪光。
- Glideapps — 单色绘图桌，点缀着一抹电光蓝绿色的闪光
- Timescale — 工程图绘制在暖色调方格纸上
- UGLYCASH — 一本米色纸质、贴满贴纸的笔记本，散发着大胆、极繁主义的金融科技公司的氛围，该公司自豪地展示着其混乱的一面。
- Sprout Social — 黑色石板上的绿色嫩芽。在严谨的单色画布上，一抹亮色格外醒目，画布的色彩仅用于强调重点，自信的几何字体则如同路标一般指引方向。
- Krea — 午夜画廊黑色电影
- Evergreen — 亚麻纸上的太阳能温室
- Factory — 午夜时分的“作战室”终端。“工厂”是一个纯黑色的控制面板，一张白色的卡片像手电筒照着的电报一样落在上面——房间里唯一的物品就是工作本身。