# Designesy — /badge Canonical page: https://www.designesy.org/badge --- ## Verified by Designesy Sites that pass the 42-check design contract gate can embed the badge. The badge links to a live score anyone can verify. No API key. No registration. Embed the SVG, link to your score, done. ## Badge variants Dark For light-background sites (most common). 156 × 32px Light For dark-background sites. 156 × 32px Compact Mark only — for footers, sidebars, tight spaces. 28 × 28px ## Embed snippet Replace `YOURSITE.com` with your domain. The `href` links to your live score for verification. Dark ``` ``` Light ``` ``` Compact ``` ``` ## How it works 1. **Score your site** at [/score](/score) — 42 automated checks against the design contract, real-time, no login. 2. **If you score A or B** (≥80%), you qualify to embed the badge. 3. **Embed the SVG** on your site. The badge links to your live score so visitors can verify. 4. **The score is the proof.** The badge claims verification; the live score proves it. If your site drifts, the score updates — the badge stays honest. ## Grade scale The score is the percentage of checks that pass (warnings count as half). 42 checks total — see the [contract](/contracts/design-system) for the full list.