# RESEARCH.md — PJ116 同行调研（2026-10-06，WebSearch）

目的：让网站"好看、电脑手机都好用"，短时间复用同行做法。

## 获奖/高质量设计灵感库（看图学构图，不抄代码）
- Awwwards（获奖标杆）、Recent（原 Godly，现代 UI/AI/SaaS）、Land-book（落地页，可按颜色/行业筛选）、Lapa Ninja（落地页）、SaaS Landing Page
- 汇总：https://colorlib.com/wp/showcase-inspiration-sites-web-design/ ，https://saaslandingpage.com/articles/10-inspiration-sites-every-landing-page-lover-should-bookmark/ ，https://www.pagesthatprint.com/blog/best-landing-page-inspiration-sites
- 用法：先在 Land-book 按"行业+颜色"筛，挑 3 张喜欢的，告诉 AI 链接，AI 提炼构图/配色/间距再落进模板。

## 免费可商用素材
- 照片：Unsplash、Pexels、Burst(Shopify)；插画：unDraw、DrawKit（均可商用、无需署名）。来源：https://www.shopify.com/blog/17156388-22-awesome-websites-with-stunning-free-stock-images ，https://www.20i.com/blog/free-stock-photos/
- 背景/形状：本项目 bg/ 自带 35 张原创生成 SVG（无版权问题）；需要更多可用 Haikei、SVG Backgrounds（待实测）。

## 开源模板（可直接借结构）
- HyperUI（大量复制即用的 Tailwind 组件）、Landwind(Flowbite)、AstroWind(Astro+Tailwind，暗色/SEO)、inWind(多语言 SaaS)。来源：https://adminlte.io/blog/tailwind-landing-page-templates/ ，https://dev.to/mikevarenek/best-free-tailwind-landing-page-templates-467p
- 决定：本项目先用纯 CSS 变量（零依赖，不用 Tailwind 构建），原因见 DESIGN.md。

## 未做 / 局限
- 没有逐个打开这些站点截图分析（只做了搜索汇总），"根据获奖图设计"这一步需要你挑具体参考图后再做。

## 补充：你喜欢的参考站（req2）
见 ANALYSIS.md 第一节。land-book.com 的详情页有 Cloudflare 验证，自动工具进不去；换成去看原站。
- 左侧菜单类的行业通用做法（Linear/Notion/ChatGPT/Vercel 控制台的共同点）：固定宽 240-260px 左栏，分组小标题+图标+文字，当前项高亮，手机上折叠成顶部横条——模板 02/03/06/07 按这个做（来自通用经验，没有逐站打开核对）。