Twingate
近黑色基底、胶囊形控件与大字排版。
Nile Postgres
近黑色基底、胶囊形控件与圆角卡片。
页面以近黑色为基底，搭配白色文字。字体采用 Aeonik、aeonikMedium。视觉特点包括胶囊形控件、圆角卡片、渐变展示、紧密字距。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 所有交互元素（按钮、导航胶囊、公告标签）的圆角均设为 9999px，以保持系统内一致的胶囊形状
- 所有主要操作必须使用青色（#6fe2ff）；禁止将其用于装饰或非操作用途
- 使用三种柔和色块（琥珀色 #ffba6a、薰衣草紫 #d8d3ff、青色 #6fe2ff）作为实体卡片填充，搭配深空色（Deep Void）文字，禁止用作文字颜色或细线装饰
- 仅将日落渐变作为明确的标志性时刻使用——完整容器填充或裁剪文本，禁止作为背景的细微晕染
- 正文文字设为 16px Aeonik 400 字重，白色（#ffffff），次要文字使用灰白（Ash #d3d3d3）——禁止使用灰色作为主要文本
- 所有表面容器默认使用 24px 内边距和 20px 圆角
- 保持区块间距为 80-96px，以维持内容区块间的舒适呼吸感
- 标题显示尺寸设为 64-96px，负字间距（-0.01em）以实现建筑感和工程感
建议避免
- 禁止将彩色（青色、琥珀色、薰衣草紫）用于正文、边框或图标——这些颜色仅限于特征瓷砖和主要操作的表面填充
- 禁止为卡片或按钮添加盒阴影或投影阴影——系统依赖于扁平表面和细线边框来营造深度
- 禁止将渐变用于按钮背景、图标填充或文本颜色，除非在预设的标志性时刻
- 禁止破坏胶囊形状——每个按钮、标签和公告必须使用 9999px 圆角，禁止使用圆角矩形
- 不要使用纯黑色 #000000 — 始终使用 Deep Void #0e0e0 作为画布，使用 Carbon #1c1c1c 作为卡片
- 禁止引入超出三色之外的强调色——系统刻意限制于青色/琥珀色/薰衣草紫及中性色
- 禁止正文文字小于 14px 或在段落文本中使用除 400 字重以外的字重——Aeonik 的几何清晰性依赖于充足的尺寸和常规字重
- 禁止使用超出 4/8/12/16/24/32/48/80/96 的间距值——8px 基础单位必须统领所有节奏
