StylePeek - Inspetor de Estilos de Design

Inspecione fontes, cores e espaçamento em qualquer site instantaneamente — sem abrir o DevTools.

StylePeek é um inspetor de design feito para velocidade. Abra o painel lateral, clique em qualquer elemento e veja seus estilos imediatamente. Sem recarregamentos de página, sem poluição do DOM, sem complicação.

COMO FUNCIONA:
1. Clique no ícone do StylePeek para abrir o painel lateral
2. Clique em "Iniciar Inspeção" e selecione qualquer elemento da página
3. Veja tipografia, cores e espaçamento instantaneamente no painel lateral
4. Copie qualquer valor com um único clique

O painel lateral permanece aberto enquanto você navega — inspecione elementos em diferentes páginas e abas sem precisar reabri-lo.

RECURSOS GRATUITOS:
- Inspecione família da fonte, tamanho, peso e altura da linha
- Extraia cores (hex, RGB, HSL) com amostras de visualização
- Meça margem e preenchimento com modelo de caixa visual
- Cópia com um clique para qualquer valor inspecionado
- Funciona em qualquer site

RECURSOS PRO:
- Exporte estilos como classes Tailwind CSS
- Exporte como propriedades personalizadas CSS ou tokens de design JSON
- Extraia cores de imagens
- Análise completa de design da página e visão geral de estilos

PRIVACIDADE:
- Toda a inspeção é executada localmente no seu navegador — nenhum dado é enviado a qualquer servidor
- Sem injeção no DOM — as páginas inspecionadas permanecem completamente limpas
- Não é necessária conta para os recursos gratuitos

POR QUE AS PERMISSÕES DE HOST:
O StylePeek precisa de acesso às páginas web para ler os estilos CSS dos elementos em que você clica. Isso é necessário para que o painel lateral funcione em todas as abas. Nenhum conteúdo da página é coletado, armazenado ou transmitido.

Perfeito para web designers verificando sites de referência, desenvolvedores frontend depurando layouts e equipes de design system auditando consistência.