Stylepack

Düğmeler

arc.net sitesindeki düğmeler

arc.net sitesinin birincil düğmesi #ffffff1f zemin, #ffffff metin, 60px köşe ve 50px 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.

arc.net sitesinden 6 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

secondary düğmesi

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

ghost düğmesi

When will I no longer be
Hover
görünür değişiklik yok

CSS

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

buttons.css
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 14px 24px;
  background: #ffffff1f;
  color: #ffffff;
  border: none;
  border-radius: 60px;
  font-size: 16px;
  font-weight: 400;
  font-family: "ABC Oracle", sans-serif;
  cursor: pointer;
}
​
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 74px;
  padding: 24px 0px;
  background: transparent;
  color: #000000;
  border: none;
  border-radius: 0px;
  font-size: 22px;
  font-weight: 350;
  font-family: "ABC Oracle", 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/arc.net/DESIGN.md

Sorular

arc.net gibi düğmeleri nasıl yaparım?

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

arc.net düğmeleri hangi renk?

arc.net sitesinin birincil düğmesi #ffffff1f 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ı arc.net düğmelerini kopyalayabilir mi?

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