OpenServ
白色基底、衬线字形与渐变展示。
Atoms
浅色基底、摄影展示与扁平表面。
页面以浅色为基底，搭配近黑色文字。字体采用 IBM Plex Sans、IBM Plex Serif。视觉特点包括摄影展示、扁平表面、衬线字形、网格布局。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 仅将 #4267ff 用于主要操作、链接文本和品牌标识——切勿作为背景填充或装饰色
- 所有按钮、徽章及胶囊形交互元素的 border-radius 均设为 9999px
- 所有卡片级容器的边框圆角设为24px，其内部预览图片的边框圆角设为12px
- 每页仅使用一次 IBM Plex Serif 48px/600——仅用于首屏标题，其他位置禁止使用
- 任何脱离 #e5e7eb 画布的卡片均应用双层阴影（0px 8px 24px -4px 透明度0.08 + 0px 4px 4px 透明度0.04）
- 构建三层表面堆叠结构：#e5e7eb 页面 → #ffffff 卡片 → #f6f6f6 嵌入凹槽
- 正文和主要边框使用 #0d0d0d（而非 #000000）——近黑色刻意更柔和
建议避免
- 不要引入额外的强调色——系统本意为单色，仅以蓝为声音
- 任何交互元素均不可使用方形角或小圆角（<8px）
- 背景宽度超过 120px 时，禁止使用 #4267ff——色彩必须保持小巧且有目的性
- 在小于 48px 的位置（如副标题、卡片标题）禁止使用衬线字体
- 不要使用强于定义双层阴影的投影——厚重阴影会破坏整体柔和、扁平的特性
- 文本切勿使用 #000000——始终优先使用 #0d0d0d 增加温暖感，次级内容使用 #3c3c3c
- 每个视口象限内禁止出现超过一个主要胶囊按钮——蓝色不应自我竞争
