slop.graphics Sign in

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.