OpenServ
白色基底、衬线字形与渐变展示。
Together AI
白色基底、等宽文字标注与分屏构图。
页面以白色为基底。字体采用 The Future、PP Neue Montreal Mono。视觉特点包括等宽文字标注、分屏构图、非对称构图、网格布局。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 将正文和标题文字设为 The Future，大字号时采用激进的负字间距（-0.03em 在 64px，-0.02em 在 40px）
- 所有标签、徽章、按钮文字和技术元数据均使用等宽字体（PP Neue Montreal Mono）——等宽字体的语调是系统研究可信度的信号
- 所有卡片、按钮、徽章和输入控件的圆角均设为 4px——锐角是其核心特征
- 每页最多仅设置一条深色条带，使用 #010120（近黑色藏青色，非纯黑）以实现刻意的反色效果
- 将柔和色调的卡片背景（#c1dff9、#fde3f6、#ffdccd、#c8f6f9）作为分类编码填充，而非装饰——每种柔和色调应标识一个独立的指标或主题
- 将 #bdbbff 淡紫用于小规模UI强调：活跃状态指示、分节划线、下划线——绝不作为表面填充或大面积块使用
- 仅保留粘性导航栏带有阴影；使用藏青色调水平光晕 rgba(1,1,32,0.1) -10px 0px 75px 0px
建议避免
- 不要在卡片、按钮或区块上添加阴影——系统设计为平面风格
- 不要在纯黑表面使用纯白文字——应使用 #ffffff 在 #010120 上，使深色条带呈现品牌调色，而非通用深色模式
- 不要为可信来源或合作伙伴标志上色——保持其为去饱和的 #4d4d4d，以免与柔和的统计卡片产生视觉冲突
- 不要在标准UI中将圆角超过 4px；大圆角（8px、16px）会破坏锐利、编辑性的整体感觉
- 不要在浅色表面用颜色表示层级——应使用字体粗细（400 与 500）和尺寸，匹配标题模式：一条粗体行加一条较轻的延续行
- 不要在UI组件中使用渐变；渐变仅用于首屏3D插画
- 不要随意混用两种字体家族——等宽字体用于标签/徽章/按钮，无衬线字体用于正文和标题
