接入模型网关
统一 API 入口,按业务域拆分密钥与配额;开启请求级追踪 ID,便于回溯单次调用。
面向人工智能平台开发的官网范式:以低明度深色底承载高对比信息,用霓虹点缀标记关键状态。未来愿景是——每一次推理调用、每一帧数据可视化、每一段智能交互,都在同一套暗色语言里被读懂。
按优先级排序,前三条决定可用性底线,后三条决定科技美学的完成度。
背景统一使用 oklch(0.15 0.03 202),卡片面 oklch(0.21 0.045 202);正文文字 oklch(0.94 0.02 202) 对底对比度须 ≥ 7:1,次级说明文字不低于 4.5:1。禁止用纯黑 #000 打底,避免暗色边界丢失。
主色 oklch(0.72 0.12 202) 承担约 30%(按钮、图标底、细边框),强调色 oklch(0.78 0.14 22) 只用于关键数字、激活态与 1px 高亮线。整屏高饱和填充会让暗色模式失去层次。
所有配图统一 object-fit:cover + 固定宽高比容器,并叠加 saturate(.92) contrast(1.04);截图类素材建议自带深色主题,避免白底图在暗色页面形成眩光斑块。
悬停位移 2–4px、过渡曲线统一 cubic-bezier(.16,1,.3,1);视差滚动幅度不超过 12% 视口高度。同时提供 prefers-reduced-motion 降级,动效归零后信息仍完整可读。
键盘导航用 :focus-visible 绘制 2px 强调色描边 + 3px 偏移;胶囊按钮点按区高度 ≥ 44px,目录链接行高 ≥ 36px,确保暗色场景下依然能精准定位。
常规 1140px、大屏 1400px、超大屏 1680px;≥1600px 时能力卡由 3 列升为 4 列,≤640px 收为单列,≤380px 内边距降至 8–12px 并让按钮撑满整行。
以人工智能平台开发为场景:每一步都有明确交付物与量化出口。
统一 API 入口,按业务域拆分密钥与配额;开启请求级追踪 ID,便于回溯单次调用。
用节点式工作流串起检索、推理、校验三段;对高风险节点加人工确认闸门。
把调用量、时延、成本三条曲线放进同一暗色面板,异常点用强调色标出并联动告警。
按 5% → 25% → 100% 三轮放量,每轮观察 24 小时;保留一键回滚开关。
暗色底上的图表只用主色与强调色两档,靠明度差区分系列。
上线前把这些数值写进验收单,避免“感觉变快了”这类主观结论。
同一套暗色设计语言,落到三类典型 AI 业务里各自长出不同的信息重点。

会话流转、意图命中与升级人工的阈值集中在一个深色看板,值班同学不必切换系统。

传感器曲线在低明度底上更易看出趋势拐点,告警标记用强调色小面积点亮。

模型置信度与人工复核并列排布,低置信样本自动置顶,缩短人工判断路径。
悬停或聚焦任一卡片即可展开参数明细,横向对比不跳页。
六项能力共同支撑“暗黑模式 + 数码纪元”的产品气质,每项都带可验收指标。
多模型统一路由、限流与重试策略,屏蔽底层差异,业务侧只对接一套协议。
以设计令牌驱动全站配色,一处调整即可同步导航、卡片、图表与表单。
调用量、时延、成本三条曲线同屏联动,异常点以强调色小面积标注。
密钥分级、操作留痕、敏感调用二次确认,满足企业内控与合规审查要求。
节点式拖拽搭建检索、推理、校验链路,支持分支与人工确认闸门。
320px 到 2560px 全梯度适配,卡片列数与容器宽度逐级放宽,无横向溢出。
未来愿景不止于“看起来酷”:当深色底、令牌化配色与动态数据可视化成为默认,团队评估 AI 平台的时间将从小时级压缩到分钟级。