Twingate
近黑色基底、胶囊形控件与大字排版。
Tinybird
近黑色基底、等宽文字标注与扁平表面。
页面以近黑色为基底，搭配白色文字。字体采用 Roboto、Roboto Mono。视觉特点包括等宽文字标注、扁平表面、居中构图、网格布局。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 每屏只有最重要的单一操作使用 #27f795 填充。只保留一个实心 CTA，其他操作采用幽灵样式或文字。
- 工作流程步骤和行内标签都包在方括号中，并使用 Roboto Mono，以保持终端日志审美。
- 所有数字、统计和标签文字使用 Roboto Mono；Roboto 只用于叙述、描述和标题。
- 64px 标题设置 -0.020em 字间距，56px 统计数字设置 -0.084em 字间距，将文字压缩为密实、自信的区块。
- 通过四级炭色 0a0a0a → 151515 → 262626 → 353535 建立表面层级，而不是使用投影。
- 所有边框都严格保持 1px，并使用 #353535。定义系统的是细线边缘，而不是粗重边框。
- 按钮使用 4px 圆角，卡片使用 8px。任何地方都不使用更大的圆角。
建议避免
- 不要引入配色之外的任何颜色。系统由无彩色加一种绿色构成，第二种彩色声音会破坏终端比喻。
- 不要使用中性或白色背景的实心按钮。唯一填充色是 #27f795，而且仅用于主要操作。
- 标签、标记或代码不要使用 Roboto，必须保持 Roboto Mono，以保留开发者工具的身份。
- 不要用阴影或发光营造悬浮效果。设计通过表面深浅来形成叠层，绝不依赖投影。
- 圆角不要大于 8px。更圆润的形态会显得面向普通消费者，破坏工程化气质。
- 不要将红色 #800000 用作错误状态。它是安静的行内强调，而非语义信号。
- 首屏内容不要左对齐。居中、字间距紧密的标题是标志性开篇。
