Comment fonctionne PageDNA
Trois étapes de n'importe quelle page à son ADN visuel.
Comment fonctionne PageDNA
Alimentez une page
Collez du code, déposez des fichiers, partagez une URL ou exécutez l'extrait de navigateur sur la page que vous consultez.
Extrayez la structure
PageDNA analyse le DOM, échantillonne le CSS, trace les interactions et évalue la complexité, localement lorsque c'est possible.
Générez l'ADN visuel
Cinq modes de visualisation transforment l'analyse en une identité visuelle cohérente et exportable.
Ce que lit PageDNA
Les couches de signal derrière chaque visualisation.
DOM
Sections, conteneurs et hiérarchie du contenu.
CSS
Couleurs, échelle typographique, rayons, ombres, espacements.
Mise en page
Profondeur, sémantique et rythme structurel.
Interactions
Liens, formulaires, boutons et chemins de focus.
Signaux de code
Fichiers, modules, imports et complexité.
Instantané
Aperçu rendu facultatif depuis une URL ou un extrait.
Prêt à voir l'ADN de votre page ?
Alimentez une page, regardez PageDNA lire sa structure et exportez la visualisation.