Stylepack

Düğmeler

holographik.space sitesindeki düğmeler

holographik.space sitesinin birincil düğmesi #000000 zemin, #ffffff metin, 9999px köşe ve 29px 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.

holographik.space sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

primary düğmesi

Book the SpaceBook
Hover
görünür değişiklik yok
Focus
outline 2px solid rgb(0, 0, 0), offset 2px
Geçiş
background, color, 0.15s, 0.15s

secondary düğmesi

Instagram
Hover
background transparent → #ffffff1a, text #b7b7b2 → #ffffff, icon/inner colour → #ffffff
Geçiş
color, background, 0.15s, 0.15s

CSS

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

buttons.css
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 29px;
  padding: 7px 14px;
  background: #000000;
  color: #ffffff;
  border: none;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  font-family: "KH Teka", sans-serif;
  cursor: pointer;
}
​
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  padding: 6px 12px;
  background: #f1f1f1;
  color: #000000;
  border: none;
  border-radius: 0px;
  font-size: 13px;
  font-weight: 500;
  font-family: "KH Teka", 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/holographik.space/DESIGN.md

Sorular

holographik.space gibi düğmeleri nasıl yaparım?

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

holographik.space düğmeleri hangi renk?

holographik.space sitesinin birincil düğmesi #000000 zemin üzerinde #ffffff 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ı holographik.space düğmelerini kopyalayabilir mi?

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