Como funciona o PageDNA
Três passos de qualquer página ao seu ADN visual.
Como funciona o PageDNA
Alimente uma página
Cole código, largue ficheiros, partilhe um URL ou execute o fragmento do navegador na página que está a ver.
Extraia a estrutura
O PageDNA analisa o DOM, amostra o CSS, traça as interações e pontua a complexidade, localmente quando possível.
Gere o ADN visual
Cinco modos de visualização transformam a análise numa identidade visual coerente e exportável.
O que o PageDNA lê
As camadas de sinal por trás de cada visualização.
DOM
Secções, contentores e hierarquia de conteúdo.
CSS
Cores, escala tipográfica, raios, sombras, espaçamento.
Disposição
Profundidade, semântica e ritmo estrutural.
Interações
Ligações, formulários, botões e caminhos de foco.
Sinais de código
Ficheiros, módulos, importações e complexidade.
Instantâneo
Pré-visualização renderizada opcional a partir de URL ou fragmento.
Pronto para ver o ADN da sua página?
Alimente uma página, veja o PageDNA ler a sua estrutura e exporte a visualização.