Twingate
近黑色基底、胶囊形控件与大字排版。
Trigger.dev
近黑色基底、胶囊形控件与渐变展示。
页面以近黑色为基底，搭配近白色文字。字体采用 Satoshi、Geist。视觉特点包括胶囊形控件、渐变展示、细线分隔、扁平表面。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 将信号黄绿（#a8ff53）作为唯一填充的强调表面——它是充能的灯光，而非装饰
- 标题使用Satoshi字体，字号36px及以上，字间距设为0.05em；这种稀疏的排版质感是品牌的编辑风格
- 所有代码均使用Geist Mono，精确保持14px，不得放大显示
- 将代码块渲染在Ink Well（#121317）背景上，使其看起来像嵌入画布中的凹陷编辑面板
- 仅在代码上下文和功能图标内部应用语法配色（紫色、粉色、两种绿色）——绝不应用于正文或背景
- 保持表面深度仅两个层级（画布+Ink Well），辅以1px石墨细线；避免使用阴影
- 所有矩形组件使用4px圆角，仅在功能标签等胶囊形元素中使用9999px圆角
建议避免
- 禁止使用阴影或浮层卡片——深度仅来自表面对比与细线
- 禁止将信号黄绿应用于大面积背景或装饰性图形；它是一种小范围、高能量的强调色，而非大面积填充
- 禁止将语法配色混入非代码文本——这些颜色仅用于代码和图标，不适用于正文
- 禁止将色彩强调用于按钮填充；所有操作按钮使用信号黄绿（主要）或透明描边/中性（次要）
- 正文文本不得小于14px，行高不得低于1.40——Geist在小字号下需要空间呼吸
- 禁止引入新的中性色；色彩体系从#121317（墨色）到#1c1e21（Canvas）再到#e5e7eb（骨白色）之间，包含四个中间灰度，构成完整范围
- 所有矩形组件的圆角不得超过4px；该系统刻意保持紧致，而非柔和
