Page Style Analyzer

O Page Style Analyzer ajuda designers, desenvolvedores e profissionais de marketing a entenderem rapidamente a estrutura visual de qualquer página da web — cores e tipografia — em segundos.
Recursos:
• Top 5 a 15 cores e fontes (você escolhe a quantidade)
• Cores do texto e cores de fundo separadas
• Agrupamento de cores com tolerância (para unir tons parecidos)
• Fontes principais: família e tamanho (px)
• Porcentagem de uso por cor e por fonte
• Modo somente viewport (analisa apenas a área visível)
• Redução de ruído (ignora elementos pequenos)
• Histórico de análises salvo localmente, com opção de fixar (📌)
• Export CSS Variables pronto para uso
• Export Tailwind (snippet para tailwind.config.js)
• Export Figma Tokens (JSON)
• Copiar exports com 1 clique e baixar arquivos (.json, .css, .js)

✅ Sem rastreamento • ✅ Sem anúncios • ✅ Análise 100% local (nenhum dado é enviado para servidores)

Page Style Analyzer helps designers, developers, and marketers quickly understand the visual structure of any web page—colors and typography—in seconds.

Features:
• Top 5 to 15 colors and fonts (you choose the quantity)
• Separate text and background colors
• Color grouping with tolerance (to combine similar tones)
• Main fonts: family and size (px)
• Usage percentage by color and by font
• Viewport-only mode (analyzes only the visible area)
• Noise reduction (ignores small elements)
• Locally saved analysis history, with pin option (📌)
• Ready-to-use CSS Variables export
• Tailwind export (snippet for tailwind.config.js)
• Figma Tokens export (JSON)
• Copy exports with 1 click and download files (.json, .css, .js)

✅ No tracking • ✅ No ads • ✅ 100% local analysis (no data is sent to servers)