Jak działa PageDNA
Trzy kroki od dowolnej strony do jej wizualnego DNA.
Przebieg
Jak działa PageDNA
Podaj stronę
Wklej kod, upuść pliki, podaj URL lub uruchom snippet w przeglądarce na otwartej stronie.
Wyciągamy strukturę
PageDNA parsuje DOM, próbkuje CSS, śledzi interakcje i mierzy złożoność, lokalnie, kiedy to możliwe.
Generujemy wizualne DNA
Pięć 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 render z URL lub snippetu.
Gotowy, by zobaczyć DNA swojej strony?
Podaj stronę, zobacz, jak PageDNA odczytuje jej strukturę, i wyeksportuj wizualizację.