Düğmeler
polestar.com sitesindeki düğmeler
polestar.com sitesinin birincil düğmesi #3a3c3f zemin, #ffffff metin, 9999px köşe ve 48px 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.
polestar.com sitesinden 4 gün önce ölçüldü.
primary düğmesi
- Hover
- görünür değişiklik yok
- Focus
- no visible focus style measured (may rely on :focus-visible with keyboard only)
- Geçiş
- background-color, color, border-color, box-shadow, opacity, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s
CSS
Her varyant için bir sınıf, ölçülen değerlerle. Font, polestar.com sitesinin düğmelerinde kullandığı font.
.btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
padding: 0px 0px;
background: #3a3c3f;
color: #ffffff;
border: none;
border-radius: 9999px;
font-size: 16px;
font-weight: 400;
font-family: "Polestar Unica", 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/polestar.com/DESIGN.mdSorular
polestar.com gibi düğmeleri nasıl yaparım?
Bu sayfadaki CSS’i kullanın: birincil düğme #3a3c3f zemin, #ffffff metin, 9999px köşe, 48px yükseklikte. Her varyantın altında listelenen hover ve focus kurallarını ekleyin ve düğme fontunu polestar.com sitesinin kullandığı fonta ayarlayın.
polestar.com düğmeleri hangi renk?
polestar.com sitesinin birincil düğmesi #3a3c3f zemin üzerinde #ffffff 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ı polestar.com düğmelerini kopyalayabilir mi?
Evet. Stylepack’teki polestar.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.