Twingate
近黑色基底、胶囊形控件与大字排版。
Basedash
近黑色基底、胶囊形控件与紧密字距。
页面以近黑色为基底，搭配白色文字。字体采用 Inter、Alpha Lyrae。视觉特点包括胶囊形控件、紧密字距、衬线字形、网格布局。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 使用 #ffffff 作为黑色画布上填充按钮的背景色——这种反色是系统的标志性操作风格
- 所有标题设置为 48px 字号，使用 Alpha Lyrae 字体 400 字重，行高 1.0——不得缩放或改变显示衬线字体的字重
- 所有 Inter 字体文本，无论字号大小，均应用 -0.03em 字间距——紧致的字间距是系统调性的组成部分
- 按钮使用 6px 半径，卡片使用 16px 半径——不得交换或插值这些数值
- 将紫罗兰色（#9984d8）和 薄荷绿 色（#3fcb7f）保留用于数据/图表场景和实时状态——不得将其用于文本或背景作为装饰
- 所有首屏和区块标题居中对齐——布局节奏对称，而非不对称
- 集成品牌标识以原生品牌色彩在黑色背景上呈现——多色网格是刻意的视觉证明，体现广度
建议避免
- 不得将紫罗兰色或 薄荷绿 色用作按钮填充——主要操作始终为白色背景上的黑色
- 不得为卡片添加阴影——暗色表面系统依赖于近似值且不使用阴影语言
- 不得打破 6px/16px 半径规则，通过将按钮半径四舍五入匹配卡片或反之操作
- 不得使用 Inter 作为展示性标题——仅保留 Alpha Lyrae 48px 用于 h1/h2 首屏品牌展示场景
- 不得使用全白（#ffffff）作为正文——次要文本使用灰银色（#b3b3b3）以建立层级关系
- 不得在黑色画布上放置具有硬边的亮色卡片——使用 #050607 保持表面语言的内敛性
- 不得使用暖灰色——所有中性色倾向冷调，与紫罗兰色强调的温度保持一致
