Twingate
近黑色基底、胶囊形控件与大字排版。
Doppler
近黑色基底、圆角卡片与渐变展示。
页面以近黑色为基底，搭配近白色文字。字体采用 Doppler Repro。视觉特点包括圆角卡片、渐变展示、细线分隔、产品图像展示。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 仅在视口内最重要的操作处使用 #00f575，它是受控资源，而非装饰性色彩
- 所有卡片表面使用 20px 圆角，所有按钮使用 12px 圆角，小的内联元素如标签或徽章使用 8px 圆角
- 在 48px 及以上字号的文本上设置字间距为 -0.02em，在 12px 及以下字号的文本上设置为 0.03em
- #b997ff 用于品牌字标、高亮的标题词语和眉题标签，绝不用于正文或背景。
- 不同表面之间使用 #e5e7eb 以 10-15% 不透明度的边框分隔，而非使用阴影或填充色
- 保持首屏产品截图宽度在视口 50% 以上——产品本身即为首屏焦点
- 默认正文和UI文本使用 450 字重，标题使用 500 字重，仅在大标题中使用 700 字重
建议避免
- 每个视口内不要超过一个实心绿色按钮——重复会削弱信号意义
- 不要在大背景中使用 #b997ff 或 #00f575——这些是强调色，而非表面色
- 不要在卡片上添加投影阴影——系统通过表面色彩层级实现，而非深度阴影
- 不要使用纯白色（#ffffff）作为文本——温暖的偏白 #f1f0ec 是系统标准
- 不要打破单一字体规则，Doppler Repro承担从图注到展示文字的一切内容。
- 不要使用非对称或非网格布局——每个区块均居中且对称平衡
- 不要添加摄影、生活方式图片或装饰性插图——只有产品截图和标识才是视觉内容
