PageDNA
Comment ça marche

Comment fonctionne PageDNA

Trois étapes de n'importe quelle page à son ADN visuel.

Le flux

Comment fonctionne PageDNA

  1. Alimentez une page

    Saisissez l'URL d'un site pour analyser la page en direct, ou ouvrez la démo pour découvrir d'abord les vues.

  2. Extrayez la structure

    PageDNA analyse le DOM, échantillonne le CSS, trace les interactions et évalue la complexité, localement lorsque c'est possible.

  3. Générez l'ADN visuel

    Sept modes de visualisation transforment l'analyse en une identité visuelle cohérente et exportable.

Couches de signal

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, capturé lors d'une analyse d'URL.

Prêt à voir l'ADN de votre page ?

Alimentez une page, regardez PageDNA lire sa structure et exportez la visualisation.

Ouvrir l'espace de travail