Jak działa PageDNA
Trzy kroki od dowolnej strony do jej wizualnego DNA.
Przebieg
Jak działa PageDNA
Podaj stronę
Wpisz adres URL, aby przeskanować żywą stronę, albo otwórz demo, aby najpierw poznać widoki.
Wyciągamy strukturę
PageDNA parsuje DOM, próbkuje CSS, śledzi interakcje i mierzy złożoność, lokalnie, kiedy to możliwe.
Generujemy wizualne DNA
Siedem trybów wizualizacji zamienia analizę w spójną, eksportowalną tożsamość wizualną.
Warstwy sygnałów
Co czyta PageDNA
Warstwy sygnałów, z których powstaje każda wizualizacja.
DOM
Sekcje, kontenery i hierarchia treści.
CSS
Kolory, skala typografii, zaokrąglenia, cienie, odstępy.
Układ
Głębokość, semantyka i rytm struktury.
Interakcje
Linki, formularze, przyciski, ścieżki fokusu.
Sygnały kodu
Pliki, moduły, importy i złożoność.
Podgląd
Opcjonalny podgląd renderu wykonany podczas skanu URL.
Gotowy, by zobaczyć DNA swojej strony?
Podaj stronę, zobacz, jak PageDNA odczytuje jej strukturę, i wyeksportuj wizualizację.