hoverstat.es 是一个网页设计案例与交互灵感档案，页面以按日期排列的 feature 条目展示不同网站，并通过项目链接引导访问原始作品。收录对象包括个人作品集、设计与建筑工作室、艺术家档案、展览网站、杂志、商店和品牌项目。它的记录重点不是笼统评价网站，而是指出具体的界面做法，例如悬停切换、节点式导航、全屏视频、可滚动的项目切换、SVG 文字变形、基于时间线的浏览和动态排版。部分条目还会列出项目制作方或致谢信息，例如 Soft Labor 条目中的 “Credits → Other Means”。
核心功能
网页案例收录
网站持续发布带有日期的网页 feature 条目，正文中可见从 2025 年 11 月到 2026 年 7 月的多个案例。每个条目通常包含原始网站地址、简短的设计观察和对应的 feature 页面，用户可以从案例描述进入项目本身。
交互方式观察
条目会具体记录网站如何响应用户操作。Soft Labor 使用柔和、模糊的 SVG 字体动画，让文字在用户决定交互时逐渐聚焦；Oliver Dupuy 的网站通过 hover-toggle effect 作用于单张横向图片；E.F Productions 则使用项目行悬停时的 ripple 效果和变形文字标志。这些记录适合用来查找明确的交互实现方向，而不是只按风格浏览截图。
导航与内容浏览参考
收录案例覆盖多种内容组织方式。xk.studio 将时间线导航与播放进度更新、可滚动视频切换结合；Andrew Trousdale 通过混合节点与文字的界面呈现职业经历，让访问者逐步发现不同连接；Any Given Moment 使用拨盘式导航逐个浏览项目；Simon Denny 的作品集则包含多个滚动区块，以及基于节点的多列列表视图。
动态排版与视觉效果
网站记录了大量与文字、图像和页面结构有关的视觉实验。Lonalih 使用随机石头形状和 SVG 文字扭曲效果增加页面质感；Ballet National de Marseille 的网站采用大字号、黏附式分层首页编排、编辑式幻灯片，以及通过 CSS 形成循环 3D 标题效果的实时文字缩略图；Anorak Film 则从文字落地页进入变量字体制造的文字淡入与渗出效果，再转为带有响应式转场的体验。
不同网站类型的案例覆盖
收录内容并不局限于一种行业。Archive for Space 是建筑与设计工作室网站，通过结构和布局呼应建筑实践；Schema Magazine 以点击方式在微型版面和全宽版面之间切换；Bécane Paris 是带有 3D 框架查看器和编排转场的商店网站；Beckmans Examensutställning 2024 把类似电子表格的表达方式用于展览网站；HFBK 的毕业生展示则使用多轴鼠标移动幻灯片探索作品。
使用方式
首页以按日期排列的案例列表呈现内容，访问者可以点击每条记录中的原始网站链接，或进入对应的 feature 页面查看介绍。页面还提供 “Browse Archive” 入口，用于浏览档案。正文没有提到客户端、浏览器插件、API、命令行工具、注册要求或导入导出功能，也没有说明访问案例是否需要自备模型 Key。
适用人群与场景
网页设计师可以从 hover-toggle、SVG 文字动画、节点式列表、时间线导航和响应式转场等具体案例中寻找交互参考。品牌与工作室在制作作品集、商业网站或展览页面时，可以查看不同项目如何组织作品、职业经历和视觉内容。字体与视觉设计从业者可关注变量字体、动态排版、文字扭曲、色相变化和 3D 标题效果。艺术院校学生或需要制作毕业展、个人档案的人，也可以参考 HFBK 毕业生展示、Elisa Breyer Archive 和 Typographic Objects 等案例的内容呈现方式。
注意事项
正文主要提供案例摘要和项目链接，未给出统一的制作教程、代码示例、技术栈说明或案例筛选标准。网站收录的项目使用英文描述，正文没有提供中文界面或翻译说明。正文也未提供价格、会员档位、免费额度、团队信息、用户数量或客户数据。
