Stylepack

Düğmeler

cloaked.com sitesindeki düğmeler

cloaked.com sitesinin birincil düğmesi #130f02 zemin, #fbf8ef metin, 9999px köşe ve 36px 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.

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

Tam tasarım paketini açPaketi indir

primary düğmesi

Get Started
Hover
moves up 2.4px
Focus
no visible focus style measured (may rely on :focus-visible with keyboard only)
Geçiş
transform, 0.167s

CSS

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

buttons.css
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0px 16px;
  background: #130f02;
  color: #fbf8ef;
  border: none;
  border-radius: 9999px;
  font-size: 16px;
  font-weight: 300;
  font-family: "Stkbureausans", sans-serif;
  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/cloaked.com/DESIGN.md

Sorular

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

Bu sayfadaki CSS’i kullanın: birincil düğme #130f02 zemin, #fbf8ef metin, 9999px köşe, 36px yükseklikte. Her varyantın altında listelenen hover ve focus kurallarını ekleyin ve düğme fontunu cloaked.com sitesinin kullandığı fonta ayarlayın.

cloaked.com düğmeleri hangi renk?

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

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

Evet. Stylepack’teki cloaked.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.