OpenServ
白色基底、衬线字形与渐变展示。
Parallel Web Systems
近白色基底、扁平表面与衬线字形。
页面以近白色为基底，搭配近黑色文字。字体采用 gerstnerProgramm、ftSystemMono。视觉特点包括扁平表面、衬线字形、等宽字体、网格布局。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 每个阅读文字元素采用gerstnerProgramm，包括正文、副标题、区块标题和页脚链接。正文400字重，标题与任何强调短语的前2–3个词采用500。
- 每个UI装饰元素采用ftSystemMono，包括导航链接、按钮标签、胶囊切换控件、标签和状态指示符；始终大写，始终0.012–0.015em字间距。
- 每个矩形元素采用2px圆角，包括卡片、按钮、输入框、标签和图片；系统唯一更大圆角为8px，仅用于浮在蓝色首屏上的行内提示胶囊。
- 默认画布采用Cream Paper（#f5f4f1），Pure White（#ffffff）仅用于将抬高的卡片或按钮文字托起在其上，绝不用#ffffff作为页面背景。
- Signal Orange（#fb631b）在每个组合中严格只用于一种内容：一个填充按钮或一个行内强调短语，同一视图绝不同时出现，也绝不用于边框或文字链接。
- 区块以宽裕80px垂直间隔分隔，卡片内容内边距48px。唯一分隔方式是1px Hairline（#e5e5e5）边框或48–80px留白，绝不在画布上堆叠背景色带。
- 深色页脚使用Ink Black及同样的抖动或纹理处理，呼应首屏数据流视觉语言，让页面以开场的节奏收尾。
建议避免
- 不要引入第三种强调色、渐变或任何饱和中间色调；系统依靠灰度加严格两种彩色标点Schematic Blue与Signal Orange运作。
- 除记录的两种模式外，不要添加box-shadows：0.5px Hairline内嵌阴影和0.02–0.04的层叠卡片抬升。设计语言由极细线定义，而非阴影。
- 结构元素圆角不要超过2px，胶囊形（9999px）不属于系统，2px才是标志性特征。
- 正文不要采用ftSystemMono，UI标签不要采用gerstnerProgramm；衬线与等宽的分工是刻意的，衬线负责阅读，等宽负责操作。
- #ffffff不要作为页面画布或坐落在Cream Paper上的卡片表面，温暖色调就是核心，切换白色会消除印刷纸面氛围。
- 橙色强调不要用于禁用状态、辅助文字或元信息；橙色表示“激活、可点击或强烈高亮”，用于非交互元素会破坏含义。
- 不要使用摄影或插画影像，视觉语言是将数据作为图形，包括等宽文字流、抖动纹理和平面蓝色面板；字体与数据本身就是影像。
