10 Tells of a Slop UI
2 hours ago
- The college app update had 'minor UI improvements' that resulted in a slop-coded interface, worse than the old clunky UI.
- Slop UI is AI-generated design that looks off, purposeless, overly generic, and results from vibe-coding without a clear vision.
- Common slop signs include excessive use of gradients, especially purple, and rainbow color vomit without following the 70-30-10 rule.
- Pulsing badges are added redundantly, like an 'active' badge that never changes or a 'verified' badge with no real verification.
- Fingernail cards are overused by LLMs in every vibe-coded UI, making designs feel cheap and repetitive.
- AI loves emojis, misaligned elements, and specific fonts like Inter or JetBrains Mono, often with unnecessary slashes like //.
- Redundant text appears from chat context, e.g., 'Built with Hugo. Written from Neovim' or taglines like 'one campus. one app.'
- Glassmorphism is another favorite, with brutalism looking identical across sites when used.
- Generic taglines and hype words like 'Elevate', 'Seamless', 'Next-Generation' treat every screen as a landing page rather than a functional tool.
- The author concludes that slop UI stems from lack of effort and vision, not from vibe-coding itself.