Anti-AI Design System Rules

Apply these constraints to every frontend artifact (HTML/CSS/JS, Astro, React, Vue) to eliminate generic AI-generated aesthetics. These are hard constraints, not suggestions.

Color System

• Define CSS variables: --color-primary, --color-secondary, --color-neutral-*, --color-success, --color-warning, --color-error
• Backgrounds: white (#ffffff) or light gray (#f8f9fa, #f3f4f6) only
• No gradients on backgrounds or buttons
• No blue-purple gradients (linear-gradient with purple/violet/indigo) anywhere
• No neon colors, no rainbow palettes
• No more than 3 brand colors in any single view
• Text colors: #111827 (primary), #6b7280 (secondary), #9ca3af (tertiary)

Typography