Tudo num só
Antes abria cinco extensões para estudar um site. Agora abro uma e vejo fonte, cores, CSS e SEO, sem conta.
Uma só janela
Cada extensão mostrava o seu dado na sua janela e nenhuma guardava nada. Agora vejo tudo junto e guardo.
Comparar
Guardo a ficha do meu site e a dos três primeiros do Google, e vejo todas lado a lado numa tabela.
Tudo à mão
Passo o cursor e vejo a fonte, as cores e o CSS do que aponto. Com um clique, o SEO e a captura da página.
Experimente
Antes de instalar nada, ativo a demo e passo o cursor por esta mesma página: vejo fonte, tamanho, cor e caixa.
O dado, tal como é
Vejo a fonte com a sua licença, o SEO de um URL e o sistema de design do site, tal como são, sem copiar nada à mão.
Para quem
Designer, SEO ou agência: cada um tira o que precisa, dos tokens da referência à tabela para o cliente.
Produto vivo
Vejo as novidades: a v1.0 do lançamento e o acesso antecipado a sete funções Pro.
Lançamento
Leio a lista do dia do lançamento: as funções de inspeção, SEO e captura vêm incluídas desde o primeiro dia.
Preços
O básico é grátis para sempre. A Pro é paga uma vez, sem pagamentos recorrentes, e sete funções Pro são grátis no acesso antecipado.
Lista de espera
Ainda não está na Chrome Web Store: entro na lista de espera para estar entre os primeiros a experimentá-la.
Dúvidas
Antes de instalar, revejo as perguntas mais comuns e encontro a resposta sem sair da página.
Extensão para Chrome · Design e SEO
Extraia as fontes, as cores, o CSS e o SEO de qualquer página, compare vários sites em uma tabela e exporte o sistema de design para Tailwind.
Local, sem conta · Pro com pagamento único · 8 idiomas
Antes
Com o Smart Design Inspector
A função estrela
Guarde a ficha de cada site e compare-as: title, cabeçalhos, schema, fontes, cores e Core Web Vitals. Exporte a tabela para CSV ou Markdown e entregue-a ao cliente.
Comparar sites →| oseucliente.example | concorrente-a.example | concorrente-b.example | |
|---|---|---|---|
| Title | 58 car.OK | 74 car.A melhorar | 52 car.OK |
| H1 | 1OK | 0Em falta | 1OK |
| Schema | OrganizationOK | —Em falta | ProductOK |
| Fonte | Inter | Poppins | DM Sans |
| Cor | #2563EB | #16A34A | #0B0B0B |
| LCP | 1,8 sOK | 3,4 sA melhorar | 2,1 sOK |
Guarde a ficha de cada concorrente e compare-as numa tabela exportável.
Comparar sites →Title, description, Open Graph, H1-H6, schema, hreflang, robots, sitemap e llms.txt, com avisos. E com um clique, para o PageSpeed ou o isitagentready.com.
Inspetor SEO →Passe o cursor e veja o CSS calculado, a caixa, as margens e as distâncias.
Inspetor CSS →Família, pesos, origem, licença e escala tipográfica de toda a página.
Que fonte usa um site →A paleta da página, conta-gotas e contraste WCAG de cada par de texto e fundo.
Obter as cores de um site →Cores, espaçamentos e tipografia para Tailwind v4 @theme, variáveis CSS ou DESIGN_SPECS.md.
Extrair o sistema de design →Copie um bloco como JSX + Tailwind ou como HTML/CSS.
Converter um site para Tailwind →Página completa em PNG ou PDF, ou um só elemento.
Inicie a demonstração e passe o cursor por esta página: verá a fonte, o tamanho, a cor e a caixa de cada elemento, como na extensão.
Apenas no computador · A extensão faz muito mais
Fontes
Família, pesos, tamanhos e origem de cada fonte da página, além da escala tipográfica completa, do H1 aos botões.
Playfair Display
Google Fonts · OFL
Inspetor SEO
Tudo o que o Google lê no cabeçalho e no corpo, com avisos que indicam o que corrigir.
| Title | Smart Design Inspector – Design & SEO… | OK |
| Description | Estude qualquer site a partir do Chrome… | Longa |
| Canonical | / | OK |
| OG image | — | Falta |
| hreflang | 8 idiomas + x-default | OK |
| llms.txt | /llms.txt | OK |
Sistema de design Pro
Cores, espaçamentos e tipografia, prontos para colar no seu projeto ou passar à sua IA.
@theme/* oseucliente.example */@theme { --color-primary: #2563eb; --color-ink: #0b0b0b; --font-sans: "Inter", sans-serif; --spacing: 4px; --radius-md: 8px;}Veja como é feita a referência que o cliente envia e leve os tokens dela para o seu projeto sem abrir as DevTools.
Entregável: o seu sistema de designAnalise o SEO on-page de uma página em segundos e compare a do seu cliente com as três primeiras do Google.
Entregável: auditoria on-pageEntregue ao cliente uma tabela com o site dele frente à concorrência, exportada com um clique.
Entregável: comparação em CSV ou MarkdownAvaliações
Últimas novidades
22 funções grátis para sempre, mais 7 funções Pro em acesso antecipado. Sem conta e sem limite de tempo.
Grátis para todos enquanto não chegar o lançamento da Pro (data por definir)
O modo inspiração (textos e imagens como marcadores ao copiar) chega grátis com a primeira Pro
Grátis
0 €, para sempre
Pro
49 €, pagamento único
Lista de espera
O Smart Design Inspector está em desenvolvimento. Deixe o seu email e avisamos no dia em que chegar à Chrome Web Store, com as 7 funções Pro grátis em acesso antecipado.
Um email no dia do lançamento e poucos mais · Cancele com um clique
Sim. As funções de inspeção, SEO e captura são grátis para sempre. A Pro custa 49 € uma única vez e inclui um ano de novidades.
Não. Basta instalar e funciona. Não é preciso fazer login, nem na versão grátis nem na Pro.
Tudo é processado no seu navegador. As páginas que visita não são enviadas para nenhum servidor e não são inseridos anúncios nem donativos em sites de terceiros. Se abrir a página numa auditoria externa (PageSpeed, isitagentready…), esse site recebe o endereço, só quando clica.
Não dá volumes de palavras-chave nem backlinks e não faz o download de fontes pagas: indica a licença e onde obtê-las.
No Chrome, Edge, Brave, Arc, Opera e Vivaldi, em Windows, Mac e Linux, desde a 1.0. Funciona da mesma forma em todos porque quem executa a extensão é o navegador, não o sistema. O código está preparado para chegar ao Firefox e ao Safari sem ser reescrito. Enquanto está em desenvolvimento, pode haver alterações.
Sim. Lê a página tal como o navegador já a desenhou, por isso não importa como foi construída.
Cookies
Usamos o Google Analytics para saber quantas pessoas visitam o site e que páginas funcionam, só se aceitar. Não há publicidade. Política de cookies.