Extrator de estilos de sites
10 / 10Analise qualquer site e extraia o design system completo dele — cores, tipografia, espaçamentos, sombras e estilos de componentes.
Como o extrator de estilos de sites funciona
Analise qualquer site e extraia o design system dele — cores, tipografia, espaçamentos e estilos de componentes. Faça engenharia reversa dos estilos de qualquer URL.
Cores e tokens
Extraia a paleta de cores completa de qualquer site — cores primárias, secundárias, de texto e de fundo. Veja como elas se relacionam com as propriedades personalizadas do CSS e com os design tokens.
Análise tipográfica
Descubra as famílias de fontes, os tamanhos, os pesos e as alturas de linha usados. Entenda a escala tipográfica e a hierarquia sem inspecionar os elementos um a um.
Espaçamentos e layout
Identifique valores de espaçamento, arredondamentos, sombras e padrões de layout. Veja as decisões do design system que definem o ritmo visual do site.
Qualquer URL pública
Informe a URL de qualquer site público e a ferramenta carrega e analisa os estilos automaticamente. Funciona com qualquer stack — HTML estático, React, WordPress ou qualquer framework.
Perguntas frequentes
A ferramenta abre o site em um navegador headless, lê todos os estilos computados e os agrupa por categoria — cores, tipografia, espaçamentos e sombras. Ela extrai os valores realmente renderizados, e não só o CSS de origem.
Sim, desde que o site seja público. A ferramenta carrega a página e analisa os estilos renderizados. Sites que exigem login ou que estão em redes privadas não podem ser acessados.
Não. O código-fonte mostra o CSS bruto. O extrator de estilos analisa os estilos computados e renderizados — os valores que o navegador realmente aplica depois da cascata, da herança e das sobrescritas. Você recebe o design system real, e não os arquivos de origem.
Os valores extraídos — cores, tamanhos de fonte, espaçamentos — são medições objetivas. Você pode usá-los como referência ou ponto de partida. Mas copiar um design system inteiro de outro site pode esbarrar em questões de direitos autorais ou de marca registrada.