用途:构建发布前的等待列表(waitlist)落地页,聚焦品牌展示、产品说明和单一加入入口,不制造虚假稀缺或倒计时。页面采用移动优先设计,读取 DESIGN.md 获取配色、字体搭配和空间规则;若缺少 DESIGN.md,需先请用户提供。
主要能力与用法:基于 assets/template.html 模板工作,将其复制为 index.html 后仅替换 {{PLACEHOLDER}} 占位符,不从零编写 HTML。占位符分三类:文本类(如 {{PRODUCT_NAME}}、{{TAGLINE}})需 HTML 转义;HTML 类 {{LOGO_MARK}} 默认用转义文字缩写,若用内联 SVG 必须严格净化(去除 script、on* 事件、foreignObject、外部 href 等),无法净化则回退文字缩写;颜色表达式类需符合严格颜色语法(#hex、rgb/rgba、hsl/hsla、oklch 或 color-mix()),拒绝含 ;、{}、<>、注释、@、url( 等字符;字体名与字体 URL 分别按原样插入并对空格做 + 编码。响应式在 375px、768px、1440px 等断点适配。
限制与质量门:输出为单文件、内联 CSS、SVG 图形,交互元素带 data-od-id。必须通过 references/checklist.md 中的 P0 门禁:仅一个 CTA(邮箱表单)、无倒计时、无虚假社会证明、无 emoji;375px 无横向滚动;邮箱字段 type=email 且 required、名字字段非必填;表单不用 novalidate、JS 使用 checkValidity() 守卫;成功提示有 role=status;颜色只能来自 DESIGN.md 或允许的 #2D6A4F 回退;文本转义、颜色与字体符合规则。P0 未通过不得输出。P1 建议项包括悬停/激活态、清晰校验反馈、prefers-reduced-motion 适配、可见焦点样式、键盘 Tab/Enter 支持、WCAG AA 对比度、Logo 替代文本、ticker 的 aria-hidden 与 html lang 设置。变更时需就地更新 index.html 并重新校验。