SIGNAL NOISE 实验性数字杂志网站

### 你的任务 设计并开发一个名为 **SIGNAL / NOISE** 的实验性数字出版物。 它是一本关于技术、人工智能、数字文化与互联网未来的独立杂志。 我们希望打造一个在视觉上能够与最优秀的数字编辑设计项目相媲美的网站。一个有态度的体验，而不是又一个通用的 SaaS 落地页。 你拥有创作自由来决定艺术指导、字体排印、构图、色彩方案、动画和视觉系统。 我不需要你向我解释你会如何设计这个网站。**我要你把它构建出来。** ### 产品 网站将包含四个主要组成部分： **1. 编辑封面** 一个立即确立出版物身份的首屏。 必须包含名称 SIGNAL / NOISE、期号（ISSUE 001）、一篇主打编辑内容，以及一个令人难忘的视觉构图。 **2. 文章索引** 精选六篇虚构但可信的关于技术与数字文化的文章。 不要使用六张完全相同的卡片。设计一个编辑构图，能够区分主打故事、次要文章和简短内容。 **3. 阅读体验** 至少开发一篇完整文章，可从封面进入。 文章标题："The Internet Is Becoming a Place Without People"。 包含导语、若干段落、突出引语以及整合在内容中的视觉素材。 必须是一次愉悦而精致的阅读体验。 **4. 导航与交互** 实现功能性导航、过渡效果、悬停状态、视觉指示器以及细微的交互细节。 动画必须为体验增添价值，而非无意义的装饰。 ### 技术要求 - React、TypeScript 和 Tailwind CSS。 - 可以使用动画和图标库。 - 面向桌面端和移动端的响应式设计。 - 基本无障碍性、键盘导航以及对 `prefers-reduced-motion` 的支持。 - 不要只做表面能用的静态界面。 - 不要使用其他网站的截图来替代设计。 - 可以使用照片或外部视觉素材，但要将它们整合到连贯的艺术指导中。 - 项目必须能够在本地运行。 ### 设计标准 我们追求： - 独特且可辨识的视觉身份。 - 卓越的字体层级。 - 有意图地利用空间的构图。 - 实验性与可用性之间的良好平衡。 - 精心打磨的微交互。 - 封面、索引和文章之间的一致性。 - 一个经过设计的移动版本，而非简单压缩。 避免： - 模板的通用外观。 - 六张完美对齐的卡片。 - 没有功能的装饰性渐变。 - 妨碍阅读的炫目效果。 - 不必要的 UI 组件。 - AI 产品落地页的典型外观。 ### 创作自由 你不需要遵循任何具体的视觉参考。 由你来决定 SIGNAL / NOISE 作为编辑身份意味着什么，以及它应如何在视觉上表达。 你可以是实验性的、极简主义的、粗野主义的、精致的，或者采用完全不同的方向。 重要的是你的决策作为一个整体是有意义的。 ### 交付物 构建完整项目。 完成后，确保它能够正常运行，并提供一份关于主要艺术指导决策的简要说明（最多 200 字）。 **不要向我提问，也不要请求对视觉方向的批准。做出决策并执行。**