# 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、卡片交互),但不做装饰性粒子/水墨动画