Avoiding AI design slop on startup landing pages

Executive overview

AI coding tools make it trivially easy to add purple gradients, scroll-jacking, and hover effects. Because these patterns were trained from popular sites, every LLM-generated page now looks the same. The savings in build time are real, but the cost is brand differentiation and conversion.

The core insight: just because something is easy to build doesn't mean it should be built — founders must be the editor, not just the prompter.

The AI design slop patterns to avoid

• Purple gradients are now so ubiquitous they signal "AI-designed" rather than distinctive brand
• Dumb hover effects — elements that fade out or disappear on hover — invert the goal of inviting a click
• Scroll-jacking hijacks native browser scrolling; users lose their sense of where they are on the page
• Animations for animation's sake — meteors, chasing buttons, SVG line tracers — distract from the message and would never be built by hand
• Fade-in sections on a timer can cause users to scroll past content before it appears
• Hiding critical functionality behind hover fails on mobile and forces users to hunt for features

When AI-generated effects actually work

• Hover animations on cards that reinforce the product concept (e.g. multiplayer controllers with lightning) are tasteful and now essentially free to build
• Subtle color-shift hover effects that make an element feel more clickable are appropriate — one shade lighter, a small glow
• Building out genuine product interactions (e.g. an embedded playable game) directly on the landing page demonstrates the product credibly
• The browser's built-in cursor hand already signals interactivity — CSS hover effects should add to that, not replace it

What LLMs get wrong about information hierarchy

• Multiple competing text styles on a single hero — LLMs add extra label layers that a trained designer would cut
• Fake dashboard screenshots with red/green/blue/purple callouts are a recognisable AI tell
• Bento box icon-plus-text grids are common LLM defaults; they read as unoriginal
• Emojis used as icons signal the LLM took the easy path rather than developing real brand IP
• Navigation items that reorder or shift on click (auto-advancing carousel logic) confuse users who expect stable UI

The conversion-focused view of a landing page

• A landing page is a customer acquisition channel, not a creative portfolio
• The hero H1 should answer: what is it, who is it for, why should that person care
• All assets must be high-resolution; blurry hero images suggest careless execution
• Visual consistency must hold across all sections — inconsistency signals different parts were generated in separate sessions without review
• Avoid filling space with vague metrics ("10x everything") that feel made up
• Do not prompt users to scroll down — let partially visible content below the fold do that naturally

QA and brand discipline

• One-shotting a landing page means founders rarely use it with the same attention they'd give hand-built code — bugs slip through
• Go through every interaction manually: hover states, click targets, scroll behaviour, menu transitions
• Start from brand intent — colour palette, voice, differentiation — before prompting the AI, not after
• Use AI to execute a clear creative brief, then evaluate the output; do not accept all changes uncritically
• The time saved generating the page should be reinvested in tightening messaging and originality, not left as-is