Twingate
近黑色基底、胶囊形控件与大字排版。
Timescale
近白色基底、等宽字体与网格布局。
页面以近白色为基底，搭配近黑色文字。字体采用 Geist、Geist Mono。视觉特点包括等宽字体、网格布局、分屏构图、细线分隔。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- Signal Orange（#ff5b29）只用于强调，如标题词语、统计数字和装饰边框，绝不要用于背景、正文或非强调UI。
- 所有大数字、统计读数和行内代码引用都采用Geist Mono，其余所有内容使用Geist。
- 每个抬升卡片都采用5px 5px 0px #000硬偏移阴影；柔和模糊阴影会破坏蓝图的比喻。
- 所有胶囊按钮和标签设为9999px圆角，小操作按钮4px，卡片12px；这三个数值就是系统全部圆角词汇。
- 维持双色纪律：#ff5b29用于语气，#f5ff80用于强调，其余全部采用纯无彩色。
- 内容分区使用网格图案背景，强化工程美学；实白分区会显得未完成。
- letter-spacing保持紧密，52px+时为-0.03em，18-24px时为-0.02em，以下为normal；文字应密集且结构化。
建议避免
- 不要添加渐变、玻璃拟态或柔和弥散阴影；系统刻意平面且硬朗。
- Signal Orange不要用于CTA按钮填充或链接文字；橘色承担语气，而非操作，黑色填充才是操作。
- 不要使用第三种彩色；橘色、黄绿色与无彩色的三元组合，就是完整调色板。
- 同一文字片段不要混用Geist和Geist Mono；每个块选择一种，让块与块之间的对比建立节奏。
- 卡片只采用12px圆角，按钮只采用4px小按钮或9999px胶囊；其他圆角会显得不属于系统。
- 背景不要采用纯#ffffff，始终使用#fafafa，以维持温暖纸张感。
- 不要采用彩色阴影或着色辉光；所有阴影均为纯黑、实心且有偏移。
