借鉴对象
- Apple Books
- Readest
- Medium
- Are.na
- Arc
- Readwise Reader
active / System Design Archive
Design Language
MyBlog 的设计语言应靠排版、封面、留白、材质和目录信息形成气质，而不是靠 badge、chip、重边框和后台式控件。
拒绝的方案
- shadcn / Bootstrap 风格 badge，因为标签应像目录信息而不是筛选按钮。
- 书籍详情上下断裂的标题区，因为现代阅读产品用一体化 hero 组织封面、标题和摘要。
- 电商卡片阴影，因为书封面需要物体感而不是商品卡漂浮感。
运行方式
- BaseLayout 不再渲染传统 SiteHeader；独立页面不显示 Vita Atramenti logo、站点副标题和完整顶部导航串。
- 全局导航回到首页系统侧栏、Command Search、页面内 breadcrumb / action 与 footer，而不是每个页面重复一条 nav。
- 书籍 drawer 使用 home-article-drawer--book 状态，外层 header 不重复显示书名。
- Book Hero 左侧是大封面 Book Object，右侧是标题、摘要、catalog metadata。
- Metadata 默认是小字号、弱色、字距、分隔符，不使用边框胶囊。
- /books/ 与 /books/openlist/ 使用 BaseLayout 的 barePage 模式隐藏 footer 并保留普通滚动文档流；/books/[id] 与 /reader/[id] 不再生成书籍实体页。
取舍
- 出版物式排版更依赖真实内容质量，不能用 UI 装饰掩盖空内容。
- 弱化按钮会降低“后台感”，但真正动作仍要保持清晰可点击。
- 封面变大会提高视觉重心，但移动端必须控制尺寸避免挤压正文。
后续方向
- 为 Reader、Book Detail、Collection、Graph 建立统一 typography scale。
- 把精选、重要、核心改成 Seal，而不是分类 badge。
- 建立术语表：Knowledge Runtime、Reader Pool、Book Object、Collection Stack。
