Why AI-Generated UIs Look 'Off' — and the One Principle That Fixes It

Short summary

AI-generated UIs feel 'off' because each component independently reverts to training-data defaults, losing visual coherence. The fix: establish one value per design axis (radius, shadow, accent, spacing, icons, type, motion, height) and apply it everywhere—coherence requires consistency, not uniformity. Implement via CSS tokens and systematic design rules.

• •AI generates UI components in isolation, each reverting to its training-data mean, destroying overall visual coherence
• •Visual coherence = picking one value/family per design axis and repeating it consistently across the entire product
• •Implement via CSS tokens, nested radius math, stacked shadows with hue tinting, and systematic design decisions

Generated with AI, which can make mistakes.