supabase.com
scanned 2026-09-16 01:41 UTC · defs 2026.09
category overview
the breakdown
4 of 27 patterns flaggedAI-default font stack (Inter / Geist / Space Grotesk)
Slop fonts
Inter, Geist, Space Grotesk, and Instrument Serif (italic) are the four fonts LLMs default to because Stripe/Linear/Vercel standardized them and training data is saturated with them.
Gradient-heavy backgrounds (5+ elements)
Gradient bgs
5+ gradient-background elements means decorative blobs, glows, conic rainbow swirls, or 'aurora' panels everywhere.
Identical feature cards with icon on top
Icon cards
3+ identical feature cards, each with a small icon on top, then a 2-3 word title, then a one-sentence description.
Bento-grid wall — mixed-span rounded card grid
Bento grid
A wall of heavily-rounded cards at mixed column/row spans — the Apple-keynote 'bento box'.
✓ clean, no tells in this category.
✓ clean, no tells in this category.
the four axes
slop: lower is better · system & AEO: higher is better
design slop
20/100
Mild
copy slop
not run
system · DESIGN.md
none
no DESIGN.md
AEO · agent-readable
not run
scan to evaluate
You've seen the score. Now fix it.
4 tells, heaviest first.
AI-default font stack (Inter / Geist / Space Grotesk)+8
whyInter, Geist, Space Grotesk, and Instrument Serif (italic) are the four fonts LLMs default to because Stripe/Linear/Vercel standardized them and training data is saturated with them. Using any of these signals 'AI-built' to anyone who's looked at more than 10 landing pages in 2026.fixReplace the body and heading typefaces with something that actually reflects your brand. Pick from foundry sans (Söhne, Aeonik, GT America, Untitled Sans, Suisse Int'l, Pangea, Telegraf, Object Sans) OR a system-font stack (`-apple-system, BlinkMacSystemFont, Segoe UI`) for body + a single distinctive display face for H1.ruleIf you can't name the foundry, don't ship the font. Inter/Geist/Space Grotesk are banned for this site.
Gradient-heavy backgrounds (5+ elements)+4
why5+ gradient-background elements means decorative blobs, glows, conic rainbow swirls, or 'aurora' panels everywhere. This is the AI template equivalent of a 2008 MySpace page.fixAim for zero decorative gradients. At most ONE subtle gradient if it has structural purpose (a section background that aids hierarchy). Replace decorative gradients with: solid color blocks, a single tasteful photograph, real product UI screenshots, or negative space.rule≤1 gradient element total on the page.
Identical feature cards with icon on top+4
why3+ identical feature cards, each with a small icon on top, then a 2-3 word title, then a one-sentence description. This is the single most-copied component from Tailwind UI and shadcn. Every AI-generated landing page has one.fixReplace the grid with something that shows the actual product. Options: (a) one large annotated product screenshot with callouts, (b) a comparison table, (c) a vertical scrolling list with one row = one feature + real screenshot, (d) a single demo video. If you must keep cards, vary their sizes and use real product imagery instead of generic icons.ruleNo grid of ≥3 sibling cards each with a top-aligned icon. If you have a feature grid, ≥1 card must contain a real product screenshot, not a generic icon.
Bento-grid wall — mixed-span rounded card grid+4
whyA wall of heavily-rounded cards at mixed column/row spans — the Apple-keynote 'bento box'. Every AI builder ships this section now, so a varied-span rounded grid reads as a template default rather than a considered layout.fixDecide what the section is actually for, then pick the simplest layout that serves it. If the cards are equal in importance, use a plain uniform grid or a list. If one thing matters most, make it big and the rest small — but justify the asymmetry with content hierarchy, not decoration. Drop the uniform 16px+ corner radius; tighten spacing.ruleNo mixed-span rounded-card 'bento' wall unless each span maps to real content priority.
npx slop-detect supabase.com --fix