AI Slop: Why your AI designs look bad, and how to fix it
Author: Neta Dror (Hadigitalit.com) Date: Apr 28, 2026 Event: AI & Vibe Coding Bootcamp for Builders @ Google for Startups Source: https://x.com/netadror/status/2049581817229983932 Slides: https://hadigitalit.com/#guide-1 design-guidelines-template: https://gist.github.com/netadror/b59b99b6b01c8d9bdc78a3d7a5929caa
AI Slop Why your AI designs look bad, and how to fix it. A practical guide & key takeaways for building with AI.
Neta Dror
Hadigitalit.com
Apr 28, 2026
01 · Why it matters
1 Design is not a matter of taste. It’s about helping you succeed.
Trust. Brand. Money.
You're asking people for their Everyone builds fast with the A landing page has ~3 seconds to
money, data, and time.Design same AI tools = everyone looks capture a user. Onboarding has
is the first handshake with your the same. Your colors, voice, ~60 seconds to show the wow
customer. If the product looks copy, and small details help moment. A confusing UI
like AI slop, it signals customers tell you apart from means frustrated users who
amateurism. competitors. leave.
hadigitalit.com | Neta Dror ©
01 · Why it matters
1 What makes your designs look like AI-Slop? The classic AI slop symptoms
✗ Everything is purple ✗ Heavy gradients
✗ Same fonts everywhere (Inter) ✗ Poor spacing
Cringey copy: "revolutionary",
✗ Emojis as icons ✗
"game-changing"
✗ Huge border-radius (everything round) ✗ Dark mode / no accessibility
✗ Weak headlines, no brand tone ✗ Fake testimonials
✗ Feature lists instead of benefits ✗ Wrong page structure
hadigitalit.com | Neta Dror ©
02 · Good design anatomy
2 The anatomy of a good landing page Good structure = better conversion
Hero + CTA 1 How it works 2 Benefits-Focused 3
Clear main message + 3 simple steps showing the What the product gives. Not
subtitle explaining what the process. Removes barriers a feature list — what does
product does + value + and builds trust. the user gain from each.
action button.
Social Proof 4 CTA #2 5 Footer 6
Testimonials, customer Repeat the call to action. If Links, social media, terms of
logos, numbers ("10,000+ someone scrolled this far, use, contact. Professional
users"). People trust people. they're interested. Let them and clean.
sign up.
hadigitalit.com | Neta Dror ©
03 · How to get good design from AI
3 3 Action Items to do today.
01 Add a design system file (example below)
Create design-guidelines.md and reference it in Claude.md for all design decisions. Ask the agent to
guide you, what to add and how to follow best practices for this type of file.
02 Audit your page structure
Check: Hero → How it works → Benefits → Social Proof → 2nd CTA → Footer. In that order.
03 Fix the copy
- Write a clear Hero headline: what it does + for whom + what value.
- Test: can a stranger understand it in 5 seconds?
- Remove: "revolutionary", "game-changing", "seamless". Replace with concrete benefits and real
numbers.
hadigitalit.com | Neta Dror ©
03 · How to get good design from AI
3 design-guidelines-template.md Copy text below and save as .md, or download template from public link # Design Guidelines
## Brand
- Product name: [YOUR PRODUCT]
- Tagline: [one sentence — what it does + for whom]
- Tone of voice: [e.g. friendly, professional, playful]
## Colors
- Background: #FFFFFF
- Primary (text, headings): #1A1A1A
- Accent (buttons, links, highlights): [#YOUR_HEX]
- Secondary / muted: [#YOUR_HEX]
## Typography
- Headings: [Font name], bold https://gist.github.com/netadror/b59
- Body: [Font name], regular, 16px
- Load from Google Fonts: [URL] b99b6b01c8d9bdc78a3d7a5929ca
## DO
a
- Light, clean, minimal design with plenty of whitespace
- Mobile responsive, accessible (contrast ratio 4.5:1+)
- Benefit-focused copy with concrete numbers
- Consistent spacing (8px grid)
- Real testimonials with names and photos
## DON'T
- NO gradients, NO purple/indigo palette
- NO emoji as icons, NO border-radius > 12px
- NO "revolutionary", "game-changing", "seamless", "powerful"
- NO dark mode unless explicitly designed for accessibility
- NO fake testimonials or stock-photo people
## Page Sections (in order)
1. Nav / Logo
2. Hero + CTA (headline + subtitle + action button)
3. How It Works (3 steps)
4. Features / Benefits
5. Social Proof / Testimonials
6. CTA #2
7. Footer
hadigitalit.com | Neta Dror ©
04· AI-first design
4 But we’re AI-first now. Yes, but it’s too early to just ignore what we know.
- Moving from traditional UI → AI-first, goal-driven interfaces.
- Generative UI and agent-led experiences are coming, but still unsolved.
- Big open questions: trust, control, onboarding, maybe no UI at all.
- Core UX principles still apply. Don't skip them just because the tools changed.
hadigitalit.com | Neta Dror ©
Summary
01 Design matters. It’s about trust, brand, and money. Not taste.
02 Spot AI slop: purple, gradients, same fonts, cringey copy.
03 Good prompt + design system file = dramatically better AI output.
04 AI-first design is just starting but the proven UX rules still apply.
hadigitalit.com | Neta Dror ©
Thanks :) Visit my website for more lectures, live streams and guides or follow my socials
in X ▶
Neta Dror @netadror @NetaDror
LinkedIn Twitter / X YouTube