OpenServ
白色基底、衬线字形与渐变展示。
Common
白色基底、渐变展示与细线分隔。
页面以白色为基底，搭配近黑色文字。局部操作控件以蓝色强调。字体采用 NeueHaasUnica、Silka。视觉特点包括渐变展示、细线分隔、圆角卡片。适合参考的场景：技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- 所有容器都使用 6px 圆角，包括卡片、按钮、输入框和图标按钮。这套系统只有一种常规圆角；80px 的胶囊形只出现在启动卡片的渐变边框处理中，不应扩展到其他地方。
- 完整色谱渐变仅用于启动操作。其他按钮、卡片或任何元素都不应使用 cobalt→violet→ember 的渐变。
- 正文字号设为 16px，行高为 1.5，且不得小于 14px。文字尺度虽然紧凑，但并不细小；信息密度应由间距控制，而不是靠缩小文字。
- 主要操作的填充色使用 #3d3a3（Graphite），不要使用纯 #000000。纯黑让人感觉空无，石墨色则像一个实体。#000000 保留给文字和细线。
- 通过 font-feature-settings，为所有数字展示启用等宽数字特性（'tnum'、'lnum'）。Token 数量、价格和百分比必须在竖向对齐。
- 使用 1px 的 #c1c0c2 细线边框，将卡片与画布分开。只有单靠边框无法区分卡片与背景时，才使用 1px、5% 的阴影。
- Cobalt #338fff 和 Ultraviolet #7a33ff 仅用于描边、圆点和链接文字。系统中恰好只有两个彩色实心形状，即两个 Token 指示圆点。
建议避免
- 不要引入第二个渐变表面。极光般的色彩铺陈只属于启动卡片和通知横幅，不用于定价、功能区块或空状态。
- 不要使用模糊半径为 8px+ 的圆角矩形阴影。这套系统保持平面感；阴影上限为 1px/2px 偏移、5% 不透明度。
- 不要为实心操作按钮添加彩色边框。色谱按钮使用色谱，石墨按钮使用石墨，轮廓线属于幽灵按钮；填充与彩色描边混搭不在这套视觉语汇中。
- 文字不要小于 14px，也不要大于 36px。狭窄的字号范围是刻意设计，超出范围会像从另一套系统移植而来。
- 不要用柔和投影表示焦点。焦点只通过 1px 边框从 Silver 变为 Carbon 的变化来传达，不添加其他效果。
- 不要为正文添加彩色。Carbon #000000 是唯一的文字颜色；弱化的辅助文字使用 Ash #a09da1，不能使用带色相的灰色。
- 不要创造新的圆角值。如果 6px 不适合某个组件，那么这个组件就不属于这套系统。
