# ADR 0006: 移除水墨元素，纯化咨询专业风

## 状态

已接受

## 日期

2026-07-10

## 上下文

ADR-0003 确立了「咨询为骨，水墨为魂」的总体设计方向，ADR-0004 进一步细化为 Accenture 骨架 + Bain 血肉 + Porsche 点睛的三阶段落地路径。但实践表明：

1. **水墨元素落地困难**：用户自评对水墨元素「完全没概念，不知道在咨询网站上应该怎么呈现」（CONTEXT.md Q10=C）
2. **专业感冲突**：用户明确表示「专业感才是第一位的，水墨是锦上添花，没有也无所谓」（CONTEXT.md Q11=C）
3. **代码债务**：当前代码库中仍有 16 个文件包含水墨相关代码，包括 `ink-wash/` 目录、`ink-glow-card`、`hero-ink-background` 等组件和样式
4. **品牌一致性**：水墨元素的存在增加了视觉系统的复杂度，与「纯咨询专业风」的定位产生矛盾

需要决定是否移除水墨元素，以及移除的范围和边界。

## 决策

### 1. 彻底移除装饰性水墨元素

以下水墨相关代码和样式全部移除：

| 移除项 | 文件路径 | 类型 |
|--------|---------|------|
| 水墨背景组件 | `src/components/ui/ink-wash/InkWashBackground.tsx` | 组件 |
| 水墨卡片组件 | `src/components/ui/ink-wash/InkCard.tsx` | 组件 |
| 水墨 UI 导出 | `src/components/ui/ink-wash/index.ts` | 导出 |
| 水墨光晕卡片 | `src/components/ui/ink-glow-card.tsx` | 组件 |
| Hero 水墨背景 | `src/components/ui/hero-ink-background.tsx` | 组件 |
| 鼠标光晕 Hook | `src/hooks/use-mouse-glow.ts` | Hook |
| 水墨 CSS 样式 | `src/app/globals.css`（.ink-wash-* 相关选择器） | 样式 |
| 水墨主题配置 | `src/lib/constants/hero-themes.ts`（ink 相关 theme） | 配置 |
| 组件引用更新 | `src/components/ui/index.ts`、`src/components/ui/challenge-card.tsx` 等 | 引用 |

### 2. 保留 Logo 书法元素

Logo 中的书法「睿」字和印章设计**保留不动**。理由：
- Logo 属于品牌标识，不属于装饰性水墨元素
- 书法「睿」字是品牌核心视觉资产，与专业感不冲突
- 项目记忆明确记录「Logo 必须使用书法体」

### 3. 更新设计定位

网站设计定位从「咨询为骨，水墨为魂」更新为「**纯咨询专业风**」（Accenture + Bain + Porsche 三位一体），移除所有水墨相关概念。

### 4. 更新 CONTEXT.md

移除以下术语条目：
- 「水墨文化基因（Ink Cultural DNA）」
- 「墨韵流光」
- 相关歧义已解决条目中涉及水墨的内容

更新以下术语：
- 「咨询专业风（Consulting Professional）」：从「主体视觉骨架」升级为「唯一视觉风格」

## 备选方案

### 方案 A：保留水墨但降级为极少数点缀（≤3 处）

- **内容**：仅保留 Logo 和页脚纹理两处水墨元素
- **优点**：保留差异化，改动最小
- **缺点**：水墨元素认知不足，3 处也很难做好；且与「专业感优先」的目标冲突
- **否决原因**：用户明确表示「可以完全拿掉」，且水墨落地执行质量不可控

### 方案 B：将水墨转为抽象几何元素

- **内容**：将水墨笔触抽象化为几何线条/渐变，作为装饰图案
- **优点**：保留文化基因但更现代
- **缺点**：需要大量设计探索，投入产出比低；本质上仍是水墨的变体
- **否决原因**：咨询专业风不需要这种装饰，简洁才是最高级的表达

## 理由

1. **用户明确意愿**：用户两次表示可以完全移除水墨（Q11=C，本轮确认「全部拿掉」）
2. **品牌完成度优先**：当前品牌完成度 40/100，核心问题不在差异化而在专业感不足，移除水墨可以减少视觉噪音
3. **减少代码复杂度**：移除 16 个文件中的水墨代码，简化组件库和样式系统
4. **与 Bain 参考对齐**：Bain 官网没有任何文化装饰元素，纯靠排版、留白、品牌色和内容质量建立专业感
5. **Logo 保留合理性**：书法「睿」字是品牌标识而非装饰，与 Nike 的勾、Apple 的苹果一样属于 logo 层面的设计决策

## 后果

### 正面

- 视觉系统更纯粹，专业感增强
- 代码库减少约 500 行水墨相关代码
- 设计决策更清晰：不需要再纠结「水墨应该怎么呈现」
- 与 Bain 参考对齐，后续设计决策有明确参照
- 品牌定位更聚焦：纯咨询专业风，无歧义

### 负面

- 失去水墨带来的文化差异化（但用户认为这不重要）
- 需要更新 CONTEXT.md 和设计文档中的相关引用
- 部分页面（如 Hero Section）可能需要调整背景视觉效果

### 风险

- **风险 1**：移除水墨后页面视觉过于单调
  - 缓解措施：Phase 2 品牌升级（Bain 式排版、品牌红贯穿、数据驱动）本身就是视觉增强
- **风险 2**：Logo 书法元素与纯咨询风的协调性
  - 缓解措施：Logo 作为独立品牌标识，不与页面装饰混为一谈；参考 McKinsey 的衬线体 logo 与极简页面的搭配

## 相关决策

- ADR-0003: 设计 DNA 整合方案——原确立「咨询为骨，水墨为魂」
- ADR-0004: 设计 DNA 深化方案——三阶段落地路径
- CONTEXT.md: 水墨文化基因、墨韵流光等术语定义

## 实施清单

- [ ] 删除 `src/components/ui/ink-wash/` 目录
- [ ] 删除 `src/components/ui/ink-glow-card.tsx`
- [ ] 删除 `src/components/ui/hero-ink-background.tsx`
- [ ] 删除 `src/hooks/use-mouse-glow.ts`
- [ ] 清理 `src/app/globals.css` 中的水墨相关 CSS
- [ ] 清理 `src/lib/constants/hero-themes.ts` 中的 ink 主题
- [ ] 更新 `src/components/ui/index.ts` 移除水墨导出
- [ ] 更新 `src/components/ui/challenge-card.tsx` 移除水墨引用
- [ ] 更新 `src/components/ui/product-card.tsx` 移除水墨引用
- [ ] 更新 `src/components/sections/hero-section-v2.tsx` 移除水墨引用
- [ ] 更新 `src/components/sections/methodology-section.tsx` 移除水墨引用
- [ ] 更新 `src/components/detail/detail.test.tsx` 移除水墨测试引用
- [ ] 更新 `src/app/(marketing)/news/[slug]/NewsDetailClient.tsx` 移除水墨引用
- [ ] 更新 `CONTEXT.md` 移除水墨相关术语
- [ ] 验证 type-check、build、lint 通过