# Product

## Register

product

## Users

来学「个人知识管理 × AI」的学习者（Obsidian / AI / Claude Code / Codex）。
他们进站的任务只有一件事：接着学。多数是已购或试课学员，少数是首次到访的陌生流量。
使用场景：电脑、平板或手机浏览器中的安静个人学习时间。Electron 桌面端已经停做，不再作为产品入口。

## Product Purpose

在线课程站：学习地图（规划最佳学习路径）→ 课程总览 → 视频播放（播放器 + 笔记 + 目录）→ 进度与复习。
成功 = 学员顺着地图把课学完；界面本身零学习成本（设计语言自解释）。

## Brand Personality

高级、克制、好上手。三个字：墨 · 纸 · 朱。
情绪目标：进站即安静下来，觉得「这很简单，我马上能开始」。
唯一的戏剧化时刻是首次进站的开屏星图动画（只播一次，之后产品永远安静）。

## Anti-references

- 鲜艳纯红（用户明令禁止）：红必须是哑光的朱砂/印泥色，且用量极少。
- 营销优先的首屏（大 Hero + 多 CTA + 社证横幅）：bare 根第一眼必须是学习内容；历史 3D 营销页不再挂载。
- 奶油色/米色暖纸底（AI 默认审美）：白就是中性白，不偏暖。
- 打卡中断/红点焦虑等胁迫式活跃机制：地图只照亮位置，不制造焦虑。

## Design Principles

1. **一屏一枚朱印**：红只出现一次，永远标「你在这里 / 下一步」——红是导航信号，不是装饰。
2. **留白即上手**：首页 ≥80% 留白；能收进次级入口的绝不摆在主动线上。
3. **设计语言自解释**：不需要教程——看到红就知道点哪，看到卡片就知道能进。
4. **剧场只在首次**：开屏动画只播一次、可跳过、respect reduced-motion；产品内动效 150–250ms、只传递状态。
5. **地图即导航**：阶段顺序 = 解锁顺序 = 侧栏顺序，三者同构。

## Accessibility & Inclusion

WCAG AA 对比度（正文 ≥4.5:1）；`prefers-reduced-motion` 全站尊重（开屏降级为静帧）；
键盘可达（focus-visible 环）；红色仅作冗余信号（同时有图标/文字，不单靠颜色传义）。