OpenServ
白色基底、衬线字形与渐变展示。
Apollographql
近白色基底、胶囊形控件与居中构图。
页面以近白色为基底。字体采用 Inter、Fira Code。视觉特点包括胶囊形控件、居中构图、网格布局、摄影展示。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 900字重只保留给首屏标题；分区标题保持700，正文保持400。
- 每个胶囊形控件，包括按钮、标签和导航搜索，都使用999px圆角；绝不要将按钮改成方形。
- 每个橘色主要按钮都配一个橘色边框的无填充按钮作为同级操作；CTA成对出现。
- 32px圆角的深色视频面板置于Ash #efefef区域上，内部内边距为48px；星空图案保留在面板内部，而非页面上。
- Signal Orange #e75e15只用于品牌词、一个按钮，以及每个分区中的一个强调点；限量使用才能形成冲击力。
- 客户评价卡片采用Cinder #254250，页面其他部分同时使用Cosmic Ink #15252d；这种色阶变化虽小，却不可缺少。
- 分区纵向间距设为48–80px；卡片内部默认48px内边距，让系统具有呼吸空间。
建议避免
- 不要用Signal Orange填充大面积表面；一旦它覆盖超过按钮的面积，就会失去发光感。
- 不要在Cosmic Ink面板之外使用星空线条图案；它在浅色背景上会显得像噪声。
- 深色面板不要使用Mist #e2e8f0边框；Cosmic Ink和Cinder上的分隔线改用Fog #9fb2bc。
- 客户评价卡片文字的白色不透明度不要低于60%；Cinder背景本身已经削弱对比度。
- 38px以下不要使用900字重；在正文字号下，它会呈现过度块化的海报效果并难以阅读。
- 不要为状态引入蓝、绿、红等新的强调色；Apollo的系统只通过橘色和中性色传达状态。
- 正文不要使用Fira Code；它只出现一次，采用标题字号，作为传达代码语境的手段。
