网站视觉样式盘点与设计令牌复核交付

固定一次页面观察，而不是声称拿到整套设计系统

本流程适合维护获准网站的设计师与前端团队，目标是交付经过复核的样式清单与令牌提案，不是克隆页面或恢复原始设计源文件。选择无需凭证且不含敏感信息的公开页面，记录地址、采集时间、桌面或移动视口、请求的浅深配色及额外等待。请求深色偏好不代表页面真的切换了主题。

保存包含 design.md、screenshot.png、tokens.json 与 tokens.css 的 ZIP，为原件计算哈希。先看截图再看统计：同意弹窗、字体缺失或资源被阻止，可能导致采到错误状态。截图只覆盖固定视口，有限样式扫描却可能包含首屏以下的渲染元素，二者范围不能直接画等号。工具不会自动滚动、点击或登录；应记录截断和资源警告，不能把短报告当作完整覆盖。

把观察值与解释分开保存

挑选代表性标题、正文、按钮与卡片，在独立台账中把数值关联到组件及采集语境。用图片取色器按截图坐标核对可见表面，不盲目把像素当 CSS。抗锯齿边缘、透明叠层、渐变、图片和色彩管理都可能造成差别；有合适纯色区域时再取样，必要时同时保留 CSS 值和像素值。

统计频次针对采样声明，不代表画面面积或品牌重要性。font-family 是声明栈，不证明每个字形实际使用哪个字体；单个宽度也不能推导整套响应式间距和字阶。observed-1 等导出名称是机械编号，把它映射为“主操作颜色”之类角色属于需要负责人和理由的提案。无法表示的 CSS 表达式可能只留在报告中而没有对应基础令牌；应记录覆盖限制，不擅自补出替代值。

在实际语境中检查颜色组合与变更

只在支持范围内用颜色空间工具统一表示，保留原始值和色域警告。转入较窄色域可能改变观感，不能悄悄把便于使用的 HEX 值当作广色域原值。检查对比度前确认真实前景与背景；透明层需要核实合成结果，图片和渐变背景需要适合的额外检查。工具无法表达实际条件时保留待处理，不用猜出的不透明色替代。

整理 tokens.css 副本用于阅读，不直接覆盖网站样式。tokens.json 应使用自行提供的兼容模式校验；结构通过或某种格式标签，都不能证明设计正确或标准符合性。对照版本时保持视口、请求配色和相关设置一致。观察顺序变化可能使生成编号整体位移，observed-1 变了不一定代表同一组件变了；应人工核对数值与语境，区分真实改动、缺失资源和采样噪声。

交付决定，也交付尚未验证的范围

台账建议包含采集引用、组件、观察声明、相关截图坐标、拟定语义名称、批准状态、理由与负责人。这是独立维护的复核材料，不是声称提取器自动生成稳定组件身份。原始证据、接受提案和待处理项分别保存，让接手人分清事实与选择；新名称仍要能追溯原始观察值。

重新打开最终 JSON 和 CSS，修改后再做结构与差异检查，给实际交付文件计算哈希。保留本地材料与报告资源，不只交临时下载地址。列出未测宽度、悬停、焦点、错误状态、登录界面、框架和未访问页面。上线前仍由接收方在目标浏览器验证，单截图和几个颜色比值不构成整站无障碍认证。需要设计新配色时转到相关颜色专题，确认字体使用相关排版专题，实施与层叠问题转到 CSS 专题。