Appearance
晨悦 AI Product 官网
定位：个人 IP 落地页 · 学习 / 工具 / 案例 三分流。
真源：docs/chenyue-official-web-官网产品文档.md
页面结构
| 路由 | 模块 | 说明 |
|---|---|---|
/ | 首页 | 品牌 Hub、SDAD、三模块卡片 |
/courses | 全家桶 | 转型 AI PM 课程（对外 3 bullet / 阶段） |
/agent | Agent 工具 | 晨悦编排 + AgentPM 叙事 |
/templates | 案例库 | 作品集与模板 |
/contact | 联系 | 咨询转化 |
路径展开见 块一 · 学习大纲。
品牌要素
| 项 | 内容 |
|---|---|
| 品牌名 | 晨悦 AI Product · 产品实践者 |
| 方法标签 | SDAD 规格驱动交付 |
| 主口号 | AI 时代，产品全流程 AI 交付 · 一切皆代码 |
| 配色 | 方案 A · 深海专业蓝 |
工程
bash
cd chenyue-official-web
npm install && npm run dev
# http://127.0.0.1:5173| 项 | 路径 |
|---|---|
| 页面 | src/views/*View.vue |
| 样式 | src/assets/styles/ |
| 布局 | src/components/layout/ |
SDAD 落地
官网本身即 L3 原型即代码 案例：Vue 页面 + CSS 变量 + 可运行演示，可作为学员跟做模块。