Tombol
Tombol di situationnormal.co
Tombol utama di situationnormal.co berwarna #a3a3a34d dengan teks #0000ee, sudut 9999px, dan tinggi 42px. Di bawah ini: setiap varian tombol yang dipakai situs, state hover dan focus-nya, serta CSS agar tombol Anda tampil sama.
Diukur dari situationnormal.co 4 hari yang lalu.
Tombol secondary
- Hover
- background #a3a3a34d → #e3e3e3, transforms
- Transisi
- all, 0s
CSS-nya
Satu class per varian, dengan nilai hasil pengukuran. Fontnya adalah font yang dipakai situationnormal.co pada tombolnya.
.btn-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
height: 42px;
padding: 10px 10px;
background: #a3a3a34d;
color: #0000ee;
border: none;
border-radius: 9999px;
font-size: 12px;
font-weight: 400;
font-family: "EB Garamond", 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/situationnormal.co/DESIGN.mdPertanyaan
Bagaimana cara membuat tombol seperti situationnormal.co?
Pakai CSS di halaman ini: tombol utamanya berwarna #a3a3a34d dengan teks #0000ee, sudut 9999px, tinggi 42px. Tambahkan aturan hover dan focus yang tercantum di tiap varian, lalu atur font tombolnya ke font yang dipakai situationnormal.co.
Apa warna tombol situationnormal.co?
Tombol utama di situationnormal.co berwarna #a3a3a34d dengan teks #0000ee. 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 situationnormal.co?
Bisa. Paket desain situationnormal.co dari Stylepack memuat setiap varian tombol beserta state-nya, font, warna, dan screenshot, sehingga Claude Code, Cursor, atau Copilot bisa membuat tombol yang serupa.