重要:请制作一个高端企业官网,首页突出品牌愿景、业务能力、客户价值与联系方式。

验收资料

验收资料

以下记录了本项目的设计要求与实现说明,供项目组对照验收使用。
acceptance_materials.txt

01整体视觉保持明亮、简洁

02主要按钮需要有明确的可点击状态

03首页保留科技感视觉元素

04内容模块使用卡片承载

05核心文案需要覆盖能力、场景和价值

06关键数字用于强调页面节奏

07主要页面保留清晰的行动入口

08正文字号不低于 14px

09导航栏固定在页面顶部

10每张图片下方需有文字说明

11行高统一为 1.6

12favicon 覆盖常见尺寸

implementation_notes.txt

01首屏图片需同时呈现团队、产品界面与品牌域名。

02全站按钮样式保持统一,圆角 12px。

03动效用于强化层级,不影响基本阅读。

04客户案例区域保留结果数据展示位。

05移动端布局优先保证 14px 文字可读。

06导航栏 position: sticky,滚动时常驻顶部。

07图片 alt 属性与下方说明文字不可省略。

设计说明

主要视觉与交互效果记录

以下记录了页面中主要视觉与交互效果的 design intent 与当前实现方式,供设计评审与后续迭代参考。
01

首屏客户满意度动态气泡

首屏图片区域需展示实时业务指标标签,补充客户价值信息。

循环弹出满意度、ROI 等指标气泡,配合退场动画。
02

文本悬停彩虹渐变效果

标题与链接的 hover 状态需有明显视觉反馈。

彩虹渐变 + 扫光 + 色相旋转 + 辉光。
03

CTA 按钮视觉动画与命中区域分离

按钮 hover/click 时需要更强的动态反馈,同时保持点击区域稳定。

视觉层 translateY 动画,命中区域保持原位。
04

Liquid Glass 风格导航栏

顶部导航需有透明材质感与层次区分。

backdrop-filter 玻璃背景 + 扫光 + 轻微漂浮动画。
05

关灯模式聚光灯效果

提供专注阅读模式,减少页面视觉干扰。

全屏遮罩 + 鼠标位置光圈半径控制可见区域。
06

Richify 品牌自定义鼠标指针

延续品牌识别,鼠标移动与页面视觉风格保持一致。

SVG 品牌指针 + 拖尾粒子轨迹。
07

客户案例页 WebGL 三维展厅

客户案例页需有沉浸式 3D 成果展示区域。

WebGL 粒子矩阵 + 鼠标扰动交互 + 动态面板。
08

页脚 3D 钻石与品牌跑马灯

页面底部需有持续可见的品牌收尾视觉。

3D 旋转钻石 + 品牌文案跑马灯 + 动态色彩。
09

首屏团队图内嵌品牌 Logo

首屏图片需同时呈现团队场景与 richify.net 品牌信息。

电脑屏幕区域嵌入 richify.net 品牌标识。