Cómo funciona PageDNA
Tres pasos desde cualquier página hasta su ADN visual.
Cómo funciona PageDNA
Alimenta una página
Pega código, suelta archivos, comparte una URL o ejecuta el fragmento del navegador en la página que estás viendo.
Extrae la estructura
PageDNA analiza el DOM, muestrea el CSS, rastrea las interacciones y puntúa la complejidad, localmente cuando es posible.
Genera ADN visual
Cinco modos de visualización convierten el análisis en una identidad visual coherente y exportable.
Qué lee PageDNA
Las capas de señal detrás de cada visualización.
DOM
Secciones, contenedores y jerarquía de contenido.
CSS
Colores, escala tipográfica, radios, sombras, espaciado.
Diseño
Profundidad, semántica y ritmo estructural.
Interacciones
Enlaces, formularios, botones y rutas de foco.
Señales de código
Archivos, módulos, importaciones y complejidad.
Instantánea
Vista previa renderizada opcional desde URL o fragmento.
¿Listo para ver el ADN de tu página?
Alimenta una página, observa cómo PageDNA lee su estructura y exporta la visualización.