Twingate
近黑色基底、胶囊形控件与大字排版。
Warp
近黑色基底、产品图像展示与紧密字距。
页面以近黑色为基底，搭配浅灰色文字。字体采用 Matter、Inter。视觉特点包括产品图像展示、紧密字距、分屏构图、居中构图。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 将 #121212 作为页面默认画布——所有未设置特定覆盖的区块均继承此基础色。
- 仅将 Terminal Sage（#799c92）应用于小标题/副标题文字（位于小节标题上方）——绝不可用作按钮颜色、背景或装饰。
- 将显示标题（48px 及以上）设置为 Matter 400 字重，字间距为 -0.03em 至 -0.04em——在这些尺寸下的负字间距是强制性的，而非可选。
- 通过背景色逐步提升表面层级：#121212 → #1e1e1d → #353534。绝不使用边框或阴影来分隔共平面区块。
- 所有功能卡片使用 16px 圆角，所有矩形按钮使用 4px 圆角，所有胶囊形/圆形控件使用 50px 圆角——这三个圆角覆盖了 90% 的 UI 组件。
- 所有终端命令和代码示例均使用 Geist Mono 400 16px，背景为 #353534，文字颜色为 #e3e2e0。
- 将白色（#ffffff）下载按钮仅限于主导航的行动号召（CTA）——它是唯一最大对比度的元素，若重复使用将削弱其效果。
建议避免
- 绝不引入除 Terminal Sage（#799c92）之外的其他色彩——系统本意为近单色，引入第二色调会破坏终端风格的克制感。
- 绝不为卡片或区块添加盒阴影或投影阴影——深度通过表面颜色渐变传达，而非通过立体效果。
- 避免 Matter 字体使用 600 以上的字重——字体系统处于 400–600 范围内；更重的字重在深色画布上会产生视觉噪音。
- 卡片上的圆角绝不超过 20px，且绝不将矩形内容容器设置为圆角（50px 以上）——胶囊形圆角仅保留用于图标按钮控件。
- 绝不以浅色（#faf9f6 或 #ffffff）作为完整区块的背景——浅色背景仅出现在滚动时的导航栏和主下载按钮填充中。
- 绝不为内容区块添加装饰性渐变、光晕或彩色背景——首屏中的极光摄影是唯一的氛围色彩；UI 组件保持无色。
- 避免将正文或段落文字设置在 18px 以上——Matter 在 16px 时是舒适的阅读尺寸；更大的正文会破坏布局的密集、信息导向的特性。
