INSPEKT by Jonas Arden

INSPEKT is a powerful frontend debugging tool designed for designers and developers. Inspect any webpage with professional-grade tools—all within your browser, with zero setup required.

🎨 FEATURES

Element Outlines
• Visualize page structure instantly. Each HTML element gets a unique color for easy identification.

Measurement Tool
• Measure distances between elements with pixel-perfect accuracy. Alt+Click to select elements and see spacing, dimensions, and distances in real-time.

Text Styles Inspector
• Hover over any text to see complete styling details: font family, size, weight, line height, letter spacing, color, and more.

Live Text Editing
• Enable edit mode to make temporary content changes—perfect for testing copy variations.

Heading Hierarchy
• Analyze document structure and accessibility. View all headings (H1-H6), detect skipped levels, and get improvement recommendations.

SEO Audit
• Comprehensive SEO analysis including title tags, meta descriptions, Open Graph tags, Twitter Cards, canonical URLs, and robots directives.

Full Page Screenshots
• Capture complete webpage screenshots, including content below the fold.

Customizable Settings
• Choose light or dark theme, position the panel in any corner, customize measurement colors, and toggle feature visibility.

🔒 PRIVACY FIRST

• No data collection
• No external servers
• No tracking or analytics
• All processing happens locally in your browser
• Settings stored locally only

✨ PERFECT FOR

• Frontend Developers debugging layouts and element spacing
• UI/UX Designers verifying designs
• SEO Specialists auditing metadata

📋 HOW IT WORKS

1. Click the Inspekt icon in your toolbar
2. Select a tool from the panel
3. Interact with the page to inspect elements
4. Customize settings to match your workflow

All tools work instantly—no page reload, no setup, no configuration files.

🆓 COMPLETELY FREE

No subscriptions, no ads, no premium features. Inspekt is free forever.

Made with ❤️ by Jonas Arden