Stylepack

Tombol

Tombol di polestar.com

Tombol utama di polestar.com berwarna #3a3c3f dengan teks #ffffff, sudut 9999px, dan tinggi 48px. Di bawah ini: setiap varian tombol yang dipakai situs, state hover dan focus-nya, serta CSS agar tombol Anda tampil sama.

Diukur dari polestar.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Tombol primary

Mulai sekarang
Hover
tidak ada perubahan terlihat
Focus
no visible focus style measured (may rely on :focus-visible with keyboard only)
Transisi
background-color, color, border-color, box-shadow, opacity, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s

CSS-nya

Satu class per varian, dengan nilai hasil pengukuran. Fontnya adalah font yang dipakai polestar.com pada tombolnya.

buttons.css
.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;
}

Untuk agen AI

Paket berupa teks biasa, tanpa kunci: ambil DESIGN.md, atau serahkan seluruh paket ke Claude Code, Cursor, atau Copilot lewat server MCP.

curl -s https://stylepack.ai/packs/polestar.com/DESIGN.md

Pertanyaan

Bagaimana cara membuat tombol seperti polestar.com?

Pakai CSS di halaman ini: tombol utamanya berwarna #3a3c3f dengan teks #ffffff, sudut 9999px, tinggi 48px. Tambahkan aturan hover dan focus yang tercantum di tiap varian, lalu atur font tombolnya ke font yang dipakai polestar.com.

Apa warna tombol polestar.com?

Tombol utama di polestar.com berwarna #3a3c3f dengan teks #ffffff. Situs ini memakai 1 varian tombol secara keseluruhan; masing-masing tercantum di halaman ini beserta latar, border, radius, dan ukurannya.

Bisakah AI coding agent meniru tombol polestar.com?

Bisa. Paket desain polestar.com dari Stylepack memuat setiap varian tombol beserta state-nya, font, warna, dan screenshot, sehingga Claude Code, Cursor, atau Copilot bisa membuat tombol yang serupa.