Build a world-class website (you pick the concept)

the prompt

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. **Composition and typography carry this.** Before any effect: a deliberate type scale with real contrast between levels, a grid you actually hold to, whitespace used as a material, optical alignment that survives a squint test. A page with impeccable type and three effects beats a page with default type and thirty. This is where most of the score lives, and it is the thing models most often skip straight past. 3. **You are graded on what you left out.** Three techniques executed impeccably beat fifteen at seventy percent. Choose the few that genuinely serve your concept and cut everything that's only there to prove you can. Restraint is part of what's being measured — a maximalist demo reel reads as a model that can't self-edit. 4. **Do not hand me the house style.** A dark page, a neon or purple gradient, a glowing particle field, a scroll-jacked hero, a custom cursor — that combination is what every AI produces when told to impress, and a large audience has seen it hundreds of times. It reads as a default, not a decision. If you land on any of it, earn it and make it specific to your concept. 5. **Technique in service of the concept, not a checklist.** Reach for whatever genuinely fits — high-quality 3D and WebGL, raymarching and signed distance fields, post-processing, particle systems, flow fields and generative or procedural art, fluid simulation, custom shaders, SVG filters, masks and clip-paths, mix-blend-mode compositing, scroll-driven narrative and scrubbed timelines, View Transitions, 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. This is a menu to choose from sparingly, not a list to work through. 6. **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. 7. **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. 8. **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. 9. **Image generation is available to you.** To generate an image asset: ``` python3 /Users/patsimmons/coding/clearhaven-instantly-campaign_1.19.26/clearhaven-os/scripts/vendor/chatgpt-imagegen.py \ "<your prompt>" -o ./assets/<name>.png --size 1536x1024 --timeout 300 --quiet ``` Zero dependencies, no API key needed, already authenticated. Save generated assets into `./assets/` and reference them with relative paths. 10. **QA it for real.** Open it, scroll the whole thing, resize to 1440 and 1280, and confirm nothing overflows, collides, or throws console errors. Work completely autonomously. Do not ask for anything until it's finished. DONE when: the site runs clean from a single file, the concept is a deliberate creative choice rather than a default, the typography and composition would hold up with every effect switched off, and what's on the page is there because it earned its place.

…