课程页面与求职工作台使用不同视觉体系。生产插画和 3D 图标均已保存于本仓库，不能引用个人生成目录或原课程仓库的绝对路径。页面文字、按钮、岗位及课时数据由 HTML／TypeScript 呈现，不把整张页面截图作为 UI。
2026-09-06 确认的双课程首页与 Kimi 详情页采用紫色马卡龙、薄荷绿、蜜桃橙、奶油白，保留 Winter喵眼镜猫形象；本次求职多色改版不改变课程素材。
文件（src/assets/images/） |
用途 |
|---|---|
home-studio-v2.png |
首页猫咪创作工作室主视觉 |
vibe-course-v2.png |
Vibe Coding 课程封面，已修复生成的棋盘格背景 |
kimi-studio-v2.png |
Kimi 课程封面和详情页主视觉 |
kimi-city-project.png |
城市测试课程项目概念 |
kimi-chat-project.png |
AI 多角色聊天课程项目概念 |
kimi-photo-project.png |
摄影预约课程项目概念 |
kimi-og-v2.png |
Kimi 社交分享封面源图 |
about-cat.png |
关于区猫咪，求职标题栏复用小尺寸版本 |
Astro 为页面图片生成响应式 WebP。分享封面另导出为 1200px 宽的 public/kimi-og-v2.webp。原有项目图、favicon 和首页分享封面继续保留；设计参考为 design/home-approved.png、design/kimi-approved.png。
设备、日历和项目插画为方向示意，不证明学员作品或功能已交付。概念图中的“规划48课时”不得用作已发布课时；现行课时从真实目录求和。课程发布状态、价格与日期以 src/data/kimi.ts 及实际核对结果为准。
课程素材的原始提示词保留于 PROMPTS.md。
2026-09-13 使用内置 imagegen 独立生成八个图标，统一左上柔光、圆润体积、哑光黏土与轻微软糖高光，真实透明背景。同日用户确认的薄荷工坊参考版继续复用这套图标与眼镜猫；配色和材质调整由主题 CSS 完成，没有重新生成或替换图标，也未复制 XHS-g4 的业务插画。
| 文件名 | 图形／用途 |
|---|---|
briefcase |
紫色圆润公文包；工作台、岗位、JD 和空状态 |
filter |
浅蓝滑杆与粉色旋钮；筛选面板 |
bookmark |
粉色立体书签；收藏与收藏状态 |
share |
彩色圆球及粗圆连接；分享入口和弹窗 |
refresh |
粉紫圆润循环箭头；刷新按钮 |
sparkles |
紫黄软星形；AI 说明与匹配分 |
resume |
奶油文档与粉色凸起条；简历建议 |
learning |
薄荷书本、奶油页和紫色书脊；面试学习 |
- 生成源图：
design/jobs-icons/{name}.png，本轮为 1254 × 1254px。 - 原始提示词：design/jobs-icons/prompts.json。
- 生产导出：
public/jobs-icons/{name}.png与{name}.webp，均为 256 × 256px，保留 alpha。 - 页面映射：
src/lib/jobs/icons.ts；页面优先加载 WebP，八个 WebP 本轮合计 87,186 字节。 - 操作图标通常为 20–30px，区块标题为 32–44px，分享弹窗标题为 48px，页面标题和空状态适当放大。装饰图标使用空 alt，按钮文字与 aria 属性提供语义。
图标 URL 必须使用 /jobs-icons/。不要移动到 /jobs/icons/：/jobs/* 由 Worker 处理求职详情路由，未支持的子路径会返回 404。
生成图先检查主体、材质、边缘与透明度，再保留源图并导出轻量版本。不得绘制棋盘格冒充透明，或用普通线性图标替换软 3D 图标。更新素材时同步映射与提示词记录；避免为了纯配色调整重复生成整套素材。
视觉规则见 DESIGN.md。缓存、构建产物和临时 QA 文件不作为生产素材提交。