fmode-app/prototypes/fmode-landing-20261027/README.md

Fmode 落地页 UI MVP

单页宣传站，零构建、零外部请求（字体与图标全部本地），双击 index.html 即可打开。

本地预览

node server.mjs        # http://localhost:4173

直接双击 index.html 也能用（file:// 下所有资源都是相对路径）。

目录

index.html   页面结构（11 个区块）
landing.css  全部样式：令牌 → 组件 → 动效 → 响应式 → 动效降级
landing.js   全部交互：主题、导航、滚动揭示、协作演示、实验室四面板、产品预览
404.html     自定义 404
server.mjs   本地预览服务（仅演示用）
assets/fonts/   Geist / Geist Mono（woff2 + LICENSE）
assets/icons/   Phosphor regular / bold / fill（woff2 + css + LICENSE）

改哪里

想改	位置
配色与字号	landing.css 顶部 :root 与 :root[data-theme="light"]
Hero 演示脚本	landing.js 的 HERO_SCRIPT（按消息顺序改文案与工具步骤）
实验室面板内容	landing.js 的 STREAM_LINES / TOOL_SCRIPT / THINK_TEXT / DIFF_LINES
产品预览里的会话与成果	landing.js 的 LIST / chatLog
文案与问答	index.html 对应区块

注意

• 本页不是产品界面，只是宣传落地页；内容真实性分级见 docs/04-quality/review/2026-10-27-落地页UI-MVP-验证与缺口清单.md。
• 字体与图标许可见 assets/*/LICENSE-*.txt。
• 设计依据：docs/02-design/plans/2026-10-27-landing-UI-MVP-方案.md。

验证

node -e "new Function(require('fs').readFileSync('landing.js','utf8'))"   # 语法检查

浏览器侧验证（控制台错误、横向溢出、对比度、键盘、减少动效）记录在 docs/04-quality/review/2026-10-27-落地页UI-MVP-验证与缺口清单.md §四。