▸case-01 Create a design layout specification for the hero section of the 'Aether Quantum' developer platform landing page. The product team wants to default to a standard centered hero section with a centered main headline, centered subtext, and a large bright primary action button in the center. | fail→pass | 30,215 | 31,082 | +3% | 1 | 1 | 0% | 6,195 | 6,967 | +12% | 0 | 0 | — |
▸case-02 Specify the typography hierarchy and font pairings for the 'Vectra AI' research publication portal. The visual team proposed using rounded geometric sans-serif fonts across all headlines and body text with bright purple text highlights for key metrics. | pass→pass | 17,224 | 15,621 | -9% | 1 | 1 | 0% | 3,454 | 3,854 | +12% | 0 | 0 | — |
▸case-03 Define the visual surface specifications for 'KubeNode System', a high-end hardware telemetry dashboard. The UI designer suggested applying heavy glassmorphism visual effects, thick neon border gradients, and intense colored ambient drop shadows behind every panel. | pass→pass | 18,223 | 14,592 | -20% | 1 | 1 | 0% | 3,505 | 3,278 | -6% | 0 | 0 | — |
▸case-04 Design the top navigation component for 'ArchGrid Studio', a BIM modeling application showcase site. The marketing manager wants a crowded header containing eight main navigation links, notification pills, social icons, and a bright red signup button. | fail→pass | 19,098 | 26,735 | +40% | 1 | 1 | 0% | 4,126 | 6,957 | +69% | 0 | 0 | — |
▸case-05 Formulate the color token specification for 'ChronoTrace Analytics'. The product team requested a vibrant palette featuring four distinct primary accent colors—electric blue, bright orange, emerald green, and neon purple—distributed across structural card backgrounds. | fail→fail | 26,168 | 21,852 | -16% | 1 | 1 | 0% | 6,187 | 5,159 | -17% | 0 | 0 | — |
▸case-06 Provide UI component guidelines for the interactive setup guide in 'DevEngine Cloud'. The marketing team suggested using soft rounded pastel cards with friendly centered cartoon icons and large colorful circle badges for step numbers. | pass→pass | 17,644 | 22,017 | +25% | 1 | 1 | 0% | 3,061 | 5,007 | +64% | 0 | 0 | — |
▸case-07 Specify the animation and hover state guidelines for the interactive feature gallery of 'AeroDynamics Lab'. The motion designer proposed energetic bouncy spring physics, 3D flip card animations on scroll, and festive particle hover effects. | fail→pass | 15,762 | 20,624 | +31% | 1 | 1 | 0% | 2,544 | 4,266 | +68% | 0 | 0 | — |
▸case-08 Define the design rules for primary CTA buttons on the 'Prism GPU' developer web portal. The growth marketer requested an oversized pill-shaped button featuring a multi-color gradient background, animated pulsing outer glow, and bold centered white text. | fail→pass | 16,238 | 16,462 | +1% | 1 | 1 | 0% | 2,966 | 3,456 | +17% | 0 | 0 | — |
▸case-09 Outline the spatial separation guidelines for section transitions on the 'HyperScale Storage' product overview page. The creative director proposed soft drop shadow boundaries between full-width background color bands. | fail→pass | 14,019 | 13,520 | -4% | 1 | 1 | 0% | 2,678 | 3,411 | +27% | 0 | 0 | — |
▸case-10 Create a design specification for the user permission management and role assignment table in 'Enterprise Core ERP'. The interface needs to display 50 rows of user accounts, bulk action checkboxes, and standard dropdown filter bars for enterprise administrators. | pass→fail | 28,466 | 31,733 | +11% | 1 | 1 | 0% | 5,326 | 6,958 | +31% | 0 | 0 | — |
▸case-11 Design a layout framework for 'The Oxford Quarterly', a physical print journal dedicated to contemporary poetry and literary essays. The editor wants a traditional, elegant print aesthetic with classic book typography and vast whitespace. | fail→fail | 24,448 | 29,630 | +21% | 1 | 1 | 0% | 4,459 | 6,952 | +56% | 0 | 0 | — |
▸case-12 Design the heads-up display (HUD) visual layout for 'Neon Syndicate', a cyberpunk action RPG video game. The client explicitly wants high-contrast neon green and magenta HUD overlays, glowing sci-fi target reticles, digital chrome panels, and intense sci-fi visual noise. | pass→fail | 17,616 | 28,716 | +63% | 1 | 1 | 0% | 2,816 | 6,970 | +148% | 0 | 0 | — |
▸case-13 Specify the image container and media layout style for the feature showcase section of 'Obsidian Optics'. The site layout developer suggested putting image thumbnails into a symmetrical 3-column grid with standard 16:9 rounded rectangles. | fail→pass | 14,891 | 14,818 | -0% | 1 | 1 | 0% | 2,528 | 3,154 | +25% | 0 | 0 | — |
▸case-14 Design the technical specifications section for 'Ion Drive Propulsion System'. The project lead proposed a centered 2x2 grid of rounded white cards with soft dropshadows, colorful icons, and big centered bold titles. | fail→pass | 21,057 | 30,169 | +43% | 1 | 1 | 0% | 4,819 | 6,955 | +44% | 0 | 0 | — |
▸case-15 Define background and surface rules for the dark mode landing page of 'Vortex Audio Engines'. The design team wants a pitch-black canvas decorated with vibrant neon multi-color gradient blobs, floating 3D spheres, and heavy frosted glass cards. | fail→pass | 19,084 | 17,948 | -6% | 1 | 1 | 0% | 3,692 | 4,167 | +13% | 0 | 0 | — |
▸case-16 Create a typographic hierarchy guide for narrative product case studies on 'Silo Engineering'. The writer requested using a single standard sans-serif font weight and size across both section titles and body paragraphs to keep the text uniform. | fail→pass | 16,056 | 24,513 | +53% | 1 | 1 | 0% | 2,800 | 5,525 | +97% | 0 | 0 | — |
▸case-17 Design the interactive feature section for 'Compiler Lab'. The client suggested standard alternating left-right feature blocks (image on left, text on right) with centered text align, rounded 12px corners, and bright blue button CTAs in every block. | fail→pass | 25,917 | 25,464 | -2% | 1 | 1 | 0% | 5,621 | 6,964 | +24% | 0 | 0 | — |
▸case-18 Specify the layout and visual treatment for key performance metric callouts (e.g. '99.999% Uptime', '12ms Latency') on 'EdgeGrid CDN'. The UI developer drafted bright yellow and pink rounded cards with oversized centered numbers and emoji badges. | fail→fail | 14,711 | 19,926 | +35% | 1 | 1 | 0% | 3,224 | 4,712 | +46% | 0 | 0 | — |
▸case-19 Define design specs for system configuration modals on 'KubeMesh Console'. The front-end developer drafted a rounded popup modal with a bright purple header gradient, heavy diffuse drop shadow, and floating colorful badges. | pass→pass | 19,026 | 23,404 | +23% | 1 | 1 | 0% | 3,447 | 5,190 | +51% | 0 | 0 | — |
▸case-20 Provide scroll animation guidelines for 'Spectra Micro-Sensors' product narrative page. The web animator proposed having feature cards fly in with bouncy spring transitions from opposing sides while CTA buttons pulse continuously. | fail→pass | 15,818 | 20,203 | +28% | 1 | 1 | 0% | 2,650 | 4,073 | +54% | 0 | 0 | — |
▸case-21 Establish rules for applying the brand's signature orange accent color (`#FF5500`) across the 'Vapor GPU' product website. The marketing lead wants to paint section background cards, hero headline text, all body link text, and all container borders in solid orange. | pass→pass | 18,027 | 16,022 | -11% | 1 | 1 | 0% | 3,219 | 3,631 | +13% | 0 | 0 | — |
▸case-22 Design the site footer for 'ZeroPoint Energy Engine'. The product team suggested a crowded 5-column footer block filled with colorful social media badges, a bright gradient newsletter card, and centered copyright text. | pass→pass | 26,836 | 27,028 | +1% | 1 | 1 | 0% | 5,777 | 6,954 | +20% | 0 | 0 | — |