▸case-04 Build a promotional poster in Tailwind CSS for the FitPulse workout mobile app. Base models usually make this a standard fluid container like max-w-4xl, but this needs to be a fixed ratio digital poster layout. | fail→pass | 23,608 | 27,898 | +18% | 1 | 1 | 0% | 4,981 | 6,383 | +28% | 0 | 0 | — |
▸case-01 I need a high-impact promotional poster built with Tailwind CSS to advertise our new SaaS product launch. Please generate a full poster layout with an attention-grabbing hero graphic at the top, a bold main headline and subtitle in the center, a section for key product highlights with icons near the bottom, and a dedicated spot for a brand QR code in the bottom corner. | fail→fail | 27,636 | 26,894 | -3% | 1 | 1 | 0% | 6,214 | 6,412 | +3% | 0 | 0 | — |
▸case-02 Can you create a modern marketing poster in Tailwind HTML for a summer music festival? I want a vertical poster structure featuring a top visual element, a massive center title with a quick tagline, a card layout showcasing key event features, and a footer section with a QR placeholder on the right. | fail→pass | 26,701 | 26,726 | +0% | 1 | 1 | 0% | 6,198 | 6,396 | +3% | 0 | 0 | — |
▸case-03 Please generate a promotional poster web component using Tailwind CSS for a developer bootcamp campaign. It should be structured as a complete poster with a colorful background, a large graphic motif, a visually dominant core headline, bulleted benefit cards, and a QR code block at the bottom right. | fail→pass | 31,770 | 28,570 | -10% | 1 | 1 | 0% | 6,196 | 6,394 | +3% | 0 | 0 | — |
▸case-05 Create an HTML Tailwind poster for Artisan Roasters grand opening. Base models often default to text-5xl or text-6xl for poster titles, but I want the visual center title to be massive. | fail→fail | 25,682 | 23,309 | -9% | 1 | 1 | 0% | 5,492 | 5,608 | +2% | 0 | 0 | — |
▸case-06 Design a marketing poster in Tailwind HTML for the Decentra 2025 Summit. Model outputs frequently place QR codes in the top header or center banner, but this design requires it positioned in the bottom right corner. | fail→fail | 24,660 | 26,970 | +9% | 1 | 1 | 0% | 5,705 | 6,383 | +12% | 0 | 0 | — |
▸case-07 Generate a marketing poster for PromptCraft AI using Tailwind CSS. Standard AI generators often use simple white backgrounds with black text, but this poster requires a vibrant full-screen gradient background. | fail→fail | 27,974 | 25,836 | -8% | 1 | 1 | 0% | 5,969 | 6,375 | +7% | 0 | 0 | — |
▸case-08 Create a digital promo poster for Skyline Luxury Condos with Tailwind CSS. Standard LLMs often neglect upper whitespace and crowd the top with text, but the top region needs around 30% space with a hero graphic. | fail→pass | 18,394 | 26,521 | +44% | 1 | 1 | 0% | 3,890 | 6,284 | +62% | 0 | 0 | — |
▸case-09 Build a Tailwind CSS poster for an executive leadership webinar. Generic models output long lists of 8 to 10 bullet points, but the lower section card layout needs 3 to 5 key points with icons. | pass→pass | 27,056 | 24,936 | -8% | 1 | 1 | 0% | 6,184 | 5,346 | -14% | 0 | 0 | — |
▸case-10 Design a digital poster for QuickBite delivery service using Tailwind CSS. Base models usually omit background decorative shapes, but this poster requires decorative SVG accents. | fail→pass | 28,767 | 27,249 | -5% | 1 | 1 | 0% | 6,171 | 6,369 | +3% | 0 | 0 | — |
▸case-11 Create a marketing poster for CyberShield 2025 using Tailwind CSS. Standard AI models tend to center the QR code at the bottom center or footer banner. | fail→fail | 28,866 | 26,525 | -8% | 1 | 1 | 0% | 6,174 | 6,372 | +3% | 0 | 0 | — |
▸case-12 Generate a promotional poster for TitanChair Gaming Gear using Tailwind CSS. Common LLM defaults use a 16:9 landscape aspect ratio or max-w-screen-xl, whereas a poster hero canvas needs fixed vertical dimensions. | fail→pass | 29,890 | 29,159 | -2% | 1 | 1 | 0% | 6,187 | 6,384 | +3% | 0 | 0 | — |
▸case-13 Produce a marketing poster for LingoSnap app with Tailwind CSS. AI models typically select medium headline weights like font-bold, but the visual center title requires maximum weight. | fail→pass | 18,595 | 29,470 | +58% | 1 | 1 | 0% | 4,225 | 6,292 | +49% | 0 | 0 | — |
▸case-14 Design a marketing poster for EcoBottle in Tailwind HTML. Base models usually use plain bullet points without cards or icons. | fail→pass | 26,848 | 30,813 | +15% | 1 | 1 | 0% | 5,735 | 6,362 | +11% | 0 | 0 | — |
▸case-15 Build a promotional poster for the City Marathon 2025 with Tailwind CSS. Models often neglect bottom-right branding, placing logo images in the top-left navigation instead. | pass→fail | 25,953 | 28,900 | +11% | 1 | 1 | 0% | 5,486 | 6,375 | +16% | 0 | 0 | — |
▸case-16 Generate a marketing poster for a Design System Masterclass using Tailwind CSS. Standard outputs often fail to make the headline visually dominant, opting for text-5xl. | fail→fail | 23,235 | 26,639 | +15% | 1 | 1 | 0% | 4,688 | 6,189 | +32% | 0 | 0 | — |
▸case-17 Create a digital promotional poster for Neobank Metal Card using Tailwind CSS. LLMs usually build standard web flex containers that expand dynamically to content height. | fail→pass | 30,349 | 26,227 | -14% | 1 | 1 | 0% | 6,170 | 6,368 | +3% | 0 | 0 | — |
▸case-18 Construct a promo poster for HubSpace Coworking using Tailwind CSS. Base models frequently use subtle muted backgrounds rather than high-impact full-screen gradients. | fail→fail | 19,412 | 29,018 | +49% | 1 | 1 | 0% | 4,394 | 6,370 | +45% | 0 | 0 | — |
▸case-19 Design a marketing poster for ZenMind meditation app in Tailwind CSS. Standard model defaults populate the top header with navigation links rather than hero visual whitespace. | fail→pass | 29,652 | 30,508 | +3% | 1 | 1 | 0% | 6,170 | 6,368 | +3% | 0 | 0 | — |
▸case-20 I need an HTML/CSS layout for an A4 printable paper flyer for a local bakery promotion. Please design a standard print document layout with print bleed margins, standard page sizing suitable for 300 DPI print output, and clean typography. | pass→fail | 27,951 | 29,328 | +5% | 1 | 1 | 0% | 6,190 | 6,388 | +3% | 0 | 0 | — |
▸case-21 Create a responsive SaaS pricing page component using Tailwind CSS with monthly and annual billing toggles, three comparison tiers, and a feature breakdown matrix for desktop and mobile browsers. | pass→fail | 26,456 | 28,947 | +9% | 1 | 1 | 0% | 6,174 | 6,372 | +3% | 0 | 0 | — |
▸case-22 Generate an HTML email newsletter header template designed for email clients like Outlook and Gmail, with a standard 600px table width and inline CSS styling. | pass→pass | 17,807 | 27,510 | +54% | 1 | 1 | 0% | 4,014 | 6,130 | +53% | 0 | 0 | — |