OpenServ
白色基底、衬线字形与渐变展示。
Shuttle
白色基底、细线分隔与网格布局。
页面以白色为基底，搭配近黑色文字。字体采用 InterVariable。视觉特点包括细线分隔、网格布局、宽松留白、文字主导。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 所有主要 CTA 填充和 标识 图标必须使用 Signal Blue (#0077ff) ——它是界面中唯一的饱和色
- 将 9999px 的胶囊圆角应用于导航栏、标签元素以及任何浮动的 UI 胶囊
- 所有交互元素（按钮、输入框）使用 8px 圆角，内容容器（卡片、图片）使用 16px 圆角
- 无论字体大小，所有 InterVariable 文字的字间距均设为 -0.025em
- 每个抬升的表面必须搭配细 1px 黑色阴影（rgba(0,0,0,0.25) 0px 0px 1px 0px）；仅在特性卡片中保留 25px 50px 的戏剧性阴影
- 保持区块间距为 128px，元素间距为 8px，以维持紧凑的实验室节奏
- 使用 Ink (#000000) 作为文字，Hairline (#e5e7eb) 作为边框，作为结构主干——该系统 98% 为单色
建议避免
- 任何 界面外围元素 元素（如金属部件）均不可使用强调色调（Ember、Amber、Crimson、Deep Signal）——这些颜色仅用于插画场景
- 内容卡片的圆角不可超过 16px；过大的圆角会破坏工具般的密度感
- 不可引入渐变、彩色阴影或染色抬升——所有阴影均为黑色，不透明度 0.25
- 链接不可使用蓝色——Shuttle 采用 Graphite (#525252) 且字重 500 用于内联链接，以维持色彩纪律
- 单个页面区块内不可重复使用 62px 的展示字号；该轻盈展示字体仅作为句点存在，而非段落内容
- 导航胶囊不可添加背景色——其与白画布的对比关系仅由 1px 黑色阴影确立
- 同一组件家族内不可混合使用不同圆角尺寸；按钮保持 8px，卡片保持 16px，无例外
