Stylepack

Düğmeler

situationnormal.co sitesindeki düğmeler

situationnormal.co sitesinin birincil düğmesi #a3a3a34d zemin, #0000ee metin, 9999px köşe ve 42px 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.

situationnormal.co sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

secondary düğmesi

Home
Hover
background #a3a3a34d → #e3e3e3, transforms
Geçiş
all, 0s

CSS

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

buttons.css
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 10px 10px;
  background: #a3a3a34d;
  color: #0000ee;
  border: none;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 400;
  font-family: "EB Garamond", 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/situationnormal.co/DESIGN.md

Sorular

situationnormal.co gibi düğmeleri nasıl yaparım?

Bu sayfadaki CSS’i kullanın: birincil düğme #a3a3a34d zemin, #0000ee metin, 9999px köşe, 42px yükseklikte. Her varyantın altında listelenen hover ve focus kurallarını ekleyin ve düğme fontunu situationnormal.co sitesinin kullandığı fonta ayarlayın.

situationnormal.co düğmeleri hangi renk?

situationnormal.co sitesinin birincil düğmesi #a3a3a34d zemin üzerinde #0000ee 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ı situationnormal.co düğmelerini kopyalayabilir mi?

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