Launchpad PROJECT DELIVERY
2026-10-19 · 口径:产品基线 v2.1
Hi-Fi Design · 暗色数据语言 + 金色信任 · 每屏一个发光 CTA

高保真设计

视觉层施工完成:绿只给涨/买/CTA 底,验证与毕业用金色;Trust Chain 六节点;出价面板最坏结果前置;图表带轴 / 单位 / 时间范围 / null / 来源。五个产品屏(首页 / 项目页 / 验证页 / 发币向导 / 持仓页)+ 设计系统板,纯静态 HTML+CSS、零 JS、双击 file:// 可开;所有取值来自 tokens.css,数字全部来自《产品基线 v2.1》。

01 首页首屏
01 首页D1 · 1440打开原稿 →

一句话 + 三入口 + 4 个可核对数字(23 / $4.82M / 2 分钟前 / $1.36M 放款)→ 实时证据流 → 筛选三组(默认全部)→ Launches 网格(23 verified / 34 projects / 2 页)→ 分页 + 合规页脚。五个区块与 v6 一致;验证条金色,Buy 不发光。

02 项目页首屏
02 项目页 · 拍卖中D4 · 1440打开原稿 →

三栏 200 / 弹性 / 360 sticky;项目头 + 可分享结论卡 + Trust Chain 六节点 + 资金状态机四格(已募 / 托管 / 下一笔触发 / 失败退款);中栏 App 指标(GA4 null 不补 0)→ 里程碑 30/30/40 → 季度报告 → 代币用途 → 团队 → 持有人;右栏价格卡 → 出价面板五段式 → 代币信息 → 活动。

03 验证页首屏
03 验证页D5 · 1440打开原稿 →

审计底稿:结论 hero 中性底 + 金边(不做整块绿填充);4/4 检查快照(归属 / 合计 / 缺失月份 / 链上凭证);证明过程 4 步;导出 PDF/JSON/分享链接;本地复核收二级;开放范围「指定验证方出证 · 任何人可复核」。

04 发币向导首屏
04 发币向导D6 · 1440打开原稿 →

4 步 stepbar + 入口承诺(≈10 分钟 / 费用 / 可跳过);第 2 段证明收入(数据源 2/3 + 证明 4 节点 + 跳过代价明示 + FDV cap);第 3 段发售与资金(CCA 参数 / 押金 $10,000 / 里程碑 30-30-40 / 12 个月现金流带轴);右栏 Launch check + 费用。

05 设计系统板
05 设计系统板DS · 1440打开原稿 →

颜色 / 五条语义渐变(mint=主操作/涨、pink=卖/跌、gold=信任/毕业/里程碑、violet=拍卖、cyan=信息/过程)/ 字体阶梯 / 间距圆角 / 按钮矩阵(Variant · Size · Default · Hover · Disabled,仅 nav Launch 发光,面板 CTA 柔背光,行级不发光)/ 徽章 5 类 + 六边形成就 / 7 个状态词 / 带轴图表(含 null 与来源行)。

06 持仓页首屏
06 持仓页D7 · 1440打开原稿 →

按 v6 D7 对齐:未连钱包整页空态(页顶状态样例)→ 页头+钱包状态 → 五格汇总(含互算公式:总资产 = 已投入 + 累计收益)→ 钱的状态 6 态 chips(带数量,0 也显示)→ 我买的表(Helios 1,250 HELI / $2.56 / 拍卖中)→ 我发的卡(Nebula:季度验证存活 / 放款 1/3 / 押金 2/4 / FDV 8.96×)→ F1 资金状态机(Nebula 已毕业态)→ 空态/部分失败/退款中/冻结(验证过期)四个状态样本 → 合规页脚。

自检结果 6 screens · 1440 + 375 · Playwright(Chromium)

屏幕console error1440 无横滚375 无横滚glow 元素面板 CTA 柔背光emoji裸 hex图表
01-home0PASSPASS1000—
02-project0PASSPASS11001 · 轴/单位/时间/null/来源
03-verify0PASSPASS1000—
04-launch0PASSPASS11001 · 12 个月现金流
05-design-system0PASSPASS11001 · 含 null 示例
06-portfolio0PASSPASS1100—

口径: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 的差异 对照 03-线框图/v6/ · 信息顺序不打架,画面更精致

屏幕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。

需要拍板的 3 条视觉判断 老板 / lead

DECISION 01

持仓页的「未连钱包空态」应做成页顶状态样例,还是独立路由?

按 v6 D7 线框,未连钱包整页空态画在页面最上方,随后才是「已连接状态演示」;高保真照此实现,于是同一页里同时存在空态与已连接内容。真实产品里这样会让已登录用户也先看到一个空态区块,或让演示稿显得像两种状态拼接。

建议:线上做成独立路由/整页接管(无钱包时不渲染下面任何内容),高保真稿保留页顶样例只为评审可见两种状态;若评审更想一眼看到完整持仓,可把空态降为页顶一条窄提示条。
DECISION 02

项目页「可分享结论卡」与 Trust Chain 是否合并成一个模块?

现在两者连续出现:结论卡给「金额 + 来源 + 覆盖期 + Proof ID + 分享」,Trust Chain 又重复「结论 / 来源 / 覆盖期 / 检查项 / Proof / 复核」。信息有重叠,但一个是给投资人截图分享的结论,一个是给验证方复核的路径。

建议:合并为一张卡——上半部分结论(可分享),下半部分六节点链(默认收起明细);既保留审计链,又不让中栏重复两遍同一组事实。
DECISION 03

金色一色三义(验证 / 毕业 / 里程碑)能否接受?

按 AF4 判决,信任用中性 + 金色;五渐变里 gold 同时承担「收入已验证」「已毕业」「里程碑签」三种语义,靠图标与文案区分,色相不扩。好处是纪律最干净,风险是三个高频状态视觉上接近。

建议:接受 gold 一色三义;已验证 = 金描边 + ◆,毕业 = 金实底 + 水滴,里程碑 = 金渐变签——形状层级已能区分。若仍要分开,只允许把「毕业」降为中性 + 金点,不新增色相。

文件结构 04-高保真设计/

tokens.css 唯一取值:颜色 / 五渐变 / 字体 / 字号 / 间距 / 圆角 / 阴影+光 / 动效 / 布局
base.css 从 演示站-en/assets/styles.css 裁剪 + 新组件(Trust Chain / 资金四格 / 出价面板 / DS 矩阵);全部 var()
screens/ 01-home.html · 02-project.html · 03-verify.html · 04-launch.html · 05-design-system.html · 06-portfolio.html
assets/ brand/(Base + zkVerify 官方 mark)· icons/(Lucide svg,mask 引用)
shots/ 每屏 1440 全页 + 1440 首屏视口 + 375 全页 + self-check.json
index.html 本页:6 屏入口 + 每屏一句设计说明 + 自检结果 + 与 v6 差异 + 待拍板 3 条

口径:产品基线 v2.1 · 2026-10-19。所有数字取自基线 §8.2(Helios / Nebula / Lumen / Kite);状态词取自 §4;视觉方向取自审计报告《03 设计现状与高保真方案》§3。高保真稿只做桌面 1440 静态稿;375 仅做不溢出与折叠可用性验证,完整移动版留给后续。