What is AI slop in web design?
AI slop in web design is a site shipped exactly as the generator made it, with nobody deciding anything. You notice it because it looks like thousands of others.
"Slop" is the word people settled on for mass-produced AI content published without anyone checking it. On the web it has a very recognizable shape: the purple gradient, three icon cards, a headline promising to "supercharge your workflow". Spend an hour on X or Product Hunt and you'll see it everywhere.
What most articles miss is that this list is already out of date. The tools learned to hide the obvious stuff, and today's slop is harder to see. This guide covers the classic tells, the newer ones, and what actually weighs the most, based on what we measured while building the Slop Score.
Why AI-built websites all look alike
A language model picks the most likely option. Ask it for "a modern landing page" and nothing else, and you get the average of every landing page it has seen: Tailwind with its stock values, untouched shadcn/ui components, whatever font came with the template, and copy that appears on thousands of product pages.
None of those pieces is wrong on its own. The trouble starts when they all arrive together, unchanged. The site has no decisions of its own, and visitors feel it even if they can't name it.
The classic tells
These show up on every list, and they still hold for sites generated up to 2025:
- A purple or indigo gradient on the hero and the buttons, inherited from the color Tailwind used in its examples.
- Inter everywhere, or the system font, with no second typeface to give it character.
- Three identical cards with an icon on top, one per benefit, with the same corner radius as everything else.
- Copy that fits any product: "Unlock the power of…", "Elevate your business", "Seamless". If you can swap the product name and the sentence still works, it's slop.
- Testimonials nobody wrote: five stars on every card, single-letter avatars and names like "Sarah Johnson" or "David Chen".
- A Lucide icon as the logo: a sparkle, a bolt or a robot inside a gradient square.
The newer tells almost nobody checks
Since 2026 several generators tell the model to avoid purple, so plenty of new sites don't have it. What shows up instead is another recipe, just as repetitive:
- shadcn's neutral grays plus one accent from the Tailwind palette (a green, orange or blue at 500 or 600). It looks restrained, but it's still the stock values.
- Cream background, serif headlines and a sage green or terracotta accent. The "editorial" look the models themselves landed on when asked for something different.
- Tiny uppercase labels with wide letter spacing above every heading.
- Decorative middle-dot lines: "Design · Code · Strategy".
- An arrow at the end of every button, and a pulsing dot next to something that isn't live.
- Cards that lift on hover even though you can't click them.
- A subheading that repeats the heading in different words.
In fairness: this site uses small grey labels and a green dot next to the price. One tell on its own means nothing; well-designed sites use these too. What gives a site away is the pile-up, and the fact that nobody chose any of it.
The strongest tell isn't a color
When we calibrated the Slop Score against sites made by designers, the thing that separated generated sites best wasn't purple or the font. It was not having changed a single default: every margin and every font size landed exactly on Tailwind's scale, and every block was centered under the previous one.
A designer breaks that scale without thinking about it: a headline bigger than it "should" be, tighter spacing where two things belong together, a column pushed to the left. Those small decisions are what make a site feel considered.
We later scanned 197 websites to see how often each tell shows up and how much it weighs. The numbers, including which popular tells prove nothing, are in what gives AI-built websites away.
Builder fingerprints
Some tells aren't about design but about provenance, and they're almost never wrong: the site lives on the builder's domain (lovable.app, bolt.host), the <title> is a hyphenated project name, or the images are called hero-image and guarantee-badge. This guide to Lovable, v0 and Bolt sites lists what each one leaves behind.
Showing which tool you used isn't a problem in itself. But if a visitor recognizes it, they've already made up their mind about you before reading what you offer.
How to check your own site
- Cover the logo. Could this be a competitor's site without changing anything else?
- Read the headline out loud. Does it say what you do, or does it just promise something?
- Count the sections with three matching cards.
- Check for at least one photo or screenshot that's genuinely yours.
- Paste your link into the Slop Score. In a minute it tells you which tells it found and which ones weigh most.
If you found several, how to make your website not look AI-generated lists the fixes in the order they pay off.
Frequently asked questions
What does AI slop mean?
It's content mass-produced with AI and published without review: text, images or websites that look generic because nobody made a decision about them. On a website, it's the generator's defaults shipped as they are.
How can you tell if a website was made with AI?
Look for several tells together: an untouched spacing scale, three icon cards, copy that fits any product, five stars on every testimonial, and builder fingerprints in the domain or the code. One tell alone isn't enough.
Is it bad to build a website with AI?
No. The problem is shipping the first output without deciding anything. An AI-built site can look great if someone chooses the type, the palette, the structure and the copy.
Is the purple gradient still the main sign of an AI website?
Not anymore. Many generators now tell the model to avoid it, so new sites come out in neutral gray with one accent, or cream with a serif. The strongest tell today is not having changed any defaults.