张翔
37296b5717
改造概要（30项）： - 第一轮：Hero重构/Section差异化/SocialProof强化/CTA对比度/About架构 - 第二轮：字体优化/背景交替/Solutions差异化/Footer五列/MegaDropdown修复 - 第三轮：卡片交互/表单层级/CTA统一/时间线标记/连接线/三列布局/移动导航/Button微交互/SEO Schema - P3-2：template.tsx+Framer Motion页面过渡/loading.tsx加载状态 - 清理：删除未用组件/hooks，修复重复移动导航，清理冗余CSS
39 lines
2.1 KiB
Markdown
39 lines
2.1 KiB
Markdown
# Novalon Website - 领域术语表
|
|
|
|
## 核心实体
|
|
|
|
### 墨韵流光
|
|
Novalon 网站的核心视觉系统，包含两个子机制：
|
|
- **旋转渐变边框 (ink-glow-border)**：卡片边框使用旋转的 conic-gradient，产生墨韵流动感
|
|
- **鼠标跟随光晕 (mouse-follow)**：卡片内跟随鼠标的 radial-gradient 光晕，产生交互反馈
|
|
|
|
当前状态：.impeccable.md 已定义规范，但首页组件**未实现**。
|
|
|
|
### 水墨雅致
|
|
Novalon 的整体设计风格定位。核心原则：以留白和排版取胜，特效点到为止。参考 Apple 中国官网。
|
|
|
|
### 朱砂点睛
|
|
品牌红 #C41E3A 的使用原则——仅作点缀，不作为主色调。标题中关键词用 font-calligraphy 突出。
|
|
|
|
### 特效组件 (Effects)
|
|
`src/components/effects/` 目录下的 24 个视觉特效组件。当前状态：**大部分未被首页使用**，属于技术债务。
|
|
|
|
### Design Tokens
|
|
`.impeccable.md` 中定义的设计令牌系统，包含颜色、排版、间距、卡片系统、Section 背景交替规则。当前状态：**文档已定义，代码中 globals.css 有对应 CSS 变量，但组件层未完全落地**。
|
|
|
|
## 关键决策
|
|
|
|
| 术语 | 含义 | 决策状态 |
|
|
|------|------|---------|
|
|
| 重构范围 | 保持 5 个 section 不变，聚焦质量提升 | ✅ 已确认 |
|
|
| 特效取舍 | 逐个评估 24 个特效组件，决定保留/改造/删除 | ✅ 已确认 |
|
|
| Hero 视觉方向 | 先用原型对比再决定（排版驱动 vs 墨韵背景 vs 中间路线） | ✅ 已确认 |
|
|
| web-design-engineer 定位 | 仅用于 Hero 原型验证，不用于全站重构 | ✅ 已确认 |
|
|
| 运营状态 | 未正式上线，重构风险可控 | ✅ 已确认 |
|
|
|
|
## 歧义已解决
|
|
|
|
- **"重构"≠ 推倒重来**：在现有 Next.js 架构内做系统性清理和提升，不更换技术栈
|
|
- **"web-design-engineer"≠ 代码生成器**：它是设计验证工具，产出原型 HTML，不是最终代码
|
|
- **"克制动效"≠ 零动效**：动效服务于信息传达（hover 反馈、scroll reveal、卡片交互），但不做装饰性粒子/水墨动画
|