Tools
Das Button-CSS jeder Website
Gib eine Website-Adresse ein und erhalte das CSS ihrer Buttons: jede Variante mit Hintergrund, Textfarbe, Rahmen, Radius und Größe, dazu hover und focus.
So funktioniert es
Stylepack öffnet die Website in einem echten Browser, misst, was gerendert wird (nicht, was im Stylesheet steht), in vier Breiten und in beiden Themes, und speichert das Ergebnis als Designpaket. Eine bereits gemessene Website antwortet sofort; eine neue braucht unter einer Minute. Jeder Wert auf dieser Seite stammt aus diesem Paket.
Fragen
Welche Buttons werden gemessen?
Die Varianten primary, secondary und ghost, die auf der Seite gefunden werden, jede gemessen im Ruhezustand, bei hover und bei focus. Das CSS hat eine Klasse pro Variante mit den gemessenen Werten.
Warum sieht mein Button trotzdem anders aus?
Buttons hängen von ihrer Schrift ab: Setze als Button-Schrift die, die die Website nutzt (im Ergebnis genannt), und lade zuerst sie oder ihre freie Alternative. Das Designpaket enthält den Font-Stack und den Rest des Systems.
Kann ein KI-Coding-Agent das nutzen?
Ja. Füge das CSS ein oder gib dem Agenten das Designpaket der Website: Es enthält jede Variante mit ihren Zuständen, die Farben, die Typografie und Screenshots zum Vergleichen.