TRACE — Visual Inspector

Inspect typography, visual effects and motion. Turn any interface into a reusable design recipe.

TRACE is a visual system reader made for web designers, graphic designers and creative developers. Point at any element to see its typography, color, effects, dimensions and motion in a floating visual preview. Click to capture the element, inspect its full visual DNA and copy a clean reconstruction recipe. Select an image, GIF, video, audio, canvas, SVG, embed or CSS background to read its available visual metadata and dominant colors. WHAT TRACE READS • Typeface family, source, weight, size, leading and tracking • OpenType and variable-font settings • Colors, gradients, borders, radius and shadows • Filters, backdrop blur, blend modes, masks and clipping • CSS transitions, timing curves, animation names and keyframes • Element dimensions, display and positioning • Images, GIFs, video, audio, canvas, SVG, embeds and CSS backgrounds • Media descriptions, sources, formats, intrinsic/rendered dimensions and playback metadata • Locally sampled dominant-color palettes when the media host permits pixel access • One-click copy for every individual value, palette color and generated recipe BUILT FOR TRUST TRACE activates only after an explicit click or keyboard shortcut. The beta processes website information and readable media pixels locally, stores saved references only on your device and does not transmit page content, media or browsing activity to TRACE servers. Media descriptions come from the page’s own alt text, caption, title or accessibility metadata; no image is sent to a remote vision service. TRACE identifies font files for reference but never downloads them. Always verify a typeface’s license before reuse. See it. Understand it. Rebuild it.