Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpengembangMengembangkan alat AI untuk bisnis. Berkualitas tinggi. Terjangkau.Kirim pesan di Telegram
Mercury — pratinjau situs dengan gaya ini

Mercury

Tebing-tebing Alpen saat senja

Mercury beroperasi dengan estetika perbankan Alpen: kanvas hampir hitam (#171721) menciptakan suasana sinematik seperti observatorium, di mana permukaan konten mengambang sebagai kartu grafit yang sedikit lebih terang. Antarmuka didominasi monokrom—teks gading di atas onyx, dengan satu elemen kobalt cerah (#5266eb) yang digunakan secara eksklusif untuk operasi inti "Buka Rekening". Tipografi membawa ekspresivitas utama: font tampilan khusus 480 (tidak tebal maupun tipis) dipasangkan dengan font isi yang halus 400 menciptakan gaya yang percaya diri tetapi tidak pernah mencolok. Komponennya datar dan tanpa bingkai, mengandalkan radius kartu grafit 12px dan kontrol berbentuk kapsul untuk mendefinisikan struktur daripada bayangan. Elemen foto utama, yang menempati seluruh permukaan halaman—pegunungan berkabut di atas meja yang sepi—menentukan nada sebelum antarmuka pengguna aktif, dan setiap elemen selanjutnya mempertahankan kegelapan yang tenang dan premium tersebut.

Semua konten dirancang dengan gaya gelap dan lebar penuh. Layar utama adalah foto lebar penuh 100px dengan judul, subteks, dan blok formulir yang terpusat untuk mengumpulkan informasi kontak email (lebar maksimum ~640px). Di bawah layar utama, konten diatur dalam bagian-bagian dengan lebar maksimum 1200px dan margin vertikal 72px, bergantian antara tata letak dua kolom teks di sebelah kiri dan gambar di sebelah kanan, serta kartu deskripsi produk tiga kolom. Navigasi berupa bilah atas transparan yang ditumpangkan pada layar utama, yang, saat Anda menggulir, bertransisi menjadi isian gelap solid yang mengingatkan pada kaca buram (blur latar belakang). Footer berwarna gelap dengan teks catatan. Ritme vertikalnya lapang—kepadatan yang luas dengan banyak ruang antar bagian. Tidak ada navigasi samping; semua navigasi terletak di bilah atas.

Bagian utama didominasi oleh foto-foto sinematik berukuran penuh—lanskap atmosferik dan inspiratif (pegunungan berkabut, ruang kerja terpencil di alam)—yang memposisikan perbankan sebagai pengalaman yang kontemplatif dan agung. Foto-foto tersebut berkualitas tinggi, sedikit dikurangi saturasinya, dengan nada dingin dan lapisan gelap yang halus untuk menjaga keterbacaan teks. Di bawah bagian utama, gambar-gambar tersebut bergantian dengan tangkapan layar antarmuka pengguna produk dan latar belakang abstrak dan atmosferik. Tidak ada ilustrasi, tidak ada ikon yang menyerupai karya seni—elemen visualnya berupa foto atau murni fungsional. Gaya ikon di seluruh antarmuka pengguna adalah gaya garis/glif minimalis berwarna gading yang digunakan dalam navigasi, tombol, dan elemen formulir.

Palet

Merek

  • Cobalt #5266eb — Warna ungu digunakan untuk tombol yang terisi penuh, status navigasi yang dipilih, dan momen konversi yang dipicu oleh fokus.

Netral

  • Onyx Canvas #171721 — Latar belakang halaman utama, lapisan dasar untuk layar beranda, kanvas untuk footer dan bagian-bagian.
  • Graphite Card #1e1e2a — Permukaan karton dan bagian-bagian yang menonjol memiliki ketebalan satu tingkat lebih ringan daripada kanvas, sehingga menciptakan pemisahan yang halus.
  • Obsidian Button #272735 — Pengisian tombol tambahan, latar belakang formulir terintegrasi, permukaan interaktif yang tidak mengganggu.
  • Slate Border #70707d — Pembatas dengan ketebalan sedang dan batas struktural antara blok konten.
  • Mist Border #e2e3ed — Garis tepi tipis yang hampir tidak terlihat, garis luar tombol yang hampir tidak terlihat, tepi kolom input - garis tepi tipis pada latar belakang gelap.
  • Ash Text #c3c3cc — Teks utama, teks bantu, label tambahan - hierarki yang disederhanakan tanpa mengurangi keterbacaan.

Tipografi

dari 12 hingga 65px · 9 langkah

  • arcadia — penggantian: Inter · garis besar 360, 400, 420, 480 · Font Utama dan Antarmuka Pengguna - Font untuk navigasi, teks isi, tombol, kolom input, label, dan teks tambahan, dengan ketebalan 400 untuk teks isi dan 480 untuk penekanan. Skala ketebalan menengah (360, 420, 480) sebagai pengganti standar (300/400/600) memberikan tampilan teks Mercury yang seimbang—tidak pernah tebal, tidak pernah tipis, selalu terukur.
  • arcadiaDisplay — penggantian: Söhne Breit · garis besar 360, 480, 530 · Font untuk judul dan elemen dekoratif menggunakan bobot 480 untuk semua ukuran judul dari 28px hingga 65px, sedangkan bobot 530 dikhususkan untuk elemen dekoratif terbesar. Tinggi baris yang rendah (1,1–1,2) dan spasi antar huruf positif (0,01–0,02em) memberikan teks dekoratif tampilan yang lebar dan arsitektural, bukan struktur yang padat seperti yang ditemukan dalam teks editorial.

Interval dan bentuk

TujuanArti
Kepadatanrata-rata
Langkah dasar12px
Radius tombol32px
Radius kartu12px
Bayangantidak - batas, bukan bayangan
Di antara bagian-bagiannya72px
Lebar halaman1200px

AI akan membangun situs web Anda dengan gaya Mercury dan mengisinya.

  • Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
  • Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
  • Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
  • Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.

Gaya serupa

  • Origin Financial — Sebuah galeri tengah malam yang penuh kemewahan yang tenang. Sebuah ruangan yang sunyi, hampir gelap, di mana font serif besar dan beberapa panel berwarna yang bercahaya menciptakan perasaan bahwa keuangan adalah sebuah karya seni yang dikurasi dengan cermat.
  • Air — patung "Langit Tengah Malam Melalui Kaca"
  • Slash — Ruang penyimpanan tengah malam dengan buku besar berlapis emas
  • dope.security — Terminal tengah malam dengan lampu suar ungu
  • Modal — Terminal berpendar di ruang server yang gelap - satu-satunya sumber cahaya adalah warna hijau terang.
  • Giga — Cakrawala tengah malam di atas obsidian yang membeku
  • Dovetail — Pusat Kontrol Cetak Biru di Tengah Malam
  • Dovetail — Sebuah cetak biru di bawah bulan hitam—garis grafik yang hampir tak terlihat, huruf putih, satu kilauan ungu.
  • AgentQL — Cahaya aurora borealis di atas terminal pada malam hari.
  • Supabase — Penyunting kode di tengah malam dengan titik hijau berpendar—sebuah denyut kromatik tunggal di lautan debu batu bara.
  • Changelog — Konsol observatorium di balik kaca gelap
  • GitHub — Panel komando luar angkasa dengan titik kontrol bioluminesen—ruang kerja yang gelap dan penuh atmosfer di mana satu cahaya hijau menunjukkan arah ke depan.