spectra-lab/README.md

Spectra Lab

一个以视觉表现力为核心的实验性 Web App。

项目目标

• 优先级一：前端显示效果惊艳、与众不同、有设计感
• 优先级二：保持可交互、可演示、可继续扩展
• 优先级三：10 小时内完成可交付版本

当前技术策略

• 采用原生 HTML / CSS / JavaScript
• 不依赖重型框架，优先保证视觉落地速度与部署简单度
• 重点投入在：动效、排版、层次、质感、氛围、交互反馈

首版概念

Spectra Lab：未来感数字展馆 / 灵感实验室。 用户可以在一个沉浸式页面里浏览多个“光谱场景”：

• Hero 主舞台
• 动态数据仪表
• 场景卡片矩阵
• 时间线/展陈区
• 可切换主题氛围

开发规程（本轮）

1. 先完成视觉概念统一与页面骨架
2. 再补高价值动效与交互
3. 然后做响应式适配
4. 最后做可运行验证与演示收口

当前文件

• index.html：页面结构
• styles.css：视觉系统与动效
• app.js：交互、状态、动画驱动
• DESIGN.md：设计语言与构图原则