Stylepack

Buttons

Die Buttons von allanpooley.com

Der primäre Button auf allanpooley.com ist #ffffff mit Text in #000000, Radius 24px und 45px hoch. Unten: jede Button-Variante der Seite, ihre Hover- und Fokus-Zustände und das CSS, damit deine genauso aussehen.

vor 4 Tagen auf allanpooley.com gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Button secondary

The Pluriversity
Hover
keine sichtbare Änderung
Transition
all, 0s

Button ghost

Pause
Hover
keine sichtbare Änderung

Das CSS

Eine Klasse pro Variante, mit den gemessenen Werten. Die Schrift ist die, die allanpooley.com auf seinen Buttons setzt.

buttons.css
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  padding: 12px 24px;
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 400;
  font-family: "fontNeueMontreal", sans-serif;
  cursor: pointer;
}
​
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 21px;
  padding: 0px 0px;
  background: transparent;
  color: #000000;
  border: none;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 400;
  font-family: "fontNeueMontreal", sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

curl -s https://stylepack.ai/packs/allanpooley.com/DESIGN.md

Fragen

Wie baue ich Buttons wie allanpooley.com?

Nutze das CSS auf dieser Seite: Der primäre Button ist #ffffff mit Text in #000000, Radius 24px, 45px hoch. Ergänze die Hover- und Fokus-Regeln unter jeder Variante und setze die Button-Schrift auf die, die allanpooley.com verwendet.

Welche Farbe haben die Buttons von allanpooley.com?

Der primäre Button auf allanpooley.com ist #ffffff mit Text in #000000. Die Seite nutzt insgesamt 2 Button-Varianten; jede ist auf dieser Seite mit Hintergrund, Rahmen, Radius und Größe aufgeführt.

Kann ein KI-Coding-Agent die Buttons von allanpooley.com nachbauen?

Ja. Das Designpaket von allanpooley.com bei Stylepack enthält jede Button-Variante mit ihren Zuständen, die Schriften, die Farben und Screenshots, sodass Claude Code, Cursor oder Copilot passende Buttons bauen können.