Mercury
Tebing Alpine pada waktu senja
Mercury beroperasi dalam estetika perbankan Alpine: kanvas hampir hitam (#171721) mencipta suasana sinematik seperti balai cerap, di mana permukaan kandungan terapung sebagai kad grafit yang sedikit lebih cerah. Antara muka kebanyakannya monokrom—teks gading pada onyx, dengan satu elemen kobalt bertenaga (#5266eb) yang digunakan secara eksklusif untuk operasi teras "Akaun Terbuka". Tipografi membawa ekspresif utama: fon paparan tersuai 480 (tidak tebal mahupun terang) yang dipasangkan dengan fon badan halus 400 mencipta gaya yang yakin tetapi tidak pernah mencolok. Komponennya rata dan tanpa bingkai, bergantung pada jejari kad grafit 12px dan kawalan berbentuk kapsul untuk menentukan struktur dan bukannya bayang-bayang. Elemen foto utama, yang memenuhi seluruh permukaan halaman—gunung berkabus di atas meja yang sunyi—menetapkan nada sebelum antara muka pengguna bermula, dan setiap elemen berikutnya mengekalkan kegelapan premium yang tenang itu.
Semua kandungan direka bentuk dalam gaya gelap dan lebar penuh. Skrin utama ialah foto lebar penuh 100px dengan tajuk utama, subteks dan blok borang di tengah untuk mengumpulkan maklumat hubungan e-mel (lebar maksimum ~640px). Di bawah skrin utama, kandungan disusun dalam bahagian dengan lebar maksimum 1200px dengan margin menegak 72px, berselang-seli antara susun atur teks dua lajur di sebelah kiri dan imej di sebelah kanan, dan kad penerangan produk tiga lajur. Navigasi ialah bar atas lutsinar yang dilapisi pada skrin utama, yang, semasa anda menatal, beralih kepada isian gelap pejal yang mengingatkan pada kaca fros (kabur latar belakang). Pengaki gelap dengan teks nota. Ritma menegak adalah luas—ketumpatan luas dengan banyak ruang antara bahagian. Tiada navigasi sisi; semua navigasi terletak di bar atas.
Bahagian utama didominasi oleh gambar sinematik lebar penuh—landskap atmosfera yang memberi inspirasi (pergunungan berkabus, ruang kerja terpencil di alam semula jadi)—yang meletakkan perbankan sebagai pengalaman kontemplatif dan indah. Gambar-gambar tersebut berkualiti tinggi, sedikit dinyahtepu, dengan rona sejuk dan lapisan gelap yang halus untuk mengekalkan kebolehbacaan teks. Di bawah bahagian utama, imej berselang-seli dengan tangkapan skrin antara muka pengguna produk dan latar belakang abstrak yang atmosfera. Tiada ilustrasi, tiada ikon yang menyerupai karya seni—elemen visual sama ada bersifat fotografi atau berfungsi semata-mata. Gaya ikon di seluruh antara muka pengguna ialah gaya garis/glif berwarna gading minimalis yang digunakan dalam navigasi, butang dan elemen bentuk.
Palet
Jenama
- Cobalt
#5266eb— Ungu digunakan untuk butang yang diisi, keadaan navigasi yang dipilih dan momen penukaran berpandukan fokus.
Neutral
- Onyx Canvas
#171721— Latar belakang halaman utama, tindanan asas untuk skrin utama, kanvas untuk pengaki dan bahagian. - Graphite Card
#1e1e2a— Permukaan kadbod dan bahagian yang dinaikkan adalah satu langkah lebih ringan daripada kanvas, menghasilkan pemisahan yang lancar. - Obsidian Button
#272735— Isian butang tambahan, latar belakang borang terbenam, permukaan interaktif yang tidak mengganggu. - Slate Border
#70707d— Pembahagi ketebalan sederhana dan sempadan struktur antara blok kandungan. - Mist Border
#e2e3ed— Sempadan nipis yang hampir tidak ketara, garisan butang yang hampir tidak ketara, tepi medan input - sempadan terang pada latar belakang gelap. - Ash Text
#c3c3cc— Teks utama, teks bantu, label tambahan - hierarki yang dipermudahkan tanpa kehilangan kebolehbacaan.
Tipografi
dari 12 hingga 65 piksel · 9 langkah
- arcadia — penggantian: Inter · garis besar 360, 400, 420, 480 · Antara Muka Utama dan Pengguna - Fon untuk navigasi, teks isi, butang, medan input, label dan teks tambahan, dengan pemberat 400 untuk teks isi dan 480 untuk penekanan. Skala pemberat pertengahan (360, 420, 480) dan bukannya standard (300/400/600) memberikan teks Mercury rupa yang seimbang—tidak pernah tebal, tidak pernah nipis, sentiasa diukur.
- arcadiaDisplay — penggantian: Söhne Breit · garis besar 360, 480, 530 · Fon untuk tajuk dan elemen hiasan digunakan dalam pemberat 480 untuk semua saiz tajuk dari 28px hingga 65px, manakala 530 dikhaskan untuk elemen hiasan terbesar. Ketinggian baris rendah (1.1–1.2) dan jarak huruf positif (0.01–0.02em) memberikan teks hiasan rupa seni bina yang luas, bukannya struktur termampat yang terdapat dalam teks editorial.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 12px |
| Jejari butang | 32px |
| Jejari kad | 12px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 72px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Mercury dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Origin Financial — Sebuah galeri tengah malam yang penuh dengan kemewahan yang tenang. Sebuah bilik yang sunyi dan hampir gelap di mana fon serif yang besar dan beberapa panel berwarna yang diterangi mencipta perasaan bahawa kewangan adalah karya seni yang dikurasi dengan teliti.
- Air — arca "Langit Tengah Malam Melalui Kaca"
- Slash — Peti besi tengah malam dengan lejar berlapis emas
- dope.security — Terminal tengah malam dengan suar ungu
- Modal — Terminal berpendarfluor di dalam bilik pelayan yang gelap - satu-satunya sumber cahaya ialah warna hijau terang
- Giga — Ufuk tengah malam di atas obsidian berkabut
- Dovetail — Pusat Kawalan Cetak Biru pada Tengah Malam
- Dovetail — Cetak biru di bawah bulan hitam—garisan graf yang hampir tidak kelihatan, fon putih, satu kilauan ungu
- AgentQL — Cahaya Utara di atas terminal pada waktu malam
- Supabase — Editor kod pada tengah malam dengan titik hijau berpendar—satu denyutan kromatik di lautan debu arang batu
- Changelog — Konsol balai cerap di sebalik kaca gelap
- GitHub — Panel arahan angkasa lepas dengan titik kawalan bioluminesen—ruang kerja yang gelap dan atmosfera di mana satu cahaya hijau menunjukkan arah ke hadapan.