Frontend — design
Brand Landing Page
30 models built this brief single-shot. Qwen 3.8 Max leads at 87.3. 30 of 30 builds carry a blind human rating. 1 split the judge panel.
The exact brief every model received, joined with the shared output contractcontract ↗
# Brand Landing Page Invent a company and design its landing page. **The brand:** *Halcyon* — a company that manufactures precision sleep instruments. Not an app, not a mattress: physical objects, engineered and expensive, for people who treat rest as a discipline. Their first product is a bedside device that shapes the light and sound of a room across the night. Price point is deliberately high. Their competition is Aesop and Teenage Engineering, not Casper. Everything else — the exact product name, the voice, the palette, the type system, the story — is yours to invent. Invent the copy too; do not leave lorem ipsum or bracketed placeholders anywhere. ## Requirements - A complete page: navigation, hero, and enough sections below the fold to establish the product, the craft behind it, and a reason to care. End with a real footer. Roughly 5–8 sections. - **The type system is the design.** Choose typefaces deliberately (Google Fonts is available via CDN). Set a real scale, real measure, real leading. Typography carries most of the score here. - Considered colour. A palette with intent, used consistently, that suits a premium object rather than a SaaS dashboard. - Layout with structure and rhythm — a grid you actually use, sections that differ in shape rather than repeating one full-width block, and asymmetry where asymmetry is better. - Motion, used sparingly: entrance transitions, hover states, maybe a scroll-linked moment. It should feel expensive, not busy. - Product imagery generated in-page — CSS, SVG, canvas, or gradients you construct. **No external image URLs and no stock photography.** Render, illustrate, or abstract the object. - Fully responsive down to 390px, with real mobile decisions rather than a squeezed desktop layout. - Accessible: sensible heading order, sufficient contrast, visible focus states, alt text or labels where they matter. ## What is being evaluated Taste, and whether the page could plausibly be the real site of a company that charges a lot of money for a beautiful object. Actively avoid the default AI landing page: purple-to-blue gradients, Inter or system fonts, a centred hero with a glassmorphic card, three equal feature boxes with emoji or generic line icons, "Trusted by" logo strips of invented companies, and pill buttons everywhere. If your page could be re-skinned into any other startup by swapping the words, it has failed.
No builds match these filters.
Scores are the blended final: 25% browser gates, 45% blind three-lab panel, 30% blind human rating; unrated cells redistribute the human weight. Screenshots are the gate run at 1440×900. "Run it live" loads the untouched deliverable in a sandboxed frame - bugs included. Back to the leaderboard · Compare the top two