Twingate
近黑色基底、胶囊形控件与大字排版。
Changelog
近黑色基底、胶囊形控件与紧密字距。
页面以近黑色为基底，搭配近白色文字。字体采用 Inter Variable、Berkeley Mono。视觉特点包括胶囊形控件、紧密字距、细线分隔、单栏阅读排版。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- 所有操作按钮、导航项和标签胶囊均使用 9999px 半径——胶囊形控件是标志性几何形态。
- 将主文本和边框设为 #f7f8f8 对比 #08090a 画布——近白色对近黑色的对比是整个品牌的视觉核心。
- 使用 Inter Variable 510 字重用于标题，590 字重用于强调——避免 600/700 比重，半步字重是其标志性特征。
- 所有尺寸均应用负字间距：正文为 -0.010em，缩放至 48px 显示尺寸时为 -0.022em。
- 图层表面采用灰度堆叠：#08090a → #141516 → #1c1c1f → #23252a → #2d2e31。每一层级恰好是更浅一步。
- 所有分隔线、卡片边框和输入框框架均使用 #23252a 或 #34343a 的 1px 细线边框——从不使用阴影来实现分隔。
- Berkeley Mono 仅用于内联代码引用和命令示例——应作为技术点缀偶尔出现。
建议避免
- 不要引入色彩品牌色、强调填充或渐变式号召按钮——3% 的色彩存在感是一种纪律，而非限制。
- 不要在标题中使用 600/700 字重——Linear 的字体语调是 510/590，而非粗体。
- 不要在卡片或面板上使用阴影——改用表面灰度变化替代。唯一的阴影是 1px 线条模式。
- 不要使用填充按钮搭配实底背景用于主要操作——唯一操作样式是带 1px #f7f8f8 边框的轮廓胶囊按钮。
- 不要打破 4px 基础间距节奏使用大间距——区块间距保持 48px，元素间距保持 6–8px。
- 不要在卡片或图片上使用大于 8px 的圆角——卡片半径仅限 4–5px 和 8px；9999px 仅用于胶囊按钮。
- 不要在正文内使用 600/700 粗体进行强调——使用 590 字重或通过颜色移至 #f7f8f8 来实现突出。
