Appearance
品牌站案例（跟做样例）
定位：学习 / 工具 / 案例三分流的页面级跟做真源（工程在
chenyue-official-web/）。
说明：本页在手册内阅读，不跳转公网品牌站。
页面结构
| 路由 | 模块 | 说明 |
|---|---|---|
/ | 首页 | 品牌 Hub、SDAD、三模块卡片 |
/courses | 全家桶 | AI 产品经理全家桶（对外 3 bullet / 阶段） |
/agent | Agent 工具 | 晨悦编排 + AgentPM 叙事 |
/templates | 案例库 | 作品集与模板 |
/about | 关于晨悦 | 社区简介 · 求职辅导 |
/contact | 联系 | 咨询转化 |
路径展开见 块一 · 学习大纲。
品牌要素
| 项 | 内容 |
|---|---|
| 品牌名 | 晨悦 AI Product · 实践社区 |
| 社区背书 | 腾讯、华为与头部 AI 云算力生态企业等 AI 产品经理共同沉淀；Coze / RAG / Agent 全链路落地 |
| 方法标签 | 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 变量 + 可运行演示，可作为学员跟做模块。