SpecSnap

Hover to inspect font, color, size, spacing specs on any website. One-click CSS copy.

SpecSnap — Design Spec Inspector for the Web Instantly inspect the design specifications of any element on any website. Simply hover over an element to see its complete design specs in a clean floating panel. Features: - Font — family, size, weight, line-height, letter-spacing - Color — text, background, border colors with HEX/RGB/HSL toggle - Size — width x height - Spacing — padding and margin values (top, right, bottom, left) - One-click CSS copy — copy all computed CSS with a single click - Click-to-lock — click any element to lock the panel in place for easy copying - Visual overlay — see margin, padding, and content areas highlighted directly on the page - Keyboard shortcut — Alt+S to quickly toggle the inspector - Bilingual — supports English and Korean (switchable in popup) Perfect for designers, developers, and QA engineers who need to quickly verify design implementations. No data is collected or transmitted — everything runs locally in your browser. Toggle the inspector from the popup or press Alt+S. Hover to inspect, click to lock, ESC to unlock.