视觉层施工完成:绿只给涨/买/CTA 底,验证与毕业用金色;Trust Chain 六节点;出价面板最坏结果前置;图表带轴 / 单位 / 时间范围 / null / 来源。五个产品屏(首页 / 项目页 / 验证页 / 发币向导 / 持仓页)+ 设计系统板,纯静态 HTML+CSS、零 JS、双击 file:// 可开;所有取值来自 tokens.css,数字全部来自《产品基线 v2.1》。
一句话 + 三入口 + 4 个可核对数字(23 / $4.82M / 2 分钟前 / $1.36M 放款)→ 实时证据流 → 筛选三组(默认全部)→ Launches 网格(23 verified / 34 projects / 2 页)→ 分页 + 合规页脚。五个区块与 v6 一致;验证条金色,Buy 不发光。
三栏 200 / 弹性 / 360 sticky;项目头 + 可分享结论卡 + Trust Chain 六节点 + 资金状态机四格(已募 / 托管 / 下一笔触发 / 失败退款);中栏 App 指标(GA4 null 不补 0)→ 里程碑 30/30/40 → 季度报告 → 代币用途 → 团队 → 持有人;右栏价格卡 → 出价面板五段式 → 代币信息 → 活动。
审计底稿:结论 hero 中性底 + 金边(不做整块绿填充);4/4 检查快照(归属 / 合计 / 缺失月份 / 链上凭证);证明过程 4 步;导出 PDF/JSON/分享链接;本地复核收二级;开放范围「指定验证方出证 · 任何人可复核」。
4 步 stepbar + 入口承诺(≈10 分钟 / 费用 / 可跳过);第 2 段证明收入(数据源 2/3 + 证明 4 节点 + 跳过代价明示 + FDV cap);第 3 段发售与资金(CCA 参数 / 押金 $10,000 / 里程碑 30-30-40 / 12 个月现金流带轴);右栏 Launch check + 费用。
颜色 / 五条语义渐变(mint=主操作/涨、pink=卖/跌、gold=信任/毕业/里程碑、violet=拍卖、cyan=信息/过程)/ 字体阶梯 / 间距圆角 / 按钮矩阵(Variant · Size · Default · Hover · Disabled,仅 nav Launch 发光,面板 CTA 柔背光,行级不发光)/ 徽章 5 类 + 六边形成就 / 7 个状态词 / 带轴图表(含 null 与来源行)。
| 屏幕 | console error | 1440 无横滚 | 375 无横滚 | glow 元素 | 面板 CTA 柔背光 | emoji | 裸 hex | 图表 |
|---|---|---|---|---|---|---|---|---|
| 01-home | 0 | PASS | PASS | 1 | 0 | 0 | 0 | — |
| 02-project | 0 | PASS | PASS | 1 | 1 | 0 | 0 | 1 · 轴/单位/时间/null/来源 |
| 03-verify | 0 | PASS | PASS | 1 | 0 | 0 | 0 | — |
| 04-launch | 0 | PASS | PASS | 1 | 1 | 0 | 0 | 1 · 12 个月现金流 |
| 05-design-system | 0 | PASS | PASS | 1 | 1 | 0 | 0 | 1 · 含 null 示例 |
| 06-portfolio | 0 | PASS | PASS | 1 | 1 | 0 | 0 | — |
口径:glow = 可见且未被标为 state-demo 的 .btn-launch 元素;产品 5 屏各 1 个(nav Launch)。设计系统板按新规则只在 Button 矩阵展示 1 个发光样例,nav 不放 Launch。裸 hex 统计组件 style/fill/stroke;设计系统板上的 hex 是文档标签文本,不是样式输入。原始数据:shots/self-check.json。运行:双击任一 screens/*.html(file:// 可看,零 JS)。
| 屏幕 | v6 区块顺序 | 高保真稿 | 差异与判断 |
|---|---|---|---|
| D1 首页 | H1-M1 故事条 → M2 实时证据流 → M3 筛选条 → M4 卡网格 → M5 分页页脚 | 同序,5 块;无验证榜 | 对齐按 P1-08 删除整块 Verified leaderboard,23 verified 并入网格标题「Launches · 23 verified」;总数改 34 projects、分页 2 页;默认筛选「全部」。与 v6 完全同序。 |
| D4 项目页 | A1 拍卖状态条 → L1/L2 → C1 项目头 → T1 → F1 → C3–C10 → R1/R4/B1/R7/R6 | 项目头内合并 A1;C1 下多「可分享结论卡」;T1→F1→C3…C10;右栏 R1(含 R4 批次进度)→B1→R7→R6 | 合并A1 拆进项目头状态行 + 右栏拍卖条;R4 并入 R1;新增结论卡(lead 要求);B1 未连钱包态做在同一面板(Connect CTA + 说明)。中栏顺序与 v6 一致。 |
| D5 验证页 | V-M0 面包屑+项目头 → V-M1 结论卡 → V-M2 4 项检查 → V-M3 导出 → V-M4 本地复核 → V-M5 激励+开放范围 | 同序;V-M1 与 V-M2 之间多「Trust Chain 六节点」;V-M2 与 V-M3 之间多「证明过程 4 步」 | 新增Trust Chain(项目页/验证页/持仓页三处复用,审计 §4);新增证明过程 4 步(检测登录→拉取账单→本地证明→上链校验),v6 未画 → 与待拍板 ② 相关。 |
| D6 发币向导 | W-M1 入口承诺条 → W-M2 步骤条 → W-S1 项目与代币 → W-S2 证明收入 → W-S3 发售与资金 → W-S4 核对与签名 → W-AUX 辅助栏 | 入口承诺并入页头;W-M2 步骤条;只画 W-S2 + W-S3;W-AUX 右栏(Launch check / 费用 / Before you sign) | 未画W-S1、W-S4(lead 允许只画关键两段,stepbar 示意);合并W-M1 并入页头(≈10 分钟 / 费用 / 可跳过完整保留)。数字全部沿用基线 v2。 |
| D7 持仓页 | D7-M0 未连钱包整页空态 → M1 页头+钱包 → M2 五格 → M3 六态分段 → M4 我买的 → M5 我发的 → F1 资金状态机 → M6 空/错/异常样本 → 页脚 | 同序同块;英文界面,数值与基线 v2.1 一致 | 对齐按 V6-D7 实现:空态置顶作 state 样例、F1 用 Nebula 已毕业态小卡、六态 chips 数量含我发的项目(All 2 / Auction 1 / Graduated 1);页脚口径改 v2.1。 |
按 v6 D7 线框,未连钱包整页空态画在页面最上方,随后才是「已连接状态演示」;高保真照此实现,于是同一页里同时存在空态与已连接内容。真实产品里这样会让已登录用户也先看到一个空态区块,或让演示稿显得像两种状态拼接。
现在两者连续出现:结论卡给「金额 + 来源 + 覆盖期 + Proof ID + 分享」,Trust Chain 又重复「结论 / 来源 / 覆盖期 / 检查项 / Proof / 复核」。信息有重叠,但一个是给投资人截图分享的结论,一个是给验证方复核的路径。
按 AF4 判决,信任用中性 + 金色;五渐变里 gold 同时承担「收入已验证」「已毕业」「里程碑签」三种语义,靠图标与文案区分,色相不扩。好处是纪律最干净,风险是三个高频状态视觉上接近。
口径:产品基线 v2.1 · 2026-10-19。所有数字取自基线 §8.2(Helios / Nebula / Lumen / Kite);状态词取自 §4;视觉方向取自审计报告《03 设计现状与高保真方案》§3。高保真稿只做桌面 1440 静态稿;375 仅做不溢出与折叠可用性验证,完整移动版留给后续。