Stylepack

Font

Font yang dipakai mercury.com

mercury.com memakai arcadiaDisplay untuk judul dan arcadia untuk teks isinya. arcadiaDisplay adalah font berlisensi yang disajikan situs itu sendiri. Padanan gratis terdekat di Google Fonts: Inter.

Diukur dari mercury.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

2 font family
arcadiaDisplay
Dipakai untuk
h1, h2
Sumber
Dihosting sendiri
Alternatif gratis
Inter
arcadia
Dipakai untuk
body, label, button
Sumber
Dihosting sendiri
Alternatif gratis
Inter

CSS untuk menirunya

Variabel font dengan pengganti gratis di dalam stack, jadi CSS yang sama tetap bekerja dengan atau tanpa font berlisensinya.

:root {
  --font-heading: "arcadiaDisplay", "Inter", sans-serif; /* Inter stands in for arcadiaDisplay */
  --font-body: "arcadia", "Inter", sans-serif; /* Inter stands in for arcadia */
  --font-size-base: 12px;
}

Cara teksnya ditata

headline-displayQuick brown foxarcadiaDisplay / 49.3472px / 480 / lh 54.2819px
headline-lgQuick brown foxarcadiaDisplay / 28px / 480 / lh 33.6px / 0.42px
headline-mdQuick brown foxarcadia / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogarcadia / 12px / 400 / lh 16.8px / 0.24px
label-mdThe quick brown fox jumps over the lazy dogarcadia / 16px / 400 / lh 24px
buttonThe quick brown fox jumps over the lazy dogarcadia / 16px / 480 / lh 21.6px
Ukuran font yang dipakai
121618284249

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/mercury.com/DESIGN.md

Pertanyaan

Font apa yang dipakai mercury.com?

mercury.com memakai arcadiaDisplay, arcadia. Judul ditata dengan arcadiaDisplay dan teks isi dengan arcadia, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font mercury.com gratis dipakai?

Tidak. arcadiaDisplay adalah font berlisensi yang disajikan mercury.com sendiri. Padanan gratis terdekatnya adalah Inter, tersedia di Google Fonts. CSS di halaman ini menaruhnya di font stack sebagai pengganti.

Bagaimana cara mendapatkan tipografi yang sama seperti mercury.com di proyek saya?

Unduh paket desain mercury.com dari Stylepack: isinya font stack, skala tipografi, setiap gaya teks, dan screenshot, dalam bentuk yang bisa dijadikan acuan AI coding agent seperti Claude Code atau Cursor.