Twingate
近黑色基底、胶囊形控件与大字排版。
Incident
近白色基底、插画元素与细线分隔。
页面以近白色为基底，搭配近黑色文字。字体采用 Times (system serif)、Arial (system sans)。视觉特点包括插画元素、细线分隔、扁平表面、衬线字形。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 全部正文、标题、导航项与首屏文字采用 Times，或以 Source Serif Pro 替代，衬线字体就是品牌语气。
- 页面画布采用 #efefef（Concrete），卡片以 #ffffff（Paper）落在其上，不反转为白页灰卡。
- 全部结构边框和细线采用 #000000，borderColor 是纯黑在体系中的主要职责。
- Signal Orange（#f25533）仅用于品牌标记、标志元素、装饰填充和文件类型插画，不用于操作按钮或功能界面。
- 按钮背景采用 #efefef，1px 黑边、4px 圆角和 1px/6px 内边距，应像带标签的框架，而非填充操作。
- 字体尺度紧凑：13px Arial 微型标签、16px Times 正文、19px Times body-lg、24px Times heading-sm、32px Times 标题，不引入范围外尺寸。
- 通过带状态色的卡片边框传达严重程度，关键为红、警告为琥珀；语义由边框色而非彩色背景填充完成。
建议避免
- 正文或标题不使用 Inter、system-ui 等无衬线，替换 Times 会破坏编辑身份。
- 主要操作不添加蓝、橙或绿的彩色按钮填充，体系采用黑边中性混凝土按钮。
- 不使用渐变，源中未发现渐变，扁平编辑美学也拒绝渐变。
- 抬升不使用厚重投影，阴影仅留给图像容器，不透明度为 2-4%。
- 品牌或强调不引入蓝或绿，彩色色板仅采用橙色家族与琥珀等暖色。
- 按钮圆角不超过 4px，也不使用胶囊形，略方按钮几何强化大报感。
- 激活或选中状态不用颜色表达，依靠衬线体系内的字重 400→700 与下划线交互提示。
