▸case-15 Where are standard, predictable layout positions to place subtle two-digit structural markers in a component design system? | pass→pass | 15,996 | 7,352 | -54% | 1 | 1 | 0% | 2,777 | 1,335 | -52% | 0 | 0 | — |
▸case-01 We are designing a 3-column feature card section for a SaaS landing page. The designer suggested using '1', '2', and '3' as light background markers in the top-right corner of each card. Provide the CSS/markup specifications and visual guidelines for these decorative corner markers. | fail→pass | 16,309 | 10,202 | -37% | 1 | 1 | 0% | 3,402 | 2,372 | -30% | 0 | 0 | — |
▸case-02 For an enterprise product roadmap timeline rail, recommend the font family classification and text transform style for background step indicators. Should we use bold high-contrast serif headers or something else? | pass→pass | 12,415 | 6,741 | -46% | 1 | 1 | 0% | 2,257 | 1,353 | -40% | 0 | 0 | — |
▸case-03 In an editorial article layout, we want section numbers in the left gutter alongside major chapter headings. The marketing team suggested high-contrast bright primary accent colors so the numbers pop out immediately before the heading text. Evaluate this recommendation. | pass→pass | 11,664 | 7,529 | -35% | 1 | 1 | 0% | 2,021 | 1,362 | -33% | 0 | 0 | — |
▸case-04 We are creating a process list where each item has a large decorative step number placed directly beside the H2 section title. Should the decorative step numbers use 48px bold saturated black while the H2 title uses 24px medium grey? | pass→pass | 9,346 | 5,519 | -41% | 1 | 1 | 0% | 1,620 | 1,165 | -28% | 0 | 0 | — |
▸case-05 In a single feature comparison section, the first two cards use '01' and '02' in monospace, but the third card uses Roman numeral 'III' in serif because it represents a key milestone. Provide feedback on this styling choice. | pass→pass | 9,421 | 5,372 | -43% | 1 | 1 | 0% | 1,677 | 1,039 | -38% | 0 | 0 | — |
▸case-14 What visual contrast level should be applied to background section markers to achieve an architectural, subtle structural feel rather than a prominent callout? | pass→pass | 13,449 | 2,148 | -84% | 1 | 1 | 0% | 2,305 | 516 | -78% | 0 | 0 | — |
▸case-06 Design a set of 4 feature highlight cards. The user suggests placing the marker on the top-right corner for card 1, bottom-left gutter for card 2, top-left alignment for card 3, and floating centered for card 4. How should marker positioning be specified? | pass→pass | 12,244 | 11,745 | -4% | 1 | 1 | 0% | 2,419 | 2,940 | +22% | 0 | 0 | — |
▸case-07 A developer wants to use the decorative '01' step marker span element as the main accessible screen-reader H2 text for a feature card title, omitting any standard text heading. Review this layout structure. | pass→pass | 11,684 | 6,721 | -42% | 1 | 1 | 0% | 2,091 | 1,321 | -37% | 0 | 0 | — |
▸case-08 An onboarding workflow shows sequence indicators '1', '2', '3', '4', '5' along a horizontal rail. Recommend the exact digit formatting pattern for these structural background numbers. | pass→pass | 10,498 | 5,079 | -52% | 1 | 1 | 0% | 1,855 | 1,051 | -43% | 0 | 0 | — |
▸case-09 A landing page hero section features a prominent primary 'Get Started' call-to-action button placed near an architectural '01' background marker. The designer wants to give the '01' marker a glowing primary neon shadow to draw the eye first. Assess this suggestion. | pass→pass | 11,575 | 5,058 | -56% | 1 | 1 | 0% | 1,879 | 1,023 | -46% | 0 | 0 | — |
▸case-10 Specify the typographic properties (font width/family and casing) for gutter number markers in an architecture firm portfolio page. | pass→pass | 10,029 | 4,556 | -55% | 1 | 1 | 0% | 1,758 | 963 | -45% | 0 | 0 | — |
▸case-11 A component template passes raw step indices `index + 1` resulting in '1', '2', '3'. How should the display strings for architectural section markers be formatted before rendering? | pass→pass | 8,951 | 3,867 | -57% | 1 | 1 | 0% | 1,546 | 894 | -42% | 0 | 0 | — |
▸case-12 In a 4-step process section, a design candidate used '01.' (with period) for step 1, '02' (no period) for step 2, and 'STEP 03' for step 3. What design correction should be issued? | pass→pass | 5,456 | 2,665 | -51% | 1 | 1 | 0% | 998 | 636 | -36% | 0 | 0 | — |
▸case-13 For an editorial layout with left-gutter numbers, should the vertical spacing and margin between the numbers and body content vary depending on the length of each paragraph? | pass→pass | 9,976 | 5,472 | -45% | 1 | 1 | 0% | 1,678 | 1,052 | -37% | 0 | 0 | — |
▸case-16 When selecting typography for two-digit section accents, is lowercase proportional script recommended or mono/narrow uppercase? | pass→pass | 12,319 | 2,613 | -79% | 1 | 1 | 0% | 2,010 | 496 | -75% | 0 | 0 | — |
▸case-17 A product owner insists that the two-digit background marker '01' should be the primary semantic text used by web crawlers to identify the core topic of a feature card. Is this appropriate? | pass→pass | 10,451 | 7,639 | -27% | 1 | 1 | 0% | 1,839 | 1,466 | -20% | 0 | 0 | — |
▸case-18 Provide layout rules regarding the visual hierarchy relationship between subtle decorative step numbers and primary action buttons (CTAs). | pass→pass | 14,282 | 6,286 | -56% | 1 | 1 | 0% | 2,405 | 1,301 | -46% | 0 | 0 | — |
▸case-19 We are designing a pagination component for a high-density data table with 15 pages. A designer suggested formatting the page navigation numbers as low-contrast zero-padded '01', '02', '03' markers opacity-faded into the table background so they act as decorative visual accents. Evaluate this proposal for pagination controls. | pass→pass | 13,466 | 8,743 | -35% | 1 | 1 | 0% | 2,183 | 1,605 | -26% | 0 | 0 | — |
▸case-20 In an end-user support documentation article detailing troubleshooting steps, the author wants to hide standard semantic ordered list numbers and replace them with static low-contrast '01', '02' background visual markers across the layout. How should sequential steps in body documentation content be formatted? | pass→pass | 12,390 | 9,131 | -26% | 1 | 1 | 0% | 2,301 | 1,814 | -21% | 0 | 0 | — |
▸case-21 In an administrative dashboard table showing financial transactions, the PM suggests using low-contrast 10% opacity zero-padded numbers '01', '02', '03' for the row index column to make it look like decorative layout trim. Should table row numbers in data grids use decorative architectural marker styling? | pass→pass | 11,416 | 6,459 | -43% | 1 | 1 | 0% | 1,937 | 1,328 | -31% | 0 | 0 | — |
▸case-22 For a grid of 12 items, the designer wants items 1 to 9 to show single digits '1' through '9', but items 10 through 12 to show '10', '11', '12'. How should this be standardized? | pass→pass | 9,430 | 5,154 | -45% | 1 | 1 | 0% | 1,693 | 1,070 | -37% | 0 | 0 | — |