# ANALYSIS.md — 现有网站设计分析（2026-10-06，req2；截图在 analysis/ 与 refs/）

## 一、你喜欢的参考站：我看到了什么
说明：land-book.com 的详情页有 Cloudflare 人机验证，自动工具进不去（我没有绕过）。我改去打开它们的原站，只成功看到 4 个（另外 5 个没看到，见"没分析到的"）。

- Weave（workweave.dev）：暖灰米色底(#f4f2f0)+深酒红大标题+橙色按钮；中间一个 3D 毛线球吉祥物，四周漂浮 3D 小图标（金币、代码括号、柱状图）；标题超大、居中、留白多。动效：漂浮物体。→ 我做成主题 04 + 背景 31 + 模板 05 的漂浮元素。
- Vizcom（vizcom.ai）：纸白底+近黑色超大手写感标题（一行占满宽度）+黑色圆角胶囊导航+蓝色按钮；标题下压着一张线稿图（草图风）；左右有轮播箭头。→ 主题 05 + 背景 32 + 模板 05（大字排版、胶囊导航 nav.pill）。
- Hunar（hunar.ai）：浅灰白底、左对齐大标题、一个纯蓝方角按钮；一行客户 Logo 滚动条；下面三张彩色渐变卡片（蓝/紫/黄绿）带产品界面截图。→ 主题 06 + 背景 33 + 模板 08（Logo marquee + 三张渐变卡）。
- GANNI（ganni.com）：白底，整屏满铺的时装大图，品牌名超大压在图左下角，顶部极简菜单+搜索/收藏/购物袋图标；下面一排商品卡。→ 主题 23 + 背景 34 + 模板 06（大图 hero + 左侧筛选 + 商品墙）。
- 共同点（你"喜欢"的核心）：①超大标题 ②大量留白但电脑上内容满宽 ③有动效（漂浮、滚动条、悬停） ④按钮少而醒目 ⑤用真实产品/3D 图而不是空白框。
- 没分析到的：ecoriz（域名解析失败）、alphane（打开的是别人的页面，不是同一个）、scandiwest（打开的是钓鱼向导站，可能不是同一个）、suppai AI workspace、aeye。你说"喜欢 suppai 里 ai workspace 的布局"——我没看到原图，所以模板 03 是按"左菜单+对话+右侧栏"的通用 AI 工作台做的，不是照抄它；你把它的截图发我，我再对齐。

## 二、你现有网站的问题（我真的打开截图看了：maysuns.uk、meet、photo、ainews、ppt）
1. maysuns.uk 首页：18 张卡片完全同一大小同一颜色，缩略图是各站"缩小的截图"（字根本看不清），"打开/详情"两个蓝色按钮重复 18 次 → 视觉上没有重点，像一张表格，不像产品。建议：3-4 个主打产品用大卡（bento 布局，模板 04），其余小卡；缩略图换成"一句话+一个大图标/渐变色"，不放缩小截图；每卡只留一个按钮。
2. meet：原来整个页面窄窄一条（560px）在中间，电脑上左右大片黑。已改（见下）。
3. photo：功能面板满宽但配色是通用蓝白，和 maysuns.uk 其它站没有统一的主题；标签页下的说明文字不随标签变（已修）。
4. ainews：信息密度高、结构好（左筛选+三列卡片），但标题全是蓝色下划线链接，层次靠字号不够；顶部黄色+紫色两条提示占掉首屏。建议：把"AI 采集代理"折叠成一行小状态条。
5. ppt：左窄右宽，右边预览区大片空白（"输入主题"提示一行字），电脑上浪费一半屏幕；原生"Choose File"按钮没样式化。建议：右侧放示例页缩略图占位。
6. 全站统一问题：每个站各写一份 CSS，颜色不一致、圆角不一致、按钮形状不一致（有的方、有的胶囊）。根因：没有共用设计令牌。→ 用本项目的 css/tokens.css+themes.css 统一，是治本的办法。
7. 动效几乎为零（只有 photo 的分组移动动画）。

## 三、改了什么
- meet.maysuns.uk（/、/zh/、/en/、/ja/）：首页和准备页改成电脑左右两栏+大标题+渐变光斑+卡片入场动画，只加了一个 home.css，没有改任何脚本/文案；手机自动单列。
- photo.maysuns.uk：每个标签页的说明文字跟着标签变。
- 其它站（maysuns.uk 首页、ainews、ppt 等）这次**没改**，等你选好主题编号再批量套。