Stylepack

Düğmeler

allanpooley.com sitesindeki düğmeler

allanpooley.com sitesinin birincil düğmesi #ffffff zemin, #000000 metin, 24px köşe ve 45px yükseklikte. Aşağıda: sitenin kullandığı her düğme varyantı, hover ve focus durumları ve sizinkini aynı görünüme kavuşturacak CSS.

allanpooley.com sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

secondary düğmesi

The Pluriversity
Hover
görünür değişiklik yok
Geçiş
all, 0s

ghost düğmesi

Pause
Hover
görünür değişiklik yok

CSS

Her varyant için bir sınıf, ölçülen değerlerle. Font, allanpooley.com sitesinin düğmelerinde kullandığı font.

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

Yapay zeka ajanları için

Paket düz metindir, anahtar gerekmez: DESIGN.md dosyasını alın ya da tüm paketi MCP sunucusuyla Claude Code, Cursor veya Copilot'a verin.

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

Sorular

allanpooley.com gibi düğmeleri nasıl yaparım?

Bu sayfadaki CSS’i kullanın: birincil düğme #ffffff zemin, #000000 metin, 24px köşe, 45px yükseklikte. Her varyantın altında listelenen hover ve focus kurallarını ekleyin ve düğme fontunu allanpooley.com sitesinin kullandığı fonta ayarlayın.

allanpooley.com düğmeleri hangi renk?

allanpooley.com sitesinin birincil düğmesi #ffffff zemin üzerinde #000000 metin. Site toplam 2 düğme varyantı kullanıyor; her biri zemini, kenarlığı, köşe yarıçapı ve boyutuyla bu sayfada listelenmiş.

Bir yapay zeka kodlama ajanı allanpooley.com düğmelerini kopyalayabilir mi?

Evet. Stylepack’teki allanpooley.com tasarım paketi her düğme varyantını durumlarıyla, fontlarıyla, renkleriyle ve ekran görüntüleriyle içerir; böylece Claude Code, Cursor ya da Copilot aynı görünümde düğmeler kurabilir.