Build a design showcase website

the prompt

# Lightning Round — Test 2: Design Showcase Website Blind side-by-side. Same prompt to both models. Judged on: design taste, artistic flavor, and technical execution. **Tooling note:** both models get access to **GPT Image Gen** for generating image assets. No Pinterest, no stock sites, no other image sources, no animation services. --- Build **one website** as a demonstration of your absolute peak capability in web design, taste, and artistic flavor. This is a showcase piece — it will be seen by a lot of people, and it should show the world what you're capable of. Go nuts. You have **total creative freedom over the subject and direction** of the site. Choose something that gives you room to show off. Commit hard to a single strong artistic point of view rather than hedging between styles. ## What the site must demonstrate Use a mixture of advanced visual techniques — not all of them, but enough to prove range: - **High-quality 3D** work (WebGL/Three.js) that's genuinely well-crafted, not a spinning-cube demo. - **Otherworldly, beautiful animation** — considered motion design, choreographed entrances, scroll-linked or time-based sequences, real easing. - **An exceptional color palette** — specific and confident, not a default gradient. - **Novel, interesting typography** — an actual type point of view, expressive scale and pairing. - Anything else you believe best illustrates your skill. ## Image assets Generate images with **GPT Image Gen** and use them as key assets in the design. **Generate at most FIVE images.** This is a hard limit. Art-direct them deliberately — every image has to earn its place, and the set should feel like one visual system, not a pile of unrelated generations. Plan what you need before you start generating. **How to generate an image.** Run this command (it bills the ChatGPT subscription via the OAuth token in `~/.codex/auth.json` — do not use an OpenAI API key): ```bash python3 ./imagegen.py \ "<your image prompt>" \ -o ./assets/<name>.png \ --size 1536x1024 \ --timeout 300 \ --quiet ``` - Sizes: `1536x1024` (landscape 3:2) or `1024x1024` (square). - Write all generations into an `./assets/` folder next to the site and reference them with relative paths. - To supply a reference image, add `--input-image <path.png>` (one reference per call). - **The generator is occasionally flaky** — it stalls roughly one call in three. After each call, check that the output file actually exists; if it doesn't, retry the same command up to three times before moving on. - Write image prompts that are art-directed and specific (subject, lighting, medium, palette, mood) so the set holds together as one visual system. ## Iteration (required) Before you consider the site finished, do **at least three iteration passes**. An iteration pass means: after completing the site, go through it with a fine-toothed comb, looking for design problems, weak spots, and opportunities to improve and complexify the design. Then act on what you find. Do not skip this — the iteration is where the quality comes from. ## Deliverable A complete, directly runnable site. Fully responsive, no broken interactions, no placeholders, no console errors. Work autonomously and don't ask for input until it's finished.

…