Files

T

张翔 10404dbb36 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 报告
- 移除水墨装饰组件与大体积未使用字体文件

2026-07-25 08:04:01 +08:00

6.1 KiB

Raw Blame History

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

状态

已接受

日期

2026-07-10

上下文

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

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

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

决策

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：将水墨转为抽象几何元素

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

理由

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

后果

正面

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

负面

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

风险

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

实施清单

删除 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 通过

6.1 KiB Raw Blame History Unescape Escape