Stylepack

Przyciski

Przyciski na wearebou.com

Główny przycisk na wearebou.com ma tło #0a0a0a, tekst #ffffff, zaokrąglenie 9999px i wysokość 39px. 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 wearebou.com 4 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Przycisk primary

Read full case
Hover
brak widocznej zmiany

Przycisk secondary

Helsinki
Hover
brak widocznej zmiany

CSS

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

buttons.css
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 39px;
  padding: 10.4px 17.6px;
  background: #0a0a0a;
  color: #ffffff;
  border: 1px solid #0a0a0a;
  border-radius: 9999px;
  font-size: 16px;
  font-weight: 300;
  font-family: "StabilGrotesk", sans-serif;
  cursor: pointer;
}
​
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 4px 14px;
  background: #ffffff40;
  color: #ffffff;
  border: none;
  border-radius: 100px;
  font-size: 10px;
  font-weight: 600;
  font-family: "StabilGrotesk", 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/wearebou.com/DESIGN.md

Pytania

Jak zrobić przyciski jak na wearebou.com?

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

Jakiego koloru są przyciski wearebou.com?

Główny przycisk na wearebou.com ma tło #0a0a0a 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 wearebou.com?

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