Xenon 的首屏就是搜索：支持按料号、品类、应用和兼容性查找，旁边配有产品剖视图和参数预览。品类体系、兼容性、技术数据、交货期、按应用选型、质量流程、批量询价和合规文件，让这个页面成为一个采购工具，而不是一张科普海报。
这款模板适合实验室零部件供应商、生命科学产品经销商、仪器配件公司、科研耗材制造商、工业检测用品供应商，或其他技术型 B2B 产品目录网站。把 Xenon 品牌标识换成透明底 Logo，并为目录页头、文档和手机导航准备紧凑版标志。保留对齐的参数行、统一的容器边界、一致的栏间距和固定的产品图片比例，并让搜索、兼容性、库存和文档几部分保持清楚区分。
每条产品记录都应包括：固定的制造商料号和供应商料号、制造商、品类、应用、兼容的系统及具体型号、材料、尺寸及单位、公差、工作范围、化学或生物兼容性、无菌或洁净状态、包装数量、计量单位、原产国（如有要求）、法规或质量状态、库存、交货期、价格说明、批次或序列号追溯、保质期、储存条件、安全文档、修订日期和支持负责人。
兼容性声明必须写明经过测试的配置、固件或型号限制、所需的转接件、不适用的情形以及相应证据。对于关键零部件，未经验证绝不能笼统地写“兼容”。技术数值要注明单位、条件、公差和所依据的标准，并链接到当前受控的文件。库存和交货期状态需要附上时间戳、数量阈值、缺货预订规则、分配规则、有效期和适用地区。
合规文件要写明所覆盖的具体产品或批次、签发方、日期、版本、有效期、签名或验证方式、文件类型、大小和归档政策。没有相应证据和规范措辞时，不要给产品贴上合规、认证、无菌、科研级、临床级、食品安全、已验证或适用于某种受监管用途的标签。批量询价表单要说明数量、单位、需求日期、收货地、项目编号、替代品政策、税费、运费、报价有效期和回复时间。绝不编造零部件、参数、制造商、兼容性、库存、价格、证书或背书。
上线前，把 AI 生成的产品剖视图和品类图片换成真实产品的准确授权照片或工程渲染图，保持几何形状和比例；AI 生成的图片不能用来代表可购买的零部件。料号、尺寸、状态、文档、控件和警示信息都用 HTML 呈现。图片替代文本应说明产品、视角、接口、材料和相关特征。表单和账户只收集最少的必要信息，采购订单、合同、税务记录、受监管用途信息、支付和保密项目都要使用安全系统处理。
SEO 方面，为真实的零部件、品类、应用、制造商、系统、指南和文档建立内容充实的页面。使用独立的标题、描述、规范网址（canonical）、合理的标题层级、面包屑导航、产品标识、更新日期和站内链接。只有当页面上可见的事实一致时，才使用 Product、Offer、Organization 或 TechArticle 结构化数据。避免筛选结果和仅登录可见的目录状态生成低质量薄页面。如果是多语言网站，要把计量单位、技术术语、文档、安全信息、货币、税费和配送信息都本地化。
在手机端，筛选器要以无障碍的方式折叠，技术参数表改为带标签的记录纵向排列，保持产品图的几何比例，避免内容溢出。保持键盘可操作、键盘焦点清晰可见、高对比度、大尺寸触控区域、减弱动效和读屏标签，库存状态不能只靠颜色区分。非必要的数据统计、在线客服、文档查看器、支付和客服集成要遵守用户的 Cookie 授权，并保护商业隐私。
上线前，替换所有虚构的产品、数据、图片、文档、价格、库存、联系人和声明；测试搜索、兼容性查询、快速下单、询价、文档、账户、表单、键盘操作、读屏软件、响应式布局、性能、Cookie 授权和各种故障情况。补充经过审核的隐私政策、服务条款、无障碍声明，以及质量、法规、产品用途、保修、配送、退货、文件控制、安全和联系方式页面；指定产品、质量、法规、工程、法务和内容负责人，并建立正式的审核周期。
