slop.graphics How it works What counts as slop Compare About Sign in

Thirteen things it looks at

Each one is scored from 1, slop, to 5, clean. The slop score is how far the site is from clean.

See slop and clean, side by side
First impression
The whole site at a glance, before looking closer
Layout
Structure, sections, grids, hierarchy
Type
Fonts, sizes, weights, headings
Colour
Palette, contrast, accents
Spacing
Padding, gaps, rhythm, alignment
Outlines
Borders, hairlines, dividers
Effects
Gradients, glows, shadows, blur
Images
Photos, illustrations, mock-ups
Icons
Icon set, emoji, how they are used
Animations
Motion on load, scroll and hover
Copy
Headlines, body text, labels, tone
Links
Navigation, buttons, where they lead
Mobile
How it holds up on a phone

Scanned so far

The full report

The scan is free: the score, every aspect, and where on the page it comes from. The full report adds what to change. Fast wins you can ship today, and the ones that take longer.

Pay per scan. No subscription.

Scan a site

Fast wins

  • Drop the small label above the headline.

Long-term wins

  • Choose a typeface that is yours, not the template's.

Questions

Who decides what is slop?

Rais rated the first sites by hand, one aspect at a time. From those ratings a rubric is written in his terms. One model describes what is on your page, a second scores it against the rubric. Every result says whether Rais or the model rated it.

How is the score worked out?

Each aspect gets 1 to 5. The slop score is the average distance from 5, as a percentage. 0% is clean, 100% is slop.

What does it look at?

A desktop and a phone capture of the whole page, a recording of a scroll, and what the page is made of: fonts, colours, spacing, borders, effects, icons, images, copy and links.

My site is built on animation. Is that scored fairly?

Sites that only make sense in motion are detected, and judged from the recording instead of a flat picture.

What does it cost?

The scan is free. The full report is paid per scan. There is no subscription.

Where do the named tells come from?

Patterns such as gradient text or an icon tile above every heading come from impeccable's open catalogue. They are shown as evidence. They do not set the score.