01
标题字号跨度 ≥ 4 级
主标题、区块标题、卡片标题、标签依次为 3.6rem / 2rem / 1.06rem / 0.78rem，跨度不足 4 级时版面会「糊」成一片。避免用加粗代替层级。
AI PLATFORM · 创意排版引擎
让模型能力 以版面说话
面向人工智能平台开发的展示系统：把超大字号对比、错位叠压与非对称栅格组织成一套可复用的排版语言， 让 AI 平台的算力指标、模型矩阵与数据可视化能力在首屏内被读懂，而不是被堆砌。
128+
预置模型接口
99.95%
推理服务可用性
40%
首屏信息吸收提升
排版即接口：AI 平台的视觉信息架构
把模型能力、调用成本与可视化指标映射到统一的版式节奏上，用字号层级替代装饰性图形来承担信息权重。
非对称栅格 · 12 栏
文字即主视觉，指标即锚点
首屏以一组 3.6rem 级别的衬线大标题建立视觉重力，右侧错位图卡下沉 16px 形成叠压关系； 所有关键数字使用等宽字距与强调色点缀，确保在 320px 窄屏下仍保持可读优先级。
版式基座采用 8pt 间距节奏：区块间距 64px、卡片内边距 16px、卡片间距 16px， 让高密度信息在滚动吸附时不被切割，配合波纹矢量背景维持未来科技的连续感。
标题对比度≥ 7:1
正文行高1.62
卡片圆角20 / 28 px
动效时长250 / 450 ms
可落地清单：AI 平台展示页的 6 条排版准则
每条都给出可验证的参数阈值，交付前逐条打钩即可作为验收标准。
02
错位偏移固定在 8 的倍数
叠压卡下沉 16px、缩进 8px，横向错位不超过栏宽的 12%，否则在 1024px 断点会与相邻列相撞产生横向溢出。
03
强调色占比压到 10% 以内
中性底 60%、主色 30%、强调色 10%。强调色只出现在按钮、激活态、关键数字与 1px 细高亮上，禁止整条横幅铺满高饱和色。
04
图片统一 16/10 与 4/3 裁切
所有配图放入固定比例容器并 object-fit:cover，同时写死宽高比可避免加载期布局跳动，累计布局偏移需控制在 0.1 以内。
05
滚动吸附前先算首屏信息密度
首屏至少承载 1 个主张、3 个量化指标与 1 张主视觉。若首屏内可读信息少于 5 个语义块，说明留白过度，应压缩区块边距至 24px。
06
动效只服务层级，不做炫技
hover 位移 ≤ 5px、时长 250ms、缓动 cubic-bezier(.16,1,.3,1)；并对 prefers-reduced-motion 降级关闭浮动与脉冲，避免眩晕。
应用场景：从数据接入到可视化交付的四段链路
按时间轴左右交错展开，每一段都对应平台内一个可独立验收的交付物。
① 数据接入与治理
统一结构化与非结构化数据入口，字段级血缘可追溯。
- 单批次导入上限 50 万条，失败自动重试 3 次
- 脱敏规则在接入层执行，误命中率 < 0.5%
② 模型编排与灰度发布
可视化画布串联多模型，按流量比例灰度验证效果。
③ 推理服务与成本控制
按 token 计费并给出预算护栏，超阈值自动降级到小模型。
- P95 首字节延迟目标 < 300 ms
- 缓存命中率提升至 62%，单位成本下降约 28%
④ 数据可视化与用户体验优化
把日志、指标、链路追踪合成同一套视图语言。
最新动态：平台能力与排版规范的同步演进
版本更新与设计规范双线推进，确保技术实力展示与用户体验优化始终对齐。
多可用区推理调度上线，扩容耗时缩短至 45 秒
新增按队列深度的弹性策略，突发流量下 P99 延迟波动收窄至 12% 以内。
查看调度参数 →
响应式网页断点规范更新：新增 1600px 与 380px 两档
超大屏放宽至 1680px 容器并增加列数，超小屏收敛为单列堆叠，点按区不低于 44px。
查看断点表 →
数字滚动计数接入首屏，指标读取路径缩短一步
计数动画时长固定 900ms，进入视口 20% 后触发，减少重复重绘带来的掉帧。
查看实现要点 →
排版组件库开源：38 个令牌化组件对齐 8pt 节奏
间距、圆角、阴影、字号全部走设计令牌，主题切换仅需替换一组变量值。
查看令牌清单 →把「智造未来」做成一套可交付的排版系统
提交你的 AI 平台信息架构，我们将输出一份含栅格标注、令牌清单与断点验收表的排版方案，交付周期通常为 5 个工作日。