Twingate
近黑色基底、胶囊形控件与大字排版。
dope.security
近黑色基底、扁平表面与衬线字形。
页面以近黑色为基底，搭配近白色文字。字体采用 Whyte Inktrap、Whyte Inktrap Mono。视觉特点包括扁平表面、衬线字形、等宽字体、分屏构图。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 仅在单个功能卡片发光、单个填充操作和单个笔画强调中使用 Signal Violet（#af50ff）——将其视为信号照明，而非主题色
- 将区块标题设为 Whyte Inktrap Mono 74px 大写，字间距 0.2em；字间距的呼吸感即为标题风格
- 所有卡片默认使用 19.2px 圆角和内部 0 填充——由布局定义边界，而非填充或边框
- 在低不透明度下使用 1px 或 0.5px 实线 #f7f9fa 边框进行分隔，而非阴影或填充
- 在页面上最大两个或三个展示场景中使用 GrandSlang 斜体，字号范围 88–146px——绝不用于正文或导航
- 采用磨砂导航样式：rgba(51,50,72,0.7) 背景 + backdrop-filter blur(10px) 背景模糊 + 1px 底边框。
- 以 Whyte Inktrap 14px 字体结束页面，添加坐标戳脚注——这是品牌的标志性收尾动作
建议避免
- 不要在导航之外的任何控件上添加阴影——系统设计上本无阴影，仅保留导航单 1px 细线
- 不要将 Signal Violet 用于边框、文本或正文背景——它仅限于填充和发光使用
- 不要在小于 32px 的情况下使用 GrandSlang 斜体——笔触斜体的温暖感在小字号下会消失
- 不要在同一行中混合使用 Whyte Inktrap Mono 与 GrandSlang——机械压印的语感必须保持独立
- 不要引入新的强调色——色彩体系为 95% 无彩色加一种紫罗兰色，增加第三种颜色会破坏系统
- 不要居中正文或使用多栏文本布局——页面节奏为左对齐，搭配充足的侧边边距
- 不要将按钮圆角设为 0px 或 4px；系统中控制按钮使用 8px，CTA 胶囊按钮使用 1584px——这两者是唯一的按钮圆角
