StylePeek - Design Style Inspector

About

Instantly inspect fonts, colors, and spacing on any website — without opening DevTools.

StylePeek is a design inspector built for speed. Open the side panel, click any element, and see its styles immediately. No page reloads, no DOM pollution, no hassle.

HOW IT WORKS:
1. Click the StylePeek icon to open the side panel
2. Click "Start Inspect" and select any element on the page
3. See typography, colors, and spacing instantly in the side panel
4. Copy any value with one click

The side panel stays open while you browse — inspect elements across different pages and tabs without reopening.

FREE FEATURES:
- Inspect font family, size, weight, and line height
- Extract colors (hex, RGB, HSL) with preview swatches
- Measure margin and padding with visual box model
- One-click copy for any inspected value
- Works on any website

PRO FEATURES:
- Export styles as Tailwind CSS classes
- Export as CSS custom properties or JSON design tokens
- Extract colors from images
- Full-page design analysis and style overview

PRIVACY:
- All inspection runs locally in your browser — no data is sent to any server
- No DOM injection — inspected pages stay completely clean
- No account required for free features

WHY HOST PERMISSIONS:
StylePeek needs access to web pages to read CSS styles from the elements you click. This is required for the side panel to work across tabs. No page content is collected, stored, or transmitted.

Perfect for web designers checking reference sites, frontend developers debugging layouts, and design system teams auditing consistency.