// error.log

AI Design No-Nos

General design habits, with separate collections for each AI tool's fingerprints.
Roast my design →
warning_01.err

Purple-to-blue gradient on white

✕ Bad: Every hero uses an indigo/violet gradient on a white page.

✓ Better: Pick a palette from a real reference style and commit to it; use gradients only where they mean something.

warning_02.err

Inter (or Poppins) everywhere

✕ Bad: One default sans for headings, body and buttons.

✓ Better: Pair a characterful display face with a readable body font; match the type to the brand's mood.

warning_03.err

Hero + 3 feature cards + CTA + footer

✕ Bad: The same five-block landing page for every product.

✓ Better: Design around the content: editorial spreads, bento grids, a single bold statement, a product demo.

warning_04.err

Emoji as icons

✕ Bad: 🚀 ✨ 💡 sprinkled in headings and feature lists.

✓ Better: Use one consistent icon set, custom illustrations, or none at all.

warning_05.err

Rounded-2xl everything

✕ Bad: Identical large radius and soft shadow on every card and button.

✓ Better: Choose a shape language deliberately: sharp, pill, or mixed, and apply it with intent.

warning_06.err

Glassy blur for no reason

✕ Bad: Frosted glass panels over plain backgrounds where nothing shows through.

✓ Better: Use blur only over rich imagery; otherwise solid surfaces read better.

warning_07.err

Vague hype copy

✕ Bad: "Unlock your potential with our revolutionary AI-powered platform."

✓ Better: Write specific, concrete headlines about what the product does for whom.

warning_08.err

Centered everything

✕ Bad: Every section is centered text in a narrow column.

✓ Better: Use left-aligned text, asymmetric grids, and varied section layouts.

warning_09.err

Fake stats and testimonials

✕ Bad: "10,000+ happy customers" and stock-photo quotes from Jane D.

✓ Better: Leave them out until real ones exist, or show real product proof.

warning_10.err

Gray-on-gray low contrast

✕ Bad: Light gray body text on white backgrounds.

✓ Better: Meet WCAG AA contrast; let hierarchy come from size and weight, not faded color.

warning_11.err

Gradient text on every heading

✕ Bad: bg-clip-text gradients on all headings.

✓ Better: Reserve special treatments for one hero moment.

warning_12.err

Generic stock 3D blobs

✕ Bad: Floating abstract 3D shapes with no relation to the product.

✓ Better: Show the actual product, real photography, or purpose-made illustration.

warning_13.err

Same spacing everywhere

✕ Bad: Uniform padding makes every section feel equally important.

✓ Better: Use rhythm: tight groups, generous breaks, and deliberate density changes.

warning_14.err

Default shadcn look untouched

✕ Bad: Slate gray, default radius, default buttons.

✓ Better: Retheme tokens: colors, fonts, radius, borders, to match a chosen style.

Get the newsletter

Great designs and de-slop tips. What's in it

Great designs, de-slop tips, now and then. Unsubscribe any time.