Mercury
Gün batımında Alp dağ sıraları
Mercury, Alpler'e özgü bir bankacılık estetiği içinde faaliyet gösteriyor: neredeyse siyah bir tuval (#171721), sinematik, gözlem evi benzeri bir atmosfer yaratırken, içerik yüzeyleri biraz daha açık grafit kartlar gibi havada süzülüyor. Arayüz ağırlıklı olarak monokromdur—onik zemin üzerinde fildişi rengi metin ve yalnızca temel "Hesap Aç" işlemi için kullanılan tek bir canlı kobalt mavisi (#5266eb) öğe. Tipografi, birincil ifade gücünü taşıyor: 480 (ne kalın ne de ince) özel bir ekran yazı tipi, 400 ince bir gövde yazı tipiyle eşleştirilerek kendinden emin ancak asla gösterişli olmayan bir stil yaratıyor. Bileşenler düz ve çerçevesiz olup, gölgeler yerine yapıyı tanımlamak için 12 piksel grafit kart yarıçapına ve kapsül şeklindeki kontrollere dayanıyor. Sayfanın tüm yüzeyini kaplayan ana fotoğraf öğesi—yalnız bir masanın önündeki sisli dağlar—kullanıcı arayüzü devreye girmeden önce tonu belirliyor ve sonraki her öğe bu sessiz, üstün karanlığı koruyor.
Tüm içerik koyu, tam genişlikte bir stilde tasarlanmıştır. Ana ekran, ortalanmış başlık, alt metin ve e-posta iletişim bilgilerini toplamak için bir form bloğu (maksimum genişlik ~640 piksel) içeren 100 piksel genişliğinde, tam genişlikte bir fotoğraftan oluşmaktadır. Ana ekranın altında, içerik, 72 piksel dikey kenar boşluklarıyla maksimum 1200 piksel genişliğinde bölümler halinde düzenlenmiştir; solda metin ve sağda resimden oluşan iki sütunlu düzen ile üç sütunlu ürün açıklama kartları arasında geçiş yapmaktadır. Navigasyon, ana ekranın üzerine yerleştirilmiş şeffaf bir üst çubuktur ve kaydırdıkça buzlu camı andıran koyu bir dolguya (arka plan bulanıklığı) dönüşür. Alt kısım, not metni içeren koyu renktedir. Dikey ritim cömerttir; bölümler arasında bolca boşluk bulunan geniş bir yoğunluk sunar. Yan navigasyon yoktur; tüm navigasyon üst çubukta yer almaktadır.
Ana bölüm, bankacılığı tefekkür gerektiren, yüce bir deneyim olarak konumlandıran, atmosferik ve ilham verici manzaralar (sisli dağlar, doğadaki tenha çalışma alanları) içeren tam genişlikte sinematik fotoğraflarla domine ediliyor. Fotoğraflar yüksek kaliteli, hafifçe doygunluğu azaltılmış, soğuk tonlara sahip ve metnin okunabilirliğini korumak için ince bir koyu kaplama kullanılmış. Ana bölümün altında, görseller ürünün kullanıcı arayüzünün ekran görüntüleri ve soyut, atmosferik arka planlarla dönüşümlü olarak yer alıyor. Hiçbir illüstrasyon, sanat eserine benzeyen simge yok; görsel öğeler ya fotoğrafik ya da tamamen işlevsel. Kullanıcı arayüzündeki simge stili, gezinme, düğmeler ve form öğelerinde kullanılan minimalist, fildişi renginde bir çizgi/glif stilidir.
Palet
Marka
- Cobalt
#5266eb— Mor renk, doldurulmuş düğmeler, seçili gezinme durumları ve odaklanmayı gerektiren dönüşüm anları için kullanılır.
Doğal
- Onyx Canvas
#171721— Ana sayfa arka planı, ana ekran için temel kaplama, altbilgi ve bölümler için tuvaller. - Graphite Card
#1e1e2a— Karton ve bölümlerin kabartmalı yüzeyleri, tuvalden bir ton daha hafiftir ve bu da pürüzsüz bir ayrım yaratır. - Obsidian Button
#272735— Ek düğme dolguları, gömülü form arka planları, göze batmayan etkileşimli yüzeyler. - Slate Border
#70707d— İçerik blokları arasında orta kalınlıkta ayırıcılar ve yapısal sınırlar. - Mist Border
#e2e3ed— İnce, neredeyse fark edilmeyen kenarlıklar, neredeyse fark edilmeyen düğme hatları, giriş alanı kenarları - koyu bir arka plan üzerinde açık renkli bir kenarlık. - Ash Text
#c3c3cc— Ana metin, yardımcı metin, ek etiketler - okunabilirliği kaybetmeden basitleştirilmiş hiyerarşi.
Tipografi
12 ile 65 piksel arası · 9 adım
- arcadia — yenisiyle değiştirme: Inter · ana hatlar 360, 400, 420, 480 · Ana ve Kullanıcı Arayüzü - Gezinme, gövde metni, düğmeler, giriş alanları, etiketler ve yardımcı metin için kullanılan bir yazı tipi; gövde metni için 400, vurgu için 480 ağırlığındadır. Standart (300/400/600) yerine ara ağırlık ölçeği (360, 420, 480), Mercury metnine belirgin bir şekilde dengeli bir görünüm kazandırır; asla kalın, asla ince değil, her zaman ölçülü.
- arcadiaDisplay — yenisiyle değiştirme: Söhne Breit · ana hatlar 360, 480, 530 · Başlıklar ve dekoratif öğeler için kullanılan yazı tipi, 28 pikselden 65 piksele kadar tüm başlık boyutlarında 480 kalınlığındadır, en büyük dekoratif öğeler için ise 530 kalınlığı ayrılmıştır. Düşük satır yüksekliği (1,1–1,2) ve pozitif harf aralığı (0,01–0,02em), dekoratif metne, editoryal metinde bulunan sıkıştırılmış yapı yerine geniş, mimari bir görünüm kazandırır.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 12px |
| Düğme yarıçapı | 32px |
| Kart yarıçapı | 12px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 72px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Mercury tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- Origin Financial — Sessiz bir ihtişamın gece yarısı galerisi. Büyük serif yazı tipleri ve birkaç aydınlatılmış renkli panelin, finansın özenle tasarlanmış bir sanat eseri olduğu hissini yarattığı, sessiz, neredeyse karanlık bir oda.
- Air — "Camdan Gece Gökyüzü" heykeli
- Slash — Altın yaldızlı defterlerle dolu gece kasası
- dope.security — Mor işaretli gece terminali
- Modal — Karanlık bir sunucu odasında fosforlu bir terminal - tek ışık kaynağı parlak yeşil bir renk.
- Giga — Buzlu obsidyen üzerinde gece ufku
- Dovetail — Gece Yarısı Plan Kontrol Merkezi
- Dovetail — Kara ay altında bir plan - zar zor görünen grafik çizgileri, beyaz yazı tipi, bir mor kıvılcım.
- AgentQL — Geceleyin terminalin üzerinde kuzey ışıkları.
- Supabase — Gece yarısı fosforlu yeşil bir noktaya sahip bir kod düzenleyici—kömür tozu denizinde tek bir kromatik nabız atışı
- Changelog — Koyu renkli camın arkasındaki gözlem konsolu
- GitHub — Biyolüminesans kontrol noktalarına sahip bir uzay komuta paneli; tek bir yeşil parıltının ileriyi gösterdiği karanlık, atmosferik bir çalışma alanı.