X-Ray Extensions·Design Inspector
X-Ray Design Inspector helps you inspect and understand the visual systems behind the web — from typography and color to spacing, layout and assets.
Free to use · No account · Nothing leaves your browser
Every website is the result of decisions: a type scale, a spacing rhythm, a handful of colours doing specific jobs. Those decisions are visible in the rendered page, but they are hard to read by hand.
X-Ray reads them for you — in the live page, at rest, without a build step or a screenshot. What it reports is measured, and what it cannot measure reliably it leaves out.
Features
Six ways into the same page. Each one reads the live document — no build step, no screenshots, no guessing.
Discover the colors used throughout a website — sorted by the job they do, with the contrast pairs that actually occur.
See font families, weights, sizes and hierarchy — and whether those sizes form a scale at all.
Ratio 1.5 · Perfect fifth
Inspect spacing, dimensions and alignment, from the spacing scale down to the gap between two elements.
hero.webp
2400×1200
mark.svg
48×48
card.png
800×600
Quickly identify images, icons and other visual assets — including the ones loaded far larger than they are shown.
Turn individual observations into a clearer picture of the site's visual system, ready to export as tokens.
Keep analysis connected to the actual website instead of working from screenshots alone.
Product
Switch between the layers X-Ray can put over a page. Each one is a view the extension actually draws.
9 colours · 3 contrast pairs below AA
Design system
X-Ray does not stop at single values. It looks for the decisions a page repeats — and hands them back as a system you can use.
Color tokens
Radius
Typography scale
Spacing scale
12 % of spacings sit off the 8 px grid
Layout patterns
1200 px container
12-column grid · 24 gutter
3-up card row
Values are measured. Names are suggestions — the page never told anyone what to call them.
X-Ray Extensions
X-Ray Extensions is a growing collection of focused tools built to make the web easier to understand, analyze and work with.
Inspect websites, uncover design systems and understand the details behind the interface.
A research and discovery tool for the fast-moving world of Solana tokens.
FAQ
Still unsure? X-Ray is free, needs no account and sends nothing anywhere.
chrome:// or on the Chrome Web Store itself, because Chrome does not allow extensions there. X-Ray says so instead of failing silently.X-Ray is completely free — every feature, no account, and nothing sent anywhere.