This test compares how AI systems interpret semantic HTML (meaningful CSS class names like in-stock, urgent-hiring) versus utility CSS classes (Tailwind classes like bg-green-500, border-orange-500). Both versions render identically to humans, but the class names carry different semantic signals.

Test Pages

Product Page

• Product Page (Semantic) - Uses semantic class names
• Product Page (Tailwind) - Uses utility class names

Job Listing

• Job Listing (Semantic) - Uses semantic class names
• Job Listing (Tailwind) - Uses utility class names