Twingate
近黑色基底、胶囊形控件与大字排版。
Warp
近黑色基底、紧密字距与扁平表面。
页面以近黑色为基底，搭配近白色文字。字体采用 Matter、Geist Mono。视觉特点包括紧密字距、扁平表面、分屏构图、大幅摄影展示。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 所有 UI 文字使用 Matter（或 Söhne 作为付费替代，Inter 作为免费降级）——绝不可用粗衬线或人本无衬线字体替代
- 标题在 48-68px 之间，字间距在 -1.44px 到 -2.04px 之间；负字间距是让文字感觉经过精心设计而非随意编辑的关键
- 11px大写标签采用0.200em字间距（2.2px），形成系统宽字间距眉题的语气。
- 仅在终端或代码上下文中使用 #bd9f65（金叶）和 #6f839f（柔和钴蓝）——绝不可用于 UI 按钮、标签或徽章
- 保持温暖灰调配色：所有中性色从 #2f2f2f 以上都应带有轻微的琥珀底色，而非冷蓝色调
- 所有按钮和导航元素使用 4px 圆角，卡片和图标使用 8px，图片使用 20px 以上——这种小而不过分的圆角定义了系统的静谧精确性
- 主要操作时，将白色填充按钮与旁边一个透明描边文本链接搭配使用；避免同时使用两个填充按钮
建议避免
- 不要引入明亮的主品牌色——系统的强大来自克制；色彩强调仅用于语法标点
- 不要为卡片、弹窗或按钮添加阴影——蓝色光晕仅用于一个标志性元素，而非通用的层级提升
- 不要在深色画布上使用纯 #ffffff 作为文字——始终使用 #faf9f6，即温暖的偏白，以保留系统的琥珀色基调
- 不要将 9999px 的圆润胶囊形状用于按钮——Warp 使用 4px 圆角，从不完全圆润；带有锐角的按钮是系统身份的一部分
- 不要打破 10px 元素间距的节奏使用 15px 或 18px——系统呼吸的节律是 2 和 10 的倍数
- 不要在正文或 UI 金属元素中使用冷蓝灰色 #6f839f——它仅存在于终端代码和区块标题中
- 不要使用非等宽粗体且无轮廓的图标——图标应与文字的精确性保持一致，而非削弱它
