文章页设计方向评审

• A

  Direction A: Claude editorial — KV Cache

  大号衬线标题、无衬线副标题、小方块封面、圆角图片卡片，左侧目录。

  小封面（默认） · 大封面

  
• A2

  Direction A2: Editorial + emphasis system

  居中大标题和整幅色块封面，正文沿用 A 的版式，再加一套有规则的强调：黄色荧光标出关键论断，蓝色负责结构和导航，红色只留给“注意”提示框。现在包含整站外壳：首页、博文归档、分类、标签、专栏、关于、404、⌘K 搜索和深色模式。

  文章页　站点首页　文章列表　二级分类　随想　专栏　标签　关于　404　提示框样式一览　组件系统　互动版文章

  
• B

  Direction B: 研究笔记（Distill / Lilian Weng / Gwern）

  衬线正文、编号章节挂在左侧页边、「注意」类提示变成右侧边注，图注放进页边，公式自动编号，文末有链接清单和引用格式。

  适合 KV Cache 这类带公式、要来回对照图和定义的原理文。

  首页 · KV Cache · Claude Code 源码 · ReAct vs Workflow

  
• C

  Direction C: 开发者文档（Stripe / Vercel / Linear）

  无衬线、左侧固定栏同时放文章列表和本文目录，深色代码块带文件名标签和复制按钮，四种提示框，图片可点开放大，支持深色模式。

  适合 Claude Code 源码解析这类代码多、章节深、需要随时跳转的长文。

  首页 · KV Cache · Claude Code 源码 · ReAct vs Workflow

  

B 和 C 用的是同样三篇文章，可以开两个标签页直接对照。所有方向都只是临时样稿，正文和配图来自 hedon.top。