Slop patterns
on your website

+100 patterns that give away an AI-built site, gathered from what's already been documented.

Drawn from Impeccable, Anthropic's frontend-design, taste-skill, DeSlop, anti-ai-slop, Hacker News.

A soft card with an iconComponents
Buttons that say nothingCopy
Inter for everythingType
Three identical icon cardsLayout
Purple-to-blue gradientColor
People smiling at a laptopImagery
Everything fades up on scrollMotion
An icon tile above every headingIcons
A colored side borderComponents
“Unlock the power of…”Copy
The other usual typefacesType
Cards inside cardsLayout
Tailwind's indigo buttonColor
Pastel isometric illustrationImagery
Every card lifts on hoverMotion
Emoji as iconsIcons
A thick top border on a rounded cardComponents
Seamlessly, effortlesslyCopy
A thin serif to look editorialType
Huge number, tiny labelLayout
The stock palette as a brandColor
Abstract shapes instead of photosImagery
Bouncy elastic easingMotion
Lucide line icons, untouchedIcons
A hairline border with a huge shadowComponents
“The AI-powered platform for modern teams”Copy
A serif with one word in italicsType
Numbered steps 01, 02, 03Layout
Cyan or neon on blackColor
Aurora backgroundImagery
A blinking cursor in the headlineMotion
A sparkle to say “AI”Icons
Frosted glass everywhereComponents
“Everything you need, in one place”Copy
One highlighted word in the headlineType
The usual sections in the usual orderLayout
Black with one acid accentColor
A made-up phone with gray screensImagery
Logos scrolling foreverMotion
An arrow after every linkIcons
Extreme rounding on everythingComponents
“Take your business to the next level”Copy
A pill above the headlineType
Centered hero with two buttonsLayout
Cream, serif and terracottaColor
Photos cropped into blobsImagery
transition: all on everythingMotion
A bolt or sparkle in a square as the logoIcons
Every button is primaryComponents
A subline that repeats the headlineCopy
An uppercase label above every headingType
Everything centeredLayout
Cold grays with no hueColor
A photo buried under an overlayImagery
Numbers that count upMotion
A list of check marksIcons
Decorative charts that measure nothingComponents
Benefits that fit any productCopy
A label that repeats the headingType
Every section on the same templateLayout
Blurry blobs of colorColor
The image that never loadedImagery
Things floating for no reasonMotion
A spinner instead of contentComponents
“Not X. It's Y.”Copy
A five-line headlineType
Everything has equal weightLayout
A halo behind the headlineColor
Graph-paper backgroundImagery
A pulsing dot next to “live”Components
“No fluff. Just results.”Copy
Letters squeezed until they touchType
The same gap between everythingLayout
A gradient buttonColor
Dotted backgroundImagery
A spinning gradient borderComponents
Fast. Simple. Secure.Copy
Monospace as a tech costumeType
Bento gridLayout
A gradient CTA bandColor
Filler diagonal stripesImagery
“Trusted by” and made-up logosComponents
Em dashes everywhereCopy
A system font as the display faceType
Zigzag feature rowsLayout
Gradient textColor
Grain and noise for textureImagery
Testimonials nobody wroteComponents
Round numbers nobody measuredCopy
No type scaleType
One narrow centered columnLayout
Gray text too light to readColor
Testimonial carouselComponents
Jane Doe at Acme Inc.Copy
WORD — fragmentType
Broadsheet costumeLayout
Glowing bordersColor
A window full of gray barsComponents
Rockets and sparkles in the copyCopy
Facts separated by middle dotsType
Template neobrutalismLayout
A different-colored badge for every statusColor
A made-up terminalComponents
“Oops! Something went wrong”Copy
Title Case On Every WordType
A modal for everythingLayout
Initial avatars and “+2,000”Components
“Why choose us?”Copy
Full-screen hero with a scroll cueLayout
shadcn straight out of the boxComponents
Urgency that resets on reloadCopy
Floating pill navbarLayout
Every field requiredComponents
“The future of X is here”Copy
Logo, three links and a buttonLayout
Six fields for a newsletterComponents
Copy explaining how to use a controlCopy
Footer with columns of linksLayout
The builder's badge left in the cornerComponents
“Updated 2 minutes ago”Copy
Three tiers, the middle one “Most popular”Layout
“No items yet”Components
Calling everything “theater”Copy
FAQ accordionLayout
Talking like the system, not the personCopy
Template dashboardLayout
“Good afternoon, Alex 👋”Copy
Dark and neon because it's “for developers”Layout
Emoji in headingsCopy
How to view the patterns