Stylepack

Tombol

Tombol di holographik.space

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

Diukur dari holographik.space 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Tombol primary

Book the SpaceBook
Hover
tidak ada perubahan terlihat
Focus
outline 2px solid rgb(0, 0, 0), offset 2px
Transisi
background, color, 0.15s, 0.15s

Tombol secondary

Instagram
Hover
background transparent → #ffffff1a, text #b7b7b2 → #ffffff, icon/inner colour → #ffffff
Transisi
color, background, 0.15s, 0.15s

CSS-nya

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

buttons.css
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 29px;
  padding: 7px 14px;
  background: #000000;
  color: #ffffff;
  border: none;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  font-family: "KH Teka", sans-serif;
  cursor: pointer;
}
​
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  padding: 6px 12px;
  background: #f1f1f1;
  color: #000000;
  border: none;
  border-radius: 0px;
  font-size: 13px;
  font-weight: 500;
  font-family: "KH Teka", 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/holographik.space/DESIGN.md

Pertanyaan

Bagaimana cara membuat tombol seperti holographik.space?

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

Apa warna tombol holographik.space?

Tombol utama di holographik.space berwarna #000000 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 holographik.space?

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