Twingate
近黑色基底、胶囊形控件与大字排版。
Axiom
近黑色基底、等宽字体与产品图像展示。
页面以近黑色为基底，搭配近白色文字。字体采用 BerkeleyMono、Inter。视觉特点包括等宽字体、产品图像展示、网格布局。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 所有UI文字使用BerkeleyMono，包括导航、按钮和标签，混用比例字体会破坏终端美学。
- 表面按#000000 → #111111 → #191919 → #202020递进层叠，绝不用box-shadow创建高度。
- #da5c2c（Ember）仅用于主要操作填充、日志条可视化和案例卡片的2px左边框。
- 容器、卡片和按钮圆角全部设为2px，9999px仅用于32px以下的微小图标徽标和标签胶囊。
- 编辑或客户卡片左侧放置橙色2px边框，作为分类标记，它是内容块中唯一彩色标点。
- BerkeleyMono操作标签后行内添加箭头字形（→），表示向前并强化CLI节拍。
- 页面背景锚定纯#000000，让纸白色（#eeeeee）文字通过字重（400对700）与字号承担所有层级。
建议避免
- 不要引入渐变、超过唯一1px/2px极细层的投影，或彩色背景，系统刻意保持平坦。
- 标题、导航或按钮标签不要使用比例无衬线字体，如Inter、system-ui；BerkeleyMono对品牌识别必须使用。
- 除CTA填充、日志条和案例左边框外，不要将#da5c2c用于文字、图标或边框；散布使用会使其失去意义。
- 卡片、面板或按钮圆角不要超过2px，锐利几何使其区别于典型SaaS软圆角惯例。
- 不要添加浅色主题区块或交替表面颜色；整个产品仅为深色模式，任何浅色表面都会破坏系统。
- 成功、错误或警告状态不要使用彩色徽标背景，仅通过BerkeleyMono符号和边框处理表达状态。
- 不要放置产品UI或灰度标志以外的影像或摄影；视觉语言是截图、日志图案和箭头纹理，而非生活方式摄影。
