Seven tells that a page was generated

5 min read

Eduardo Calvo

Eduardo CalvoWrote the skill and the detector this post measures with

People recognise generated UI in under a second and usually cannot say why. These are the specific patterns doing the work.

1. The gradient headline

Indigo to purple, clipped to text, on the largest words on the page. It appears because it is the most-copied hero treatment of the last three years.

2. Emoji where icons go

A row of three cards, each with an emoji at 32px above the heading. Different family on every platform, no stroke weight, wrong baseline.

3. The pill badge above the hero

“✨ Now with AI” in a rounded outline, centred, above the headline. Occasionally it earns its place. Usually it is there because the pattern exists.

4. The uniform card grid

Three, four, or six identical cards in a row, each with an icon, a heading and two lines. The grid says every item matters equally, which is almost never true.

5. One shadow, everywhere

The same box-shadow token on cards, buttons, inputs, dropdowns and the header. Elevation is supposed to encode how far something is from the page; one value encodes nothing.

6. Evenly spaced font sizes

Twelve sizes at 1.2x intervals, no jump anywhere. The headline is 1.25x the subhead, so nothing reads as display. This one is invisible in a screenshot and obvious in the numbers.

7. Hover without focus

Not a look, but it travels with the others, and it is the one that actually excludes people.

The pattern behind the pattern

None of these is wrong in isolation. A pill badge is fine. A gradient is fine. What makes them tells is that they arrive together, unchosen, because each is the most probable answer to its local question. The page is a stack of defaults, and defaults are legible.

The counter is not a house style. It is a set of specific blocks with specific alternatives — which is what a design skill is for, and what the anti-slop rules enumerate.