Funktionen
PageDNA analysiert die Struktur, den Stil und das Verhalten einer Website und verwandelt sie in eine einzigartige generative Visualisierung.
Sieben Visualisierungsmodi
Jeder Modus offenbart eine andere Ebene derselben Seite.
DOM City
Verwandelt die Seitenstruktur in eine Skyline aus Abschnitten, Containern und Inhaltstürmen.
CSS Portrait
Verwandelt Farben, Radien, Abstände, Schatten und Typografie in ein fließendes, abstraktes Porträt.
Layout DNA
Bildet die semantische Struktur und Tiefe in radialen Ringen ab, ein Fingerabdruck der Seite.
Interaction Map
Zeigt interaktive Elemente und die Pfade zwischen ihnen als leuchtenden Graphen.
Code Galaxy
Verwandelt Dateien, Komponenten und Abhängigkeiten in Konstellationen aus Sternen und Umlaufbahnen.
Architecture Stack
Zerlegt die Seite in sieben Ebenen, vom Dokumentfundament bis zu Logik und Abhängigkeiten, erzeugt aus der echten Analyse.
DOM X-Ray
Baut den echten DOM in 3D nach, räumlich und hierarchisch; jeder Block ist ein echtes Element zum Inspizieren.
Zwei Wege zum Start
Scanne eine Live-Seite oder sieh dir zuerst die Demo an.
URL analysieren
Verweise auf eine Live-URL. PageDNA lädt sie in einem Headless-Chromium und liefert eine vollständige Analyse.
Demo testen
Öffne eine integrierte Beispielseite, die lokal in deinem Browser analysiert wird, und erkunde jede Ansicht, ohne eine Website zu scannen.
Bereit, die DNA deiner Seite zu sehen?
Füttere eine Seite, sieh zu, wie PageDNA ihre Struktur liest, und exportiere die Visualisierung.