FIFTY 是一家虚构的数字设计工作室，在里斯本和柏林设有办公室。我围绕一个理念构建这个概念：人们大约在五十毫秒内就会评判一个网站，所以工作室的网站必须在访客读到任何一个字之前就表达出观点。

它还必须保持小巧。工作室网站就像一张名片：他们是谁、做过什么、在哪里、如何开始合作。任务是把这些放进少数几个页面，带上动效、视频和实时背景，同时不让页面变得臃肿。

7 个页面：首页、Work、项目页、Studio、带需求简报生成器的 Contact、法律页面和 404 页面。首页以从 00 计到 50 ms 的加载器开场，随后在实时 WebGL 背景上呈现宣言式标题，以及显示两地工作室实时时钟、服务、联系方式和档期的信息网格。作品集锦会在全屏播放器中打开。

作品索引以列表展示 8 个项目（视频预览跟随光标）或以网格展示，并可按类别筛选。每个项目页都有全屏视频、随滚动逐渐点亮的概述、挑战与方法、成果，以及通往下一个项目的链接；联系页可以根据服务、预算、时间和细节生成一份需求简报。

背景是为该网站编写的 WebGL 着色器：带域扭曲的余烬色分形噪声，会朝光标倾斜，并提供 CSS 备用方案。每个内部链接都会用一块计数到 50 ms 的黑色面板划过页面；标题逐字出现，媒体通过 clip-path 显现。其余部分是纯 HTML、CSS 和 JavaScript，使用 GSAP、ScrollTrigger 和 Lenis，不向任何地方发送数据。

这个概念由 7 个页面组成，包含 8 个项目和两地工作室的时钟。Lighthouse 于 2026 年 9 月 22 日测量了首页。移动端（默认限速）：性能 89、无障碍 94、最佳实践 77、SEO 100，LCP 2.7 秒、CLS 0。桌面端：性能 100、无障碍 94、最佳实践 77、SEO 100，LCP 0.5 秒。页面 2.1 MB、13 个请求——是当天测量的概念网站中性能得分最高的。

对在 Chrome 中渲染的 6 个页面（不含 404）的检查显示：每页标题唯一且只有一个 H1，lang 属性为 en，布局在 390 px 屏幕上无横向滚动，100% 的图片有替代文本，内部失效链接为 0。6 个页面都没有 canonical、Open Graph 和结构化数据，也没有 sitemap.xml 或 robots.txt。