Mercury
Alp sahilləri alaqaranlıqda
Merkuri Alp bankçılıq estetikası çərçivəsində işləyir: demək olar ki, qara rəngli kətan (#171721) kinematoqrafik, rəsədxanaya bənzər bir atmosfer yaradır, burada məzmun səthləri bir az daha yüngül qrafit kartları kimi üzür. İnterfeys əsasən monoxromdur - oniks üzərində fil sümüyü rəngli mətn, tək canlı kobalt (#5266eb) elementi isə yalnız əsas "Açıq Hesab" əməliyyatı üçün istifadə olunur. Tipoqrafiya əsas ifadəliliyi daşıyır: 480 ölçülü xüsusi ekran şrifti (nə qalın, nə də açıq) və 400 ölçülü incə gövdə şrifti inamlı, lakin heç vaxt parlaq olmayan bir üslub yaradır. Komponentlər düz və çərçivəsizdir, kölgələrdən daha çox strukturu müəyyən etmək üçün 12 piksellik qrafit kart radiusuna və kapsul formalı idarəetmə elementlərinə əsaslanır. Səhifənin bütün səthini tutan əsas foto element - tənha masanın fonunda dumanlı dağlar - istifadəçi interfeysi işə düşməzdən əvvəl tonu təyin edir və sonrakı hər bir element o sakit, premium qaranlığı qoruyur.
Bütün məzmun qaranlıq, tam enli üslubda dizayn edilmişdir. Əsas ekran mərkəzləşdirilmiş başlıq, alt mətn və e-poçt əlaqə məlumatlarını toplamaq üçün forma bloku olan 100 piksellik, tam enli fotoşəkildir (maksimum eni ~640 piksel). Əsas ekranın altında, məzmun, solda iki sütunlu mətn düzülüşü və sağda şəkil və üç sütunlu məhsul təsviri kartları arasında növbələşən, 72 piksel şaquli kənarları olan maksimum 1200 piksel enində hissələrdə təşkil edilmişdir. Naviqasiya, əsas ekranda örtülmüş şəffaf üst paneldir və sürüşdürdükcə buzlu şüşəni xatırladan möhkəm tünd bir doldurulmaya keçir (fon bulanıqlığı). Altbilgi qeyd mətni ilə qaranlıqdır. Şaquli ritm genişdir - bölmələr arasında bol boşluq olan geniş sıxlıq. Yan naviqasiya yoxdur; bütün naviqasiya yuxarı paneldə yerləşir.
Əsas bölmədə tam enli kinematoqrafik fotoşəkillər — atmosferik, ilhamverici mənzərələr (dumanlı dağlar, təbiətdəki tənha iş sahələri) üstünlük təşkil edir və bankçılığı düşüncəli, əzəmətli bir təcrübə kimi təqdim edir. Fotoşəkillər yüksək keyfiyyətli, bir qədər doymamış, sərin tonlara və mətnin oxunaqlılığını qorumaq üçün incə tünd örtüyə malikdir. Əsas hissənin altında şəkillər məhsulun istifadəçi interfeysinin ekran görüntüləri və mücərrəd, atmosferik fonlarla əvəz olunur. Heç bir illüstrasiya, sənət əsərlərinə bənzər nişanlar yoxdur — vizual elementlər ya fotoqrafik, ya da sırf funksionaldır. İstifadəçi interfeysindəki nişan stili naviqasiya, düymələr və forma elementlərində istifadə edilən minimalist, fil sümüyü rəngli xətt/qlif stilidir.
Palitra
Brend
- Cobalt
#5266eb— Bənövşəyi rəng doldurulmuş düymələr, seçilmiş naviqasiya vəziyyətləri və fokusla idarə olunan dönüşüm anları üçün istifadə olunur.
Neytral
- Onyx Canvas
#171721— Əsas səhifənin arxa planı, ana ekran üçün əsas örtük, altbilgi və bölmələr üçün kətan şəkilləri. - Graphite Card
#1e1e2a— Karton və hissələrin qaldırılmış səthləri kətandan bir pillə daha yüngüldür və hamar bir ayrılma yaradır. - Obsidian Button
#272735— Əlavə düymə doldurmaları, daxil edilmiş forma fonları, gözə çarpmayan interaktiv səthlər. - Slate Border
#70707d— Orta qalınlıqlı bölücülər və məzmun blokları arasındakı struktur sərhədləri. - Mist Border
#e2e3ed— Nazik, güclə nəzərə çarpan haşiyələr, güclə nəzərə çarpan düymə konturları, giriş sahəsinin kənarları - tünd fonda açıq haşiyə. - Ash Text
#c3c3cc— Əsas mətn, köməkçi mətn, əlavə etiketlər - oxunaqlılığı itirmədən sadələşdirilmiş iyerarxiya.
Tipoqrafiya
12-dən 65 pikselə qədər · 9 addım
- arcadia — əvəzetmə: Inter · konturlar 360, 400, 420, 480 · Əsas və İstifadəçi İnterfeysi - Naviqasiya, əsas mətn, düymələr, giriş sahələri, etiketlər və köməkçi mətn üçün şrift, əsas mətn üçün 400 və vurğu üçün 480 çəkiyə malikdir. Standart (300/400/600) əvəzinə orta çəki şkalası (360, 420, 480) Merkuri mətninə heç vaxt qalın, heç vaxt incə, həmişə ölçülü olmayan aydın balanslaşdırılmış bir görünüş verir.
- arcadiaDisplay — əvəzetmə: Söhne Breit · konturlar 360, 480, 530 · Başlıqlar və dekorativ elementlər üçün şrift 28 pikseldən 65 pikselə qədər bütün başlıq ölçüləri üçün 480 çəkidə istifadə olunur, 530 isə ən böyük dekorativ elementlər üçün ayrılıb. Aşağı sətir hündürlüyü (1.1–1.2) və müsbət hərf aralığı (0.01–0.02 sm) dekorativ mətnə redaksiya mətnində olan sıxılmış strukturdan daha geniş, memarlıq görünüşü verir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 12px |
| Düymə radiusu | 32px |
| Kart radiusu | 12px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 72px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Mercury üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Origin Financial — Sakit dəbdəbənin gecə yarısı qalereyası. Böyük serif şriftlərin və bir neçə işıqlı rəngli panelin maliyyənin diqqətlə seçilmiş bir sənət əsəri olduğu hissini yaratdığı sakit, demək olar ki, qaranlıq bir otaq.
- Air — "Gecəyarısı Şüşədən Səma" heykəli
- Slash — Qızılı dəftərləri olan gecə yarısı sərdabəsi
- dope.security — Bənövşəyi mayaklarla gecəyarısı terminalı
- Modal — Qaranlıq server otağında fosforlu terminal - yeganə işıq mənbəyi parlaq yaşıl rəngdir
- Giga — Buzlu obsidianın üzərində gecə yarısı üfüqü
- Dovetail — Gecəyarısı Plan İdarəetmə Mərkəzi
- Dovetail — Qara ayın altındakı plan — çətinliklə görünən qrafik xətləri, ağ şrift, bir bənövşəyi parıltı
- AgentQL — Gecə terminalının üzərindəki şimal işıqları
- Supabase — Gecə yarısı fosforlu yaşıl nöqtə ilə kod redaktoru - kömür tozu dənizində tək bir xromatik impuls
- Changelog — Tünd şüşənin arxasındakı rəsədxana konsolu
- GitHub — Bioluminescent idarəetmə nöqtələri olan kosmik idarəetmə paneli — tək bir yaşıl parıltının irəliyə doğru yol göstərdiyi qaranlıq, atmosferik bir iş sahəsi.