Twingate
带有紫罗兰和黄绿色信号灯的午夜控制室。整个界面位于近黑虚空中，两种强调色像状态LED一样在仪表板组件间脉动，克制、有工程感、略带未来气息，却不炫耀。
Tableland
终端边陲的暮色——柔和的珊瑚色山峰耸立于深绿黑色的虚空中，地平线上有一盏薄荷绿信号灯闪烁。
Tableland 作为黑暗模式开发表面，仅有一个手绘时刻：一片薰衣草珊瑚色的首屏景观，随后过渡到平静、基础设施感的内部空间。字体为几何人文主义风格（Poppins），使用字重300承担所有展示文本的呈现，使标题呈现出沉静、经过精心设计的气质，而非营销化的冲击感。一种柔和的青绿色（#75b6b5）承载所有交互语感——导航链接、图标线条、了解更多提示——而唯一的鲜明薄荷绿（#0be291）专用于强调性标题，形成清晰的层级结构：青绿色负责导航，薄荷绿则标识主要阅读内容。表面通过近黑色的阶梯式层级呈现（页面 → 卡片 → 提升状态），卡片和按钮采用适度的圆角（8–16px），除标签和图标容器外，从不采用胶囊形；视觉特征在于柔软的绘画风格首屏与下方硬朗终端美学之间的对比——一种既亲切又坚定的数据库感。
查看原始网站使用规范
建议采用
- 所有展示与区块标题均使用 Poppins 300——轻盈字重是品牌标志性语调
- 将 #0be291（薄荷绿）专用于强调性区块标题；绝不应用于正文、链接或背景
- 使用 #75b6b5（青绿）承载所有交互语感——导航链接、图标线条、了解更多提示
- 通过四步层级叠加表面：#101e1（页面）→ #162929（中层）→ #3b4949（提升状态卡片）→ #1a1a1a（终端）
- 按钮和代码块使用 4px 圆角，内容卡片使用 8px，提升状态测试卡片使用 16px，仅标签和图标容器使用 9999px
- 区块标题居中对齐，并为每个区块提供至少 128px 的垂直留白空间
- 保持薰衣草色首屏作为唯一手绘时刻——在黑暗内部禁止引入渐变或插图
建议避免
- 绝不使用字重600以上的展示标题——轻盈克制才是品牌声音
- 绝不将 #0be291 应用于链接、图标或背景——分散使用会破坏层级感
- 绝不使用胶囊形圆角（9999px）于按钮或卡片——胶囊形仅限于标签和图标容器
- 绝不引入阴影或立体效果——设计依赖表面色彩阶梯，而非深度
- 绝不使用纯黑色（#000000）——所有深色均带有轻微绿调（#101e1、#1a1a1a、#162929）
- 绝不引入超出现有四种色彩（青绿、薄荷、珊瑚、薰衣草）的强调色——色彩体系刻意保持狭窄
- 每个UI区域最多使用一种色彩——青绿用于交互，薄荷用于强调，珊瑚仅用于首屏插图
