World-class web design

Build one website that demonstrates the absolute ceiling of your web design capability — your taste, your artistic flavor, your technical range. You choose what the site is for. That decision is part of what's being evaluated.

Context you should know: this is going into a video comparing you against other frontier models, shown to a large audience, and your work will be credited to you by name. Every model gets this exact prompt. So go nuts and show people what you're actually capable of.

Requirements:

1. **You pick the concept.** Any subject, any industry, real or invented. Do not ask which — decide, commit, and make the choice itself impressive. A generic SaaS landing page is a wasted turn.

2. **Advanced visual technique is the point.** Pull from whatever best showcases you — including but not limited to: high-quality 3D and WebGL, raymarching and signed distance fields, post-processing (bloom, chromatic aberration, grain, displacement), particle systems, flow fields and generative/procedural art, fluid simulation, custom shaders, SVG filters, masks and clip-paths, mix-blend-mode compositing, scroll-driven narrative and scrubbed timelines, View Transitions, custom cursors and magnetic elements, spring and inertia physics, variable fonts driven by scroll or cursor, per-character text animation, kinetic typography, art-directed dark and light modes, a designed preloader, real depth and parallax, sound design, generated-and-then-treated imagery.

3. **You have free reign to look up how to use any of these**, and to pull in open source libraries freely via CDN, and to add any other technique you think would better demonstrate what you can do. The list is a starting point, not a boundary. You have total creative freedom to design in the way you believe best illustrates your capabilities.

4. **Single self-contained `index.html`.** Any library via CDN is fine. No build step, no server, no API keys. It must run by opening the file.

5. **No hotlinked stock photography.** Anything visual you need, generate in-browser — CSS, SVG, canvas, WebGL, procedural. This is deliberate: it forces the visuals to be yours. You may also generate imagery with the tool below and then treat it in-browser (duotone, grain, displacement) rather than dropping raw output onto the page.

7. **QA it for real.** Open it, scroll the whole thing, resize to 1440 and 1280, and confirm nothing overflows, collides, or throws console errors.