Imagem do logotipo de Page Style Analyzer

Page Style Analyzer

5,0(

1 nota

)
Mídia 4 (captura de tela) para Page Style Analyzer
Mídia 1 (captura de tela) para Page Style Analyzer
Mídia 2 (captura de tela) para Page Style Analyzer
Mídia 3 (captura de tela) para Page Style Analyzer
Mídia 4 (captura de tela) para Page Style Analyzer
Mídia 1 (captura de tela) para Page Style Analyzer
Mídia 1 (captura de tela) para Page Style Analyzer
Mídia 2 (captura de tela) para Page Style Analyzer
Mídia 3 (captura de tela) para Page Style Analyzer
Mídia 4 (captura de tela) para Page Style Analyzer

Visão geral

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)

Detalhes

  • Versão
    0.4.2
  • Atualização
    5 de março de 2026
  • Tamanho
    3.12MiB
  • Idiomas
    português (Brasil)
  • Desenvolvedor
    E-mail
    2alexsbarros@gmail.com
  • Não negociante
    Esse desenvolvedor não se identificou como comerciante. Caso você seja da União Europeia, observe que os direitos do consumidor não se aplicam a contratos firmados entre você e esse desenvolvedor.

Privacidade

Gerencie extensões e saiba como elas estão sendo usadas na sua organização
O desenvolvedor divulgou que o item não vai coletar nem usar seus dados. Para mais detalhes, consulte estas informações do desenvolvedor: privacy policy.

O desenvolvedor declara que seus dados

  • Não são vendidos a terceiros, exceto nos casos de uso aprovados
  • Não são usados ou transferidos para fins não relacionados à função principal do item
  • Não são usados ou transferidos para informações de crédito ou empréstimo

Itens relacionados

CSS Peek: Element Inspector

5,0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

Yoink - Design Token & Style Extractor

5,0

Extract design tokens, colors, fonts, spacing, and styles from any website and export clean YAML for design systems and AI tools.

StyleKit.io

5,0

Instantly generate complete design system documentation from any website. Extract colors, typography, logo, favicons, and more.

Brand Element Extractor

5,0

Extract colors, fonts, logos & brand elements from any website. Generate brand guidelines & AI prompts instantly.

Color Stack

5,0

🎨 Instantly page color analyze. Advanced filtering, smart sorting, supports one-click export to Figma.

Designer Toolkit

0,0

Toolkit for designers and developers. Pick colors, grab fonts, check WCAG contrast, simulate color blindness and more.

DevKnife: Color Picker, Ruler, Font, CSS Tools & More - AUFOUNDATION

5,0

All-in-one dev toolkit: Color Picker, Font Finder, Page Ruler, CSS Outliner, Image Downloader & Source Grabber.

StackSweller

5,0

Analyze any Substack profile — view top notes, post analytics, bookmark inspiration, and export data.

Pixel Perfect : Color Picker

4,8

Professional color picker with EyeDropper, palette generator, and WCAG contrast check. Export to ASE, GPL, or JSON.

Color Picker

0,0

Pick colors and save history.

CSS Pully – Inspetor de Fonte, Cor e Estilo

5,0

Detector de Fonte & CSS - CSS Pully extrai cores, fontes, sombras e estilos de qualquer página da web. Perfeito para designers e…

Web Helper

5,0

Detects tracking scripts such as Tag Manager, GA4, and FB pixel. Shows images, colors, fonts, and links for SEO and web design.

CSS Peek: Element Inspector

5,0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

Yoink - Design Token & Style Extractor

5,0

Extract design tokens, colors, fonts, spacing, and styles from any website and export clean YAML for design systems and AI tools.

StyleKit.io

5,0

Instantly generate complete design system documentation from any website. Extract colors, typography, logo, favicons, and more.

Brand Element Extractor

5,0

Extract colors, fonts, logos & brand elements from any website. Generate brand guidelines & AI prompts instantly.

Color Stack

5,0

🎨 Instantly page color analyze. Advanced filtering, smart sorting, supports one-click export to Figma.

Designer Toolkit

0,0

Toolkit for designers and developers. Pick colors, grab fonts, check WCAG contrast, simulate color blindness and more.

DevKnife: Color Picker, Ruler, Font, CSS Tools & More - AUFOUNDATION

5,0

All-in-one dev toolkit: Color Picker, Font Finder, Page Ruler, CSS Outliner, Image Downloader & Source Grabber.

StackSweller

5,0

Analyze any Substack profile — view top notes, post analytics, bookmark inspiration, and export data.

Google Apps