Twingate
近黑色基底、胶囊形控件与大字排版。
Air
深色基底、大幅摄影展示与磨砂表面。
页面以深色为基底，搭配白色文字。字体采用 Control、Control Compressed。视觉特点包括大幅摄影展示、磨砂表面、细线分隔、居中构图。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 所有正文、导航、按钮和链接文本使用 Control 500 字重——字重统一带来视觉上的平静
- 所有按钮及交互元素的圆角设置为 8px
- 仅对表单输入框应用 4px 圆角
- 在深色背景上，卡片和输入框表面使用 #f5f5f5（Haze）
- 在深色背景上，边框和文本使用 #ffffff（Whiteout）
- 在浅色背景上，文本和边框使用 #1b1b1b（Ink）
- 在标题中用 Control Cursive 的一个斜体词打破节奏，与直立体的 Control TNT 或 Control 形成对比。
建议避免
- 不要使用实心填充色按钮——按钮仅采用透明边框（透明描边）或轻度填充（haze）形式
- 卡片元素不要添加阴影或层高——表面保持平面，仅通过边框或背景对比实现深度
- 每页最多使用一种饱和度高的强调色——Signal Blue 仅用于链接，不用于按钮或背景
- 正文文本不要小于 16px 或大于 500 字重——字体系统刻意保持克制
- 除切换/过滤控件外，不要使用圆润的胶囊形（胶囊形）形状
- 不要引入新的圆角——仅使用 4px（输入框）、8px（按钮）、11–14px（卡片/图片）
- 不要使用渐变——设计依赖摄影与平面色彩对比来营造深度
