Stylepack

Düğmeler

how.studio sitesindeki düğmeler

how.studio sitesinin birincil düğmesi #ecffb4 zemin, #333333 metin, 6px köşe ve 40px 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.

how.studio sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

secondary düğmesi

Start a project
Hover
görünür değişiklik yok

ghost düğmesi

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

CSS

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

buttons.css
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 13px 16px;
  background: #ecffb4;
  color: #333333;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 360;
  font-family: "Azeret Mono", sans-serif;
  cursor: pointer;
}
​
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0px 16px;
  background: transparent;
  color: #333333;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 360;
  font-family: "Azeret Mono", 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/how.studio/DESIGN.md

Sorular

how.studio gibi düğmeleri nasıl yaparım?

Bu sayfadaki CSS’i kullanın: birincil düğme #ecffb4 zemin, #333333 metin, 6px köşe, 40px yükseklikte. Her varyantın altında listelenen hover ve focus kurallarını ekleyin ve düğme fontunu how.studio sitesinin kullandığı fonta ayarlayın.

how.studio düğmeleri hangi renk?

how.studio sitesinin birincil düğmesi #ecffb4 zemin üzerinde #333333 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ı how.studio düğmelerini kopyalayabilir mi?

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