What counts as slop
Slop is not the same as ugly. Slop is a page where nobody decided anything: the defaults a generator hands out, left as they came.
It shows in thirteen places. For each one, a site Rais scored 1 and a site he scored 5.
First impression
Slop. You have seen this page before, on a hundred other products. A dark background, a glow, a centred headline, two buttons.
Clean. You can tell what it is and who made it before you read a word.
Layout
Slop. Hero, three feature cards, pricing, footer. The same order whatever the product is.
Clean. The structure follows the content. Sections look different because they hold different things.
Type
Slop. The generator's default font for everything, a heavy headline, grey body text.
Clean. A typeface chosen for this site, with sizes and weights that give each kind of text its own job.
Colour
Slop. Near-black with a neon accent, or a purple gradient. Colours nobody chose.
Clean. A small palette that belongs to the subject and holds on every screen.
Spacing
Slop. The same gap between everything, so nothing belongs to anything. Or one small block lost in an empty screen.
Clean. Related things sit close, separate things sit apart, and the empty space is part of the composition.
Outlines
Slop. A thin grey border round every card, input and pill.
Clean. Few borders, or none. Space and fill do the separating.
Effects
Slop. Glow, glass blur and soft shadows, added for polish.
Clean. Flat, or one effect that belongs to the idea of the site.
Images
Slop. Stock photos, generated art, or no picture of the product at all.
Clean. Pictures made for this site: the product itself, real photography, drawn work.
Icons
Slop. A row of library icons in tinted rounded squares. Emoji standing in for artwork.
Clean. Icons drawn for the subject. Or none, because the type carries it.
Animations
Slop. Things fade in, pulse and float for no reason.
Clean. Motion that explains something, or is the experience. Or stillness, where stillness reads better.
Copy
Slop. "Supercharge your workflow." Claims that fit any product.
Clean. Sentences only this site could have written: real numbers, real names, a voice.
Links
Slop. Buttons that go nowhere, a menu of placeholders, "Get started" five times.
Clean. Every link has a reason and a real destination.
Mobile
Slop. The desktop page squeezed into a column, with text spilling off the screen.
Clean. Recomposed for a phone: type, order and pictures set for the small screen.