Evidence
Every rule in the skill has a measurement behind it. We loaded 99 live sites in a real browser at 1440 and 390 pixels, read their computed styles, and mined their JavaScript for easing curves, springs and staggers.
99live sites, 8 clusters, about 40 studios
−.015emmedian display tracking; 53 of 94 sites track tighter
2typefaces on the median site; 3 at most
13of 14 immersive sites gate on a designed loader; 0 of 15 big-agency sites do
Eight clusters
- 01SaaS and AI studios9 sitesProduct UI rebuilt in HTML is the hero; one accent at under 1% of pixels.
- 02Tech gold standard18 sitesDisplay at weight 300–510, two-tone heads, hairlines at 8% ink, no smooth scroll.
- 03Immersive and WebGL16 sitesThe loader is the first impression; 8 of 14 never got past it headless.
- 04Editorial craft19 sitesDisplay line-height 0.66–1.0; headlines trespass into images.
- 05Big-brand agencies15 sitesSystems over set pieces: named token bundles, one house ease.
- 06Fashion and luxury12 sitesHero text 18–31px, never 64+; restraint measured +11% conversion.
- 07Award winners 2023–2618 sitesJuries pay for motion craft and forgive weak accessibility; we don’t.
- 08User references3 sitesconvt.app, ignura.com, jawadjalal.com: inline UI tokens, pricing as an object, the personal README page. Each audited; we keep the ideas, not the contrast misses.
Studios, and what we measured
Hover a row to see the colour we measured on their work.
- Linearin-houseInter Variable 510 · −0.022em · #08090A
- Stripein-houseSöhne 300 at display size · #533AFD
- Vercelin-houseGeist at −0.06em · grayscale + one blue
- basement.studioFactory, Mintlify, Cursorone orange on three text nodes
- Exo ApeStudio D, InversaLausanne 300 · 250px · line-height 0.73
- LocomotivePopulous, The Drake80px · −0.05em · one ease on 842 rules
- Work & CoSteve Jobs Archive, Obama230px condensed DONATE on #0064F0
- AREA 17Art Institute of Chicago, Pentagramhouse ease (.59,.01,.28,1)
- MalvahWhite DesertOswald at 320px · one expedition orange
- OFF+BRANDLando Norris#D2FF00 on olive-black #282C20
- Louis PaquetMindMarketInter 500 at −0.06em on a lime field
- LusionAtlas Motion, Oryzothe loader is the product’s CAD drawing
- Immersive GardenDavid Whyte, CartiereaseOutExpo on 83 rules
- Bakken & BæckSierraGT America at one weight, 120 of 121 nodes
The sites studied belong to their owners and the studios that made them. We measured public pages; no code, imagery or assets from them are reproduced here or in the skill. The full notes are in the repository’s research folder.