designesy.org/comparetwo URLs8 dimensionscompiled CSScontract 0.1.1 provisional
Compare
Diff two live design systems token by token: what one has and the other lacks, what was renamed or changed, how far each scale moved, and which colors lost contrast.
Name two sites and each dimension fills with both answers, A on the left and B on the right.
- Only on A, only on B
- A token one site declares and the other lacks.
- Value changed
- Same name, different value: the core of drift between two systems.
- Renamed
- Names two edits apart or closer, flagged as a likely rename.
- Scale stops
- Steps of spacing, radius and color, counted on each side.
The grade only says whether every dimension could be computed. The diff is the answer.
- pass
- needs work
- fail
- does not apply
Method
Fetch both
Each URL is fetched fresh, with every stylesheet it links.
Extract two token sets
Every custom property each site declares, by name and value.
Diff 8 dimensions
Names on one side only, likely renames, changed values, scale stops, structure, contrast and both contract scores.
Grade the diff
Each dimension computed counts. The grade reports how complete the diff is; the diff is the result.
completeness = (pass + warn × 0.5) ÷ 8 × 100renamed = names within 2 edits, with different valuesStatic analysis of both sites: no browser, no login.