chore: sync marketing pages, CMS extensions, tests and project docs

同步工作区剩余变更,主要包括:
- 营销页面组件与布局持续优化(about/news/services/solutions/team 等)
- 详情页四层叙事组件、布局组件、UI 组件调整
- CMS 数据模型、API 路由、权限、工作流、站内通知、媒体管理扩展
- 新增/补充单元测试与 E2E 测试(cms-workflow.spec.ts 等)
- ESLint 9 迁移、jest/tsconfig 配置更新、依赖调整
- 新增 ADR、CMS 评估文档、Release Review / Acceptance 报告
- 移除水墨装饰组件与大体积未使用字体文件
This commit is contained in:
张翔
2026-07-25 08:04:01 +08:00
parent e35090b914
commit 10404dbb36
208 changed files with 18107 additions and 8330 deletions
@@ -0,0 +1,130 @@
# 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 通过