Page Style Analyzer

Analisa cores e fontes (Top 5–15), histórico com pin, export Tailwind/Figma e export para arquivo.

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)