Stylepack

Przyciski

Przyciski na holographik.space

Główny przycisk na holographik.space ma tło #000000, tekst #ffffff, zaokrąglenie 9999px i wysokość 29px. Poniżej: każdy wariant przycisku, jakiego używa strona, jego stany hover i focus oraz CSS, dzięki któremu Twoje będą wyglądać tak samo.

Zmierzono na holographik.space 4 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Przycisk primary

Book the SpaceBook
Hover
brak widocznej zmiany
Focus
outline 2px solid rgb(0, 0, 0), offset 2px
Przejście
background, color, 0.15s, 0.15s

Przycisk secondary

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

CSS

Jedna klasa na wariant, ze zmierzonymi wartościami. Czcionka to ta, którą holographik.space ustawia na swoich przyciskach.

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;
}

Dla agentów AI

Pakiet to zwykły tekst, bez klucza: pobierz DESIGN.md albo przekaż cały pakiet do Claude Code, Cursor lub Copilot przez serwer MCP.

curl -s https://stylepack.ai/packs/holographik.space/DESIGN.md

Pytania

Jak zrobić przyciski jak na holographik.space?

Użyj CSS z tej strony: główny przycisk ma tło #000000, tekst #ffffff, zaokrąglenie 9999px i wysokość 29px. Dodaj reguły hover i focus wypisane pod każdym wariantem i ustaw na przycisku czcionkę, której używa holographik.space.

Jakiego koloru są przyciski holographik.space?

Główny przycisk na holographik.space ma tło #000000 i tekst #ffffff. Strona używa łącznie 2 wariantów przycisków; każdy jest wypisany na tej stronie ze swoim tłem, obramowaniem, zaokrągleniem i rozmiarem.

Czy agent AI do kodowania może skopiować przyciski holographik.space?

Tak. Pakiet designu holographik.space ze Stylepack zawiera każdy wariant przycisku z jego stanami, czcionki, kolory i zrzuty ekranu, więc Claude Code, Cursor lub Copilot może zbudować pasujące przyciski.