Stylepack

Przyciski

Przyciski na allanpooley.com

Główny przycisk na allanpooley.com ma tło #ffffff, tekst #000000, zaokrąglenie 24px i wysokość 45px. 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 allanpooley.com 4 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Przycisk secondary

The Pluriversity
Hover
brak widocznej zmiany
Przejście
all, 0s

Przycisk ghost

Pause
Hover
brak widocznej zmiany

CSS

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

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

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/allanpooley.com/DESIGN.md

Pytania

Jak zrobić przyciski jak na allanpooley.com?

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

Jakiego koloru są przyciski allanpooley.com?

Główny przycisk na allanpooley.com ma tło #ffffff i tekst #000000. 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 allanpooley.com?

Tak. Pakiet designu allanpooley.com 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.