背景
Proposal #210 已确定将公开宣传页与登录工作台拆成两个稳定的产品表面:
/ 永远是公开宣传页
/workspace 是受保护的工作台首页
- 宣传页与产品页面使用独立的 Header、Layout 与导航语义
本 Issue 只实现第一阶段:公开宣传页、路由迁移与 Shell 拆分。工作台四入口及右侧上下文面板由后续子 Issue 单独实现。
目标
- 在
/ 提供完整、无需登录即可访问的产品宣传页。
- 将现有工作台首页迁移到
/workspace 并纳入登录守卫。
- 拆分公开宣传页与产品页面的 Header / Shell。
- 保持现有业务深链接、登录回跳和会话恢复行为不变。
路由与登录行为
| 场景 |
预期行为 |
访客访问 / |
直接展示宣传页 |
登录用户访问 / |
仍展示宣传页 |
访客访问 /workspace |
打开登录面板,登录后回到 /workspace |
登录用户访问 /workspace |
展示迁移后的现有工作台首页 |
| 访客点击“开始创作” |
登录后进入 /quick-start |
| 登录用户点击“开始创作” |
直接进入 /quick-start |
| 登录用户点击“进入工作台” |
进入 /workspace |
| 用户退出登录 |
返回 / |
现有 /projects、/quick-start、/workflow-editor/:runId、/playtest/:characterId/:outfitId 和 /account 地址不变。
宣传页结构
顶栏
采用浅色横向导航:
- 左侧:Windup Logo、Windup、2D 角色资产工作台
- 右侧:产品能力、制作流程、资产工作台
- 访客操作:登录、开始创作
- 登录用户操作:进入工作台
前三项为本页章节锚点。宣传页不复用现有产品 Header。
Hero
沿用已确认内容:
- 面向 COCOS CREATOR 与微信小游戏创作者
- 让你的角色,真正登场。
- 团队可以很小,角色不必因此停在设定里。Windup 把你认定的角色,延展成跨动作保持一致、可以检查与修正、能进入游戏项目的 2D 动作资产。
操作:
视觉采用浅色灰绿主题。复用点阵小鸟作为左侧文案背景,保留 reduced-motion 降级。Hero 右侧留白,不放角色、造型或动作资产。
下方内容
- “交付的是资产,而不是图片”的核心主张
- 角色输入 → 母版 → 动作生成 → 审核 → Playtest / 导出的制作流程
- Quick Start 与 Workflow Editor 两种创作入口
- Project → Character → Outfit → Action 的资产管理关系
- 收尾 CTA 与简洁 Footer
产品视觉只使用真实运行截图,不制作虚假界面、客户评价、价格、采用数据或合作品牌。
页面边界
- 宣传页使用独立的 Marketing Header 与 Layout。
- 产品 Header 的 Logo 与“首页”统一指向
/workspace。
- 登录面板继续由现有查询参数驱动,不新增独立登录页。
- 登录态只改变按钮目标,不改变
/ 渲染的页面。
- 点阵小鸟可以抽为共享品牌视觉能力,但宣传页自行控制尺寸、位置和透明度。
- 不修改受保护业务页面的数据获取与业务状态。
状态与响应式要求
- 会话恢复期间宣传页主体可正常展示,账号操作不得错误闪现为已登录或未登录状态。
- 登录面板、会话过期提醒和安全回跳继续生效。
- 桌面 Hero 必须在首屏内看到标题、说明和两个按钮。
- 移动端导航、Hero、流程与 CTA 使用明确的单列布局。
- 所有导航和按钮支持键盘焦点。
- 点阵动画尊重
prefers-reduced-motion。
- 文本与按钮达到 WCAG AA 对比度。
验收标准
/ 对访客与登录用户始终展示同一宣传页。
/workspace 只在会话恢复完成且用户已登录时展示。
- 宣传页与产品页面不再共用 Header。
- 宣传页包含确认后的 Hero、完整下方内容与双 CTA。
- Hero 右侧为空,不出现角色资产。
- “开始创作”“了解制作流程”“登录”“进入工作台”行为符合本 Issue 定义。
- 产品 Header 的 Logo 与首页入口指向
/workspace。
- 所有现有业务深链接保持可用。
- 登录后回跳、会话过期和退出登录行为没有回归。
- 不引入后端修改或演示数据。
- 补齐路由、登录态、Header、CTA 与主要内容测试。
- 完成桌面和移动端真实浏览器验收并提供截图。
format:check、lint、typecheck、test、build 全部通过。
明确排除
- 工作台四入口与右侧“继续创作”面板
- Quick Start、Workflow Editor、资产库和 Playtest 内部重设计
- 后端 API、数据结构或认证协议修改
- 价格、客户案例、合作品牌与虚构指标
- Hero 右侧角色资产
- 深色主题和主题切换
关联
背景
Proposal #210 已确定将公开宣传页与登录工作台拆成两个稳定的产品表面:
/永远是公开宣传页/workspace是受保护的工作台首页本 Issue 只实现第一阶段:公开宣传页、路由迁移与 Shell 拆分。工作台四入口及右侧上下文面板由后续子 Issue 单独实现。
目标
/提供完整、无需登录即可访问的产品宣传页。/workspace并纳入登录守卫。路由与登录行为
///workspace/workspace/workspace/quick-start/quick-start/workspace/现有
/projects、/quick-start、/workflow-editor/:runId、/playtest/:characterId/:outfitId和/account地址不变。宣传页结构
顶栏
采用浅色横向导航:
前三项为本页章节锚点。宣传页不复用现有产品 Header。
Hero
沿用已确认内容:
操作:
视觉采用浅色灰绿主题。复用点阵小鸟作为左侧文案背景,保留 reduced-motion 降级。Hero 右侧留白,不放角色、造型或动作资产。
下方内容
产品视觉只使用真实运行截图,不制作虚假界面、客户评价、价格、采用数据或合作品牌。
页面边界
/workspace。/渲染的页面。状态与响应式要求
prefers-reduced-motion。验收标准
/对访客与登录用户始终展示同一宣传页。/workspace只在会话恢复完成且用户已登录时展示。/workspace。format:check、lint、typecheck、test、build全部通过。明确排除
关联