语义色板(semantic tokens)
组件只用语义层 · 主题就绪 · 跨端中立
--grad-primarycyan→green 135°
--on-accent#061014 · 杀4个硬编码
字号 / 字重 / 间距 / 圆角 / 阴影
type · spacing · radius · elevation
标题 H1--fs-h1 / 820
标题 H2--fs-h2 19px
小标题 H3--fs-h3 15px
正文 Body(消费面 ≥14px 保可读)--fs-body 14px
辅助 Caption(muted)--fs-caption 12px
radius 4·6·8·12·20 · 统一圆角矩形
按钮 AppButton(全状态)
primary 签名渐变回归 · disabled · loading · focus
输入 / 徽章 / 状态
focus ring · error · chip · status · badge
推荐最新热门
已发布审核中
已驳回草稿
消息999+
已保存
代表屏 · 移动沉浸(消费首触)
375px · 游戏流 / 创作入口
游戏流9:41
霓虹跑酷
@造梦玩家 · AI 一句话生成
创作9:41
一句话,做个小游戏
选个玩法模板
代表屏 · 响应式桌面(消费居中放大)
同一套组件 → 桌面浏览器放大,非 demo 的后台侧栏
一句话,做个能玩、能赚的小游戏
零门槛创作 · 短视频式游戏流 · 即点即玩