Design Guide
Summary
A practical field guide designed to help creators identify and remove 'AI slop'—the repetitive, tasteless design clichés common in 'vibe-coded' products. It provides a catalogue of 23 specific visual 'tells' with interactive before-and-after comparisons to teach cleaner, more intentional design.
Highlights
- Defines 'AI slop' as the excessive use of gradients, glowing glass cards, and emojis to mimic high-end design without actual taste.
- Identifies 23 specific visual patterns or 'tells' that characterize machine-generated aesthetics.
- Features an interactive HTML-based catalogue allowing users to toggle between 'slop' and clean design alternatives.
- Categorizes design flaws into 'classic slop' and 'evolved slop' to address both old and emerging trends.
auto-generated
Context
Audience
Product Designers, UI/UX Designers, and Frontend Developers
DomainUI/UX Design
Formatinteractive web guide
Accessfree online
Related
UI/UX DesignMinimalist DesignGenerative AI AestheticsVisual Design PrinciplesProduct Design