See how any website
is built
Inspect fonts, colors, spacing, and every design detail of any webpage. Save collections, export design tokens, and build your reference library.
All your design inspection tools
Everything you need to understand how any website is designed and built — no DevTools required.
Font Inspector
Detect exact fonts, weights, styles, and providers. Download font files and copy CSS.
Color Palette
Extract every color used on a page. Group by role, see frequency, copy as HEX/RGB/HSL.
Typography Scale
Map the full type hierarchy — heading levels, body text, sizes, line-heights.
Asset Extractor
Pull images, SVGs, favicons, and OG images from any page. Preview and download.
Tech Detector
Identify frameworks, CSS tools, font services, analytics, and CDNs used by any site.
Page Links
Discover all internal pages and navigation structure of any website, like a sitemap.
Save, organize, and export
Go beyond inspection. Build a design reference library and export tokens for your projects.
Collections
Save full page inspections from the extension. Fonts, colors, typography, tech — all in one snapshot.
Design Token Export
Export as CSS Variables, Tailwind config, JSON Design Tokens, or Figma Tokens format.
Unlimited Everything
Unlimited collections, saved items, and exports. Build your entire design reference library.
Inspect any page, right from your browser
The Inspekt Chrome extension gives you a side panel with all tools — hover to inspect, click to save. No tab switching.
Chrome Extension — Under Review