OpenServ
白色基底、衬线字形与渐变展示。
Ui
近白色基底、紧密字距与细线分隔。
页面以近白色为基底，搭配近黑色文字。字体采用 Geist。视觉特点包括紧密字距、细线分隔、产品图像展示、网格布局。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 使用 #0a0a0a 在 #ffffff 上实现填充按钮——深色反色是唯一的主操作处理方式。
- 所有按钮、输入框和徽章保持 18px 圆角，以实现完美的胶囊形几何；仅在卡片上使用 24px 圆角。
- 将显示标题设为 48px/600，字间距 -0.0500em——此尺寸下 Geist 的几何字重配合强力收紧，形成经过设计的标题语气。
- 仅将 #e7000b 保留用于破坏性状态；绝不可用于装饰、品牌标识或非错误强调。
- 卡片阴影叠加为 1px 细线 + 1px + 2px 偏移——综合效果是几乎不可察觉的抬升，读作‘卡片’但无戏剧性。
- 使用 #f5f5f5 作为次级表面和输入框；使用 #fafafa 作为侧边栏和细微卡片变体——三层次表面堆叠（画布 → 柔和 → 纸张）实现分层而不依赖边框。
建议避免
- 不要引入除 #e7000b 以外的彩色品牌色——单色调才是该系统的基调。
- 不要使用除 18px（交互元素）或 24px（容器）以外的圆角值；任何元素均避免使用方形角。
- 不要省略卡片上的 1px 细线边框——在该系统中，阴影本身不足以定义卡片边缘。
- 不要将正文文字设在 14px 以下或高于 #737373 的亮度——字体层级刻意保持紧凑。
- 不要使用渐变、彩色阴影或强调填充——每个表面均为实色。
- 不要将字间距设置为宽于 0.05em 或紧于 -0.05em；超出此范围的字间距会破坏字体系统。
- 不要在同一行中将相同尺寸的填充按钮和轮廓按钮混合使用，除非有视觉节奏——应交替使用透明描边或次级变体。
