Stylepack

Tombol

Tombol di arc.net

Tombol utama di arc.net berwarna #ffffff1f dengan teks #ffffff, sudut 60px, dan tinggi 50px. Di bawah ini: setiap varian tombol yang dipakai situs, state hover dan focus-nya, serta CSS agar tombol Anda tampil sama.

Diukur dari arc.net 6 hari yang lalu.

Buka paket desain lengkapUnduh paket

Tombol secondary

Read more
Hover
tidak ada perubahan terlihat

Tombol ghost

When will I no longer be
Hover
tidak ada perubahan terlihat

CSS-nya

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

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;
}

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/arc.net/DESIGN.md

Pertanyaan

Bagaimana cara membuat tombol seperti arc.net?

Pakai CSS di halaman ini: tombol utamanya berwarna #ffffff1f dengan teks #ffffff, sudut 60px, tinggi 50px. Tambahkan aturan hover dan focus yang tercantum di tiap varian, lalu atur font tombolnya ke font yang dipakai arc.net.

Apa warna tombol arc.net?

Tombol utama di arc.net berwarna #ffffff1f dengan teks #ffffff. 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 arc.net?

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