设计知识库DESIGN KB
11 · COMPONENT 01 · LANDING · 2026-10-19

Landing:首屏就是一个 Like

按你的备注重画:首屏只有 Like 卡;3D 先留位;下滑才是解释。小雨的“这是什么/能不能赚/多少人买”放首页;阿杰的“链接/图片要全”放详情分享,不塞这里。

只过这一个组件:Landing 首屏。你觉得 Like 卡里该有什么、热度怎么表达、3D 放哪、下滑解释讲什么,写在最下面。
BetaLaunch TokenConnect WalletLaunch APP
3D 层 · 后续接入
跟随鼠标轻微动作
先占位,不挡 Like 卡
▶
1 / 7
项目图 / 视频 / GIF · 16:9

Helios $HELI

AI video · App · Live Auction · 31h left

AI video workspace for short-form teams. Turns long recordings into clips, captions and posts.

Revenue verifiedStripe ✓App Store ✓GA4 未连接
1,264参与人数
+8624h 出价
84%拍卖进度
31h剩余
← SkipLike ♥
1234
首屏线 · 往下才是解释
01 · 这是什么

真实 app,不是只发币

每个 token 对应一个真实产品;收入、用户、开发都有来源。这里先让你遇到项目,不是先读白皮书。

02 · 怎么用

Like 收藏,Skip 跳过

右滑/点 Like = 收藏;进 App 第一栏能看到。不是买入;买入在项目详情里。

03 · 3D / 视觉
后续放 3D 层
跟随鼠标
先占位
1Like 卡:图/视频/GIF、名称、阶段、简介、验证徽章、热度、Like/Skip。
唯一主角;不放大段说明
23D 层:后续接入,先占位;不能盖住卡片和按钮。
第一屏可见,但不抢主角
3热度:参与人数 / 24h 出价 / 拍卖进度 / 剩余时间。
不用涨幅当热度;数据来自链上
4Skip / Like:Like 进 App 收藏;不是买入。
行为说明放小字,不放首屏大段
为什么这样排
自动保存