Zed

近白色基底、衬线字形与等宽文字标注。
页面以近白色为基底,搭配蓝色文字。字体采用 Writer、Plex Serif。视觉特点包括衬线字形、等宽文字标注、细线分隔、扁平表面。适合参考的场景:技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 标题使用 Plex Serif 340 字重,48px 字号,-0.96px 字间距——轻盈的 衬线字体 字体是其标志。
- 下载操作使用 Signal Blue(#2b7fff)填充;它必须是页面中唯一的饱和色填充。
- 所有卡片、按钮、标签和输入控件均使用 2px 角半径——锐角是编辑风格的一部分。
- 使用 6px 作为元素间距,默认值,64–80px 作为区块间距,以保持页面紧凑和密集。
- 每个操作按钮必须配一个位于右侧 8px 处的透明描边/轮廓变体——绝不能出现单按钮行。
- 用 1px #e5e7eb 边框和 2px 内嵌上边线表达结构,而非使用阴影。
- 关键快捷键芯片和命令标签使用 Zed Mono 12px,+0.6px 字间距(0.05em)——宽字间距使其区别于内联代码。
建议避免
- 标题中不要使用 Plex Serif 超过 400 字重——340 的轻盈正是其核心。
- 不要为按钮、标签或强调元素引入第二个饱和色——只有首屏紫色和信号蓝色是唯一的色彩UI配色。
- 不要为卡片、导航或文本块添加阴影——唯一应存在的阴影是位于编辑预览卡片下方的。
- 不要将角半径超过 6px;任何控件若使用 32px 或 40px 的半径,将破坏编辑系统。
- 不要在正文文本中使用蓝色或紫色——这些色调仅用于标题、链接和 CTA。正文文本使用 Graphite 或 Slate。
- 在 Writer 中正文文本的字号不要超过 16px 或低于 13px——超出此范围页面将失去其字体规范性。
- 不要在区块中添加装饰性渐变、玻璃态或背景图片——仅允许使用点状网格画布作为纹理。