Skip to content

宣传页:固定窗口逐页滚动版复活 + 真实截图质感增强 - #215

Draft
taekchef wants to merge 6 commits into
mainfrom
codex/marketing-sticky-revive
Draft

宣传页:固定窗口逐页滚动版复活 + 真实截图质感增强#215
taekchef wants to merge 6 commits into
mainfrom
codex/marketing-sticky-revive

Conversation

@taekchef

Copy link
Copy Markdown
Collaborator

目标

复活 #201 的固定窗口逐页滚动方案(用户已看预览并认可方向),并增强:

  • 窗口内换当前 UI 的真实截图/录屏,CSS 实现边缘阴影与轻 3D 质感
  • 文案补充打磨

占用

仅 website/,不占共享核心面。

注意

website 走 pages.yml 自动部署,合并即上线,合并前需用户明确授权。

验证

  • website/check.mjs ✅
  • 后续:本地预览 + 用户浏览器验收

计划文档:Docs/plans/2026-08-15-宣传页-sticky-复活增强.md(随本 MR 或后续实现 MR 入库)

- 以 #201 sticky-window 版为基础替换 minimal 单屏版
- 保留既有品牌资产(碑体字体、纸纹、mark 剪影、应用图标)
- 既有媒体资产沿用(三栏截图 + 两段录屏),后续换新 UI 截图
- website/check.mjs 通过
- 恢复各场景标题与副文案(沿用精简前的既有样式钩子)
- hero 文案收窄至 40%,窗口位姿右移避免压字
- 固定窗口:多层边缘阴影 + 内嵌高光 + 2.4deg 轻倾斜
- 出处场景窗口右移让出文案栏;关系台 glyphs 回到标题下方;收尾场景窗口下移
- main.js 增加 ?capture&stop=N 静态截图参数(屏蔽 scroll/resize/scrollend 重置),便于无头验收
- check.mjs 同步更新断言(文案存在、纵深感、新位姿)
- 固定窗口:四层叠加边缘阴影 + 内嵌高光描边,不做倾斜
- 深色场景(出处页)改为 --stage-dark 滚动联动:背景色 color-mix 渐变、
  纸纹与高光透明度随滚动平滑衰减,替换原来的 is-dark 硬切换
- 保留 ?capture&stop=N 截图参数(屏蔽 scroll/resize/scrollend 重置)
- check.mjs 同步更新断言
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant