Narzędzia
Pobierz CSS przycisków z dowolnej strony
Wpisz adres strony i pobierz CSS jej przycisków: każdy wariant z tłem, kolorem tekstu, obramowaniem, zaokrągleniem i rozmiarem, a także stanami hover i focus.
Wypróbujstripe.comlinear.appairbnb.com
Jak to działa
Stylepack otwiera stronę w prawdziwej przeglądarce, mierzy to, co się renderuje (a nie to, co mówi arkusz stylów) w czterech szerokościach i w obu motywach, a wynik zapisuje jako pakiet designu. Strona już zmierzona odpowiada od razu; nowa zajmuje mniej niż minutę. Każda wartość na tej stronie pochodzi z tego pakietu.
Pytania
Które przyciski są mierzone?
Warianty primary, secondary i ghost znalezione na stronie, każdy zmierzony w spoczynku, w stanie hover i focus. CSS ma jedną klasę na wariant ze zmierzonymi wartościami.
Dlaczego mój przycisk nadal wygląda inaczej?
Przyciski zależą od swojej czcionki: ustaw w przycisku czcionkę, której używa strona (podaną w wyniku), i najpierw załaduj ją albo jej darmowy zamiennik. Pakiet designu zawiera stos czcionek i resztę systemu.
Czy agent AI do kodowania może z tego skorzystać?
Tak. Wklej CSS albo przekaż agentowi pakiet designu strony: zawiera każdy wariant z jego stanami, kolory, typografię i zrzuty ekranu do porównania.