设计知识库DESIGN KB
11 · REAL SIZE SPEC · LANDING · 2026-10-19

Landing 真实尺寸规格(1200 内容宽 / 1440 视口)

这不是把组件随便放大。下面所有尺寸都是实际 px:导航 1200×64、Like 卡 420×约 620、内容区 1200、下方解释三块各约 380。1px = 1px。

先确认尺寸,再谈内容:Like 卡按 420px 宽做;它在 1200 内容区里居中;3D 层铺在后面;下滑解释在 1200 宽里三列。你觉得哪个尺寸不对,直接说 px。
03006009001200px
BetaLaunch TokenConnect WalletLaunch APP
3D 层 · 后续接入
跟随鼠标轻微动作 · 占位
▶
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 ♥
Like 卡 420 × 约 620 px3D 层 1040 × 600 px导航 1200 × 64 px首屏 1200 × 740 px
01 · 这是什么

真实 app,不是只发币

每个 token 对应真实产品;来源、用户、开发可验证。先遇到项目,不是先读白皮书。

02 · 怎么用

Like 收藏,Skip 跳过

Like 进 App 第一栏;不是买入。买入在项目详情。下滑才解释。

03 · 3D / 视觉
后续 3D 层
跟随鼠标
先占位
解释区 1200 × 约 190 px
1导航:1200×64;Launch Token 与 Launch APP 分开。实际尺寸
2Like 卡:420 宽;图 16:9、名称、简介、验证徽章、热度、Skip/Like。实际尺寸
33D 层:1040×600,铺在卡片后面;先占位,不挡按钮。实际尺寸
4下滑解释:1200 宽,三列各约 380;这里才解释“是什么/怎么用”。实际尺寸
自动保存← 回全部组件