Twingate
近黑色基底、胶囊形控件与大字排版。
SST
浅色基底、等宽文字标注与胶囊形控件。
页面以浅色为基底，搭配深蓝色文字。字体采用 IBM Plex Mono、Rubik Variable。视觉特点包括等宽文字标注、胶囊形控件、细线分隔、分屏构图。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 所有代码表面、终端命令、文件名和技术标识均使用IBM Plex Mono——在代码场景中绝不使用比例字体替代。
- 所有正文使用Rubik Variable 14px字重400，在#ffffff背景上，行高为1.8。
- 将深靛色SST墨水（#303055）作为唯一标题和链接颜色——禁止引入其他标题颜色。
- 将四种代码语法色彩（紫罗兰、钴蓝、青绿、锈红）专用于代码块内部及内联`code`标签中——绝不用于UI装饰、徽章或按钮。
- 将淡紫雾（#e8e8f2）作为唯一表面色调，置于白色之上——用于代码块背景、标签填充和搜索输入框。
- 所有边框圆角统一设为4px（按钮、标签、输入框）或8px（卡片、代码块）——禁止引入中间或更大的圆角。
- 导航和行动号召（CTA）保持为文本或透明描边按钮，无填充背景——系统通过字体粗细和'>'箭头符号传达操作意图，而非通过彩色填充。
建议避免
- 禁止使用独立的填充式CTA按钮背景——该系统中不存在CTA色；主要操作以带有箭头的文本链接形式呈现。
- 禁止将代码语法色彩（#8844ae、#3b61b0、#096e72、#984e4d）应用于UI元素、图标、徽章或非代码场景的营销表面。
- 禁止为卡片、按钮或导航添加阴影——层级感仅保留于代码块中。
- 不要在同一个内容角色中混合使用两种字体家族——Plex Mono 用于代码，Rubik 用于正文；绝不要让它们在同一元素类型中重叠。
- 禁止使用#000000或接近黑色的正文——应使用SST墨水#303055或灰 蓝灰色 #403f53以保持冷色调的靛紫色调。
- 禁止引入渐变、纹理或装饰性背景——所有表面严格保持为纯白色 #ffffff或#e8e8f2。
- 禁止在卡片或面板等结构元素上使用大圆角（胶囊形，16px及以上）——最大圆角保持在8px以内。
