How to ship a website that doesn't look AI-generated

You can spot an AI-generated website in about three seconds. Purple-to-blue gradient hero. Centered H1 in Inter Bold. Three feature cards in a row. Testimonials with round avatars. "Built with ❤️" footer. The same site, over and over, in different colour schemes.

In 2026, this is the default output of Bolt, v0, Lovable, and most AI coding assistants when given a vague prompt. They're not bad at following instructions — they're extremely good at producing the median result. The median result is forgettable.

This post breaks down exactly what makes AI-generated sites recognisable, and five specific techniques to make yours look like a senior studio built it instead.

Why AI sites look the same

AI models are trained on the entire web. The most common website patterns — centered hero, feature grid, testimonial section — are the most represented in training data. When you ask for "a landing page," the model outputs the statistical average of all landing pages it has seen. That average is extremely generic.

The second reason is specificity of prompts. "Build a landing page for my outdoor brand" is a command. "Build a landing page with a left-aligned hero, Bebas Neue at 120px viewport-scale, a volt (#d4ff00) accent applied only to the product name and CTA, and a product selector that transitions the full-bleed background image with a GSAP wipe" is a directive. The second prompt produces a different result.

The problem is that most founders and developers don't know exactly what design decisions to specify — because those decisions are the skill of a senior designer.

The 5 most AI-generated patterns (and how to break them)

1. The centered Inter hero

Centered headline in Inter or DM Sans over a gradient background is the single most recognisable AI tell. Fix: go left-aligned with a specific typeface. Bebas Neue for bold editorial. Cabinet Grotesk for minimal editorial. Space Grotesk for tech. Set a specific max-width on the headline (14-22ch). Don't let it center automatically.

2. The three-card feature grid

Three equal-width cards in a row is how AI models interpret "show the features." Real studio sites use unequal columns, full-bleed sections, alternating text-image splits, or horizontal scroll. If you have three features and you're putting them in equal-width boxes, that's the AI default. Break the grid intentionally.

3. Generic animations

Fade-in-from-below on every section is CSS animation on autopilot. Studio sites use specific animation choices for specific reasons: a clip-path reveal that shows the image from left to right (Aura's reveal pattern), a GSAP loading bar that controls the pace of the page's first impression (Forge's intro), a magnetic button that responds to cursor proximity (both kits). Each animation is a design decision, not a default.

4. AI-written placeholder copy

Copy like "Elevate your experience with our innovative solution" or "Craft your journey with premium quality" is immediately identifiable as AI placeholder text — or worse, as the kind of copy AI generates when given no specific context. Real editorial copy is specific: it names the actual product, mentions actual materials, and uses a voice specific to the brand's location and audience.

5. Purple gradients and glassmorphism

The AI UI palette of 2024–2026: purple-to-violet gradient, blurred glass cards, glow effects. It communicates nothing specific about the brand. Replace with a single-colour accent at most (one hex, applied deliberately), a neutral base, and high contrast. Less is more specific than more is less.

The shortcut: start from a template that doesn't look like a template

The most reliable way to avoid the AI aesthetic is to start from a design that was built intentionally against it. Promti kits are built by a designer who spent years studying what makes sites look studio-built vs. AI-generated, then encoded those decisions into production HTML.

Summary

AI-generated sites look the same because AI models output the statistical average of what they've seen. Breaking out requires specificity: named typefaces with specific size values, explicit layout structures that aren't centered-hero-three-cards, animation choices with specific timing, and brand copy that references the actual product. The shortcut is starting from a design that already encodes those decisions.

The goal isn't to hide that you used AI. It's to use AI to ship something that looks like the work of a person with taste — not the work of a model optimising for the median.