Twingate
近黑色基底、胶囊形控件与大字排版。
Sauce Labs
近黑色基底、胶囊形控件与分屏构图。
页面以近黑色为基底，搭配白色文字。字体采用 Aeonik、AeonikFono。视觉特点包括胶囊形控件、分屏构图、居中构图、插画元素。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- #3ddc91只用于主要操作、激活状态和公告栏，限量使用以保留信号分量。
- 所有按钮都设为56px border-radius，形成完整胶囊交互语言。
- 大型内容卡片采用60px圆角，较小嵌套卡片20px。
- 分区标题上方放置全大写眉题标签，AeonikFono 9px、0.45px字间距，作为结构锚点。
- 深色#132322横带与浅色#edf7f5内容卡片交替，通过亮度对比建立分区节奏。
- Aeonik正文设为400字重，16px时字间距-0.08px，形成干净几何感。
- 嵌套深色表面使用#0e1a19，在黑曜石外壳内部建立深度，不引入新色相。
建议避免
- #3ddc48或任何绿色不要用于装饰性非交互元素；强调色因为限量使用，才能作为实时信号。
- 按钮不要采用方形或轻微圆角；56px胶囊是系统身份不可更改的要求。
- 浅色卡片之间没有深色横带时，不要直接相邻放置。
- box-shadow不要厚于rgba(0,0,0,0.04)；深度来自亮度层级，而非投影。
- 不要采用彩色渐变；系统完全平面，以亮度定义深度。
- 正文字重不要高于400，展示字重不要高于500；轻字重是标志性特征。
- 不要引入既定调色板之外的新彩色；绿、黄和白是仅有的语气。
