Stylepack

Buttons

Die Buttons von holographik.space

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

vor 4 Tagen auf holographik.space gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Button primary

Book the SpaceBook
Hover
keine sichtbare Änderung
Fokus
outline 2px solid rgb(0, 0, 0), offset 2px
Transition
background, color, 0.15s, 0.15s

Button secondary

Instagram
Hover
background transparent → #ffffff1a, text #b7b7b2 → #ffffff, icon/inner colour → #ffffff
Transition
color, background, 0.15s, 0.15s

Das CSS

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

buttons.css
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 29px;
  padding: 7px 14px;
  background: #000000;
  color: #ffffff;
  border: none;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  font-family: "KH Teka", sans-serif;
  cursor: pointer;
}
​
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  padding: 6px 12px;
  background: #f1f1f1;
  color: #000000;
  border: none;
  border-radius: 0px;
  font-size: 13px;
  font-weight: 500;
  font-family: "KH Teka", sans-serif;
  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/holographik.space/DESIGN.md

Fragen

Wie baue ich Buttons wie holographik.space?

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

Welche Farbe haben die Buttons von holographik.space?

Der primäre Button auf holographik.space ist #000000 mit Text in #ffffff. 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 holographik.space nachbauen?

Ja. Das Designpaket von holographik.space 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.