Stylepack

Tombol

Tombol di allanpooley.com

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

Diukur dari allanpooley.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Tombol secondary

The Pluriversity
Hover
tidak ada perubahan terlihat
Transisi
all, 0s

Tombol ghost

Pause
Hover
tidak ada perubahan terlihat

CSS-nya

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

buttons.css
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  padding: 12px 24px;
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 400;
  font-family: "fontNeueMontreal", sans-serif;
  cursor: pointer;
}
​
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 21px;
  padding: 0px 0px;
  background: transparent;
  color: #000000;
  border: none;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 400;
  font-family: "fontNeueMontreal", sans-serif;
  text-transform: uppercase;
  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/allanpooley.com/DESIGN.md

Pertanyaan

Bagaimana cara membuat tombol seperti allanpooley.com?

Pakai CSS di halaman ini: tombol utamanya berwarna #ffffff dengan teks #000000, sudut 24px, tinggi 45px. Tambahkan aturan hover dan focus yang tercantum di tiap varian, lalu atur font tombolnya ke font yang dipakai allanpooley.com.

Apa warna tombol allanpooley.com?

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

Bisakah AI coding agent meniru tombol allanpooley.com?

Bisa. Paket desain allanpooley.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.