造物云场景模式与图像规范 · V2.2

先选择场景，再选样式

品牌表达：官网Hero、活动、对外提案。使用原品牌字体与流式展示标题；一处主视觉，正文周围保持安静。

产品操作：工作台、表单、数据页。标题28px，稳定实面，操作控件不缩小到44px以下；状态和信息优先，不以光晕替代信息。

内容阅读：案例、方法论、规范。标题用fs-h1，正文16px/1.7、最多680px；图文随窄屏重排，事实和示意明确区分。

模式选择不改变品牌身份，只调整排版与表面。长页可有品牌Hero与阅读正文，但不要在每个小节切换风格。

实现

现有tokens.css/design-system.css继续有效。使用data-zw-mode="brand|product|reading"配合zw-mode-heading、zw-mode-surface、zw-prose；只作用于显式选择的区域。

语义别名：surface-canvas/content/raised、text-primary/secondary、border-default、control-min-height、row-space。旧变量名保留。

图片与证据

• 图标：表示动作或对象，单色currentColor、24网格/1.5描边，不与彩色叙事图混用。
• 流程图/简化UI：解释关系与步骤，标记“流程示意”或“界面示意”；不伪造运行结果。
• 产品截图：说明已实现能力，保留真实状态、版本和日期；隐去敏感信息，提供文字解释与alt。
• 氛围纹理：只作背景，不能代替概念或正文；产品操作区不叠连续光晕和装饰动效。
• 合成/AI生成图：需要时标记“概念示意”，不冒充客户现场、真实产品或证据截图。
• 客户素材与标识：确认来源和使用授权；外部案例不默认是造物云交付。
• 每个新资产记录文件、用途、来源/权利状态、日期、替代文本、深浅背景适用性。品牌标继续遵守logo-guide.html。

做与不做

做：同一字体靠字号/字重和空间表达层次；重要动作比背景更清楚；删去不帮助理解的装饰。

不做：所有区块切成同款卡片；每个标题都加英文kicker；每段都挑一个词染紫；仅靠颜色说明状态。

这些是使用判断，不是自动清除既有VI的理由；现有品牌设计及用户明确意图优先。