How much of your UI is typed by hand?
Enter your site's address, or paste a component, a page or a stylesheet. The check finds every color and spacing value written by hand, the drift a design system exists to remove, and names the file and line it is on. A site also gets a drift score out of 100, with a link to share it. It is the same check Mlola gives coding agents and runs on whole projects.
How the drift score works
Every site starts at 100 and loses points for values fixed in place, where a design system would read one token. It counts how many different values there are, never how often each is used, so a large site is not marked down for its size. Two spellings of one color count once, and a fully transparent value is not a color.
- Different fixed colors: up to 45 points. The first 4 are free; all 45 are lost at 200.
- Different fixed spacing values: up to 35 points. The first 4 are free; all 35 are lost at 200.
- Rules that fade text with opacity: up to 20 points. All 20 are lost at 40.
Each loss grows with the square root of the count, so the first stray values cost the most. Grades: A from 90, B from 75, C from 60, D from 40, F from 0. The check reads one page: its HTML and up to 48 stylesheets it links, wherever they are served from. Fonts and libraries from hosts many sites share are left out, and so is a framework's own stylesheet, Mlola's included: the score is about what the site wrote. Scripts are not run.
A score is given only when every stylesheet the site wrote for that page was read. When one could not be read, when the page links more than 48, when it adds its styles with a script, or when its styles are a utility framework's compiled output (where the framework's palette and the site's own values cannot be told apart), the check lists what it found and gives no score.