StylePeek - Design-Stil-Inspektor

Schriftarten, Farben und Abstände auf jeder Website sofort inspizieren — ohne DevTools zu öffnen.

StylePeek ist ein Design-Inspektor, der auf Geschwindigkeit ausgelegt ist. Öffne das Seitenpanel, klicke auf ein beliebiges Element und sieh dir seine Stile sofort an. Keine Seitenneuladen, keine DOM-Verschmutzung, kein Aufwand.

SO FUNKTIONIERT ES:
1. Klicke auf das StylePeek-Icon, um das Seitenpanel zu öffnen
2. Klicke auf "Inspektion starten" und wähle ein beliebiges Element auf der Seite
3. Sieh dir Typografie, Farben und Abstände sofort im Seitenpanel an
4. Kopiere jeden Wert mit einem einzigen Klick

Das Seitenpanel bleibt beim Surfen geöffnet — inspiziere Elemente auf verschiedenen Seiten und Tabs, ohne es erneut öffnen zu müssen.

KOSTENLOSE FUNKTIONEN:
- Inspiziere Schriftfamilie, -größe, -stärke und Zeilenhöhe
- Extrahiere Farben (hex, RGB, HSL) mit Vorschau-Farbfeldern
- Miss Außen- und Innenabstand mit visuellem Box-Modell
- Kopieren mit einem Klick für jeden inspizierten Wert
- Funktioniert auf jeder Website

PRO-FUNKTIONEN:
- Exportiere Stile als Tailwind CSS-Klassen
- Exportiere als benutzerdefinierte CSS-Eigenschaften oder JSON Design Tokens
- Extrahiere Farben aus Bildern
- Vollständige Seitendesign-Analyse und Stil-Übersicht

DATENSCHUTZ:
- Die gesamte Inspektion läuft lokal in deinem Browser — es werden keine Daten an Server gesendet
- Keine DOM-Injektion — inspizierte Seiten bleiben vollständig unverändert
- Kein Konto für kostenlose Funktionen erforderlich

WARUM HOST-BERECHTIGUNGEN:
StylePeek benötigt Zugriff auf Webseiten, um die CSS-Stile der angeklickten Elemente auszulesen. Dies ist erforderlich, damit das Seitenpanel über alle Tabs hinweg funktioniert. Es werden keine Seiteninhalte erfasst, gespeichert oder übermittelt.

Perfekt für Webdesigner, die Referenzseiten prüfen, Frontend-Entwickler, die Layouts debuggen, und Design-System-Teams, die Konsistenz überprüfen.