OpenServ
明亮的磨砂玻璃设计
Parallel Web Systems
黎明的工程期刊：技术阅读室里，数据流取代摄影，字体承担表达。
Parallel像一份印在奶油纸面上的工程期刊：温暖米白的轻盈编辑式画布，唯一衬线字体gerstnerProgramm承担所有阅读内容，次要等宽语气ftSystemMono管理每个UI装饰元素，包括导航项、按钮、切换控件和标签。色板几乎完全灰度，只有两种饱和强调标点：钢蓝填充大型数据可视化首屏面板，鲜亮橙色严格落在一个CTA和一个行内强调短语上。表面平坦，以极细线分隔而非阴影，圆角极小（2px），使整个系统像技术示意图。唯一深色场景是带抖动、数据纹理的页脚带，呼应首屏，让页面以开场时同一种视觉语言结束。
查看原始网站使用规范
建议采用
- 每个阅读文字元素采用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上的卡片表面，温暖色调就是核心，切换白色会消除印刷纸面氛围。
- 橙色强调不要用于禁用状态、辅助文字或元信息；橙色表示“激活、可点击或强烈高亮”，用于非交互元素会破坏含义。
- 不要使用摄影或插画影像，视觉语言是将数据作为图形，包括等宽文字流、抖动纹理和平面蓝色面板；字体与数据本身就是影像。
