Live demo

Hover the cards.

This page loads the same content inspector used by the extension so the local product can be checked without installing it first.

Layout

Spacing system

Inspect this card to see borders, shadow, radius, typography, and spacing.

Contrast

Pin the panel, then use the arrow keys to move through nested elements.

Tokens

Open the Tokens tab to see quick utility-class approximations.