Mercury
Alp tog'lari qirg'oqlari qorong'i tushganda
Merkuriy Alp tog'lari bank estetikasi doirasida ishlaydi: deyarli qora rangli kanvas (#171721) kinematik, rasadxonaga o'xshash atmosferani yaratadi, bu yerda kontent yuzalari biroz yengilroq grafit kartalari sifatida suzib yuradi. Interfeys asosan monoxrom — oniksdagi fil suyagidan yasalgan matn, faqat asosiy "Ochiq hisob" operatsiyasi uchun ishlatiladigan bitta yorqin kobalt (#5266eb) elementi mavjud. Tipografiya asosiy ifodalilikni o'zida mujassam etgan: 480 o'lchamdagi maxsus displey shrifti (na qalin, na och) va 400 o'lchamdagi nozik tana shrifti ishonchli, ammo hech qachon yorqin bo'lmagan uslubni yaratadi. Komponentlar tekis va ramkasiz bo'lib, soyalar o'rniga strukturani aniqlash uchun 12 pikselli grafit karta radiusi va kapsula shaklidagi boshqaruv elementlariga tayanadi. Sahifaning butun yuzasini egallagan asosiy fotoelement — yolg'iz stolga qarshi tumanli tog'lar — foydalanuvchi interfeysi ishga tushishidan oldin ohangni belgilaydi va keyingi har bir element o'sha sokin, premium zulmatni saqlab qoladi.
Barcha kontent qorong'u, to'liq kenglikdagi uslubda yaratilgan. Asosiy ekran - bu markazlashtirilgan sarlavha, pastki matn va elektron pochta aloqa ma'lumotlarini to'plash uchun shakl bloki (maksimal kenglik ~640px) bo'lgan 100 pikselli, to'liq kenglikdagi fotosurat. Asosiy ekran ostida kontent chap tomonda ikki ustunli matn va o'ng tomonda rasm hamda uch ustunli mahsulot tavsifi kartalari o'rtasida almashinib turadigan 72 pikselli vertikal chegaralar bilan maksimal kenglikdagi 1200 pikselli qismlarga ajratilgan. Navigatsiya - bu asosiy ekranda shaffof yuqori panel bo'lib, u aylantirilganda muzlatilgan oynani eslatuvchi qattiq qorong'u plombaga o'tadi (fon xiralashishi). Pastki qismda nota matni bilan qorong'i. Vertikal ritm saxovatli - bo'limlar orasida ko'p joy bo'lgan keng zichlik. Yon navigatsiya yo'q; barcha navigatsiya yuqori panelda joylashgan.
Asosiy qismda to'liq kenglikdagi kinematik fotosuratlar — atmosfera, ilhomlantiruvchi landshaftlar (tumanli tog'lar, tabiatdagi tanho ish joylari) ustunlik qiladi — bu bank ishini tafakkurga boy, ulug'vor tajriba sifatida ko'rsatadi. Fotosuratlar yuqori sifatli, biroz to'yingan, salqin ohanglar va matnning o'qilishi osonligini saqlab qolish uchun nozik qorong'i qoplama bilan. Asosiy qism ostida tasvirlar mahsulotning foydalanuvchi interfeysi skrinshotlari va mavhum, atmosfera fonlari bilan almashinib turadi. Hech qanday illyustratsiyalar, san'at asarlariga o'xshash piktogrammalar yo'q — vizual elementlar fotosurat yoki sof funktsionaldir. Foydalanuvchi interfeysi bo'ylab piktogramma uslubi navigatsiya, tugmalar va shakl elementlarida ishlatiladigan minimalist, fil suyagi rangidagi chiziq/glif uslubidir.
Palitra
Brend
- Cobalt
#5266eb— Binafsha rang to'ldirilgan tugmalar, tanlangan navigatsiya holatlari va fokusga asoslangan konversiya momentlari uchun ishlatiladi.
Neytral
- Onyx Canvas
#171721— Asosiy sahifa fon rasmi, bosh ekran uchun oddiy qoplama, pastki qism va bo'limlar uchun rasmlar. - Graphite Card
#1e1e2a— Karton va kesimlarning ko'tarilgan yuzalari tuvalga qaraganda bir pog'ona yengilroq bo'lib, silliq ajratish hosil qiladi. - Obsidian Button
#272735— Qo'shimcha tugmachalar to'ldirilishi, o'rnatilgan shakl fonlari, ko'zga tashlanmaydigan interaktiv yuzalar. - Slate Border
#70707d— O'rta qalinlikdagi bo'lgichlar va kontent bloklari orasidagi strukturaviy chegaralar. - Mist Border
#e2e3ed— Yupqa, deyarli sezilmaydigan chegaralar, deyarli sezilmaydigan tugma konturlari, kiritish maydonining chekkalari - qorong'i fonda och chegara. - Ash Text
#c3c3cc— Asosiy matn, yordamchi matn, qo'shimcha yorliqlar - o'qishni yo'qotmasdan soddalashtirilgan ierarxiya.
Tipografiya
12 dan 65 pikselgacha · 9 qadam
- arcadia — almashtirish: Inter · konturlar 360, 400, 420, 480 · Asosiy va foydalanuvchi interfeysi - Navigatsiya, asosiy matn, tugmalar, kiritish maydonlari, yorliqlar va yordamchi matn uchun shrift bo'lib, asosiy matn uchun 400 va urg'u uchun 480 og'irlikda. Standart (300/400/600) o'rniga oraliq og'irlik shkalasi (360, 420, 480) Merkuriy matniga aniq muvozanatli ko'rinish beradi - hech qachon qalin, hech qachon ingichka emas, har doim o'lchovli.
- arcadiaDisplay — almashtirish: Söhne Breit · konturlar 360, 480, 530 · Sarlavhalar va dekorativ elementlar uchun shrift 28px dan 65px gacha bo'lgan barcha sarlavha o'lchamlari uchun 480 og'irlikda ishlatiladi, 530 esa eng katta dekorativ elementlar uchun ajratilgan. Past satr balandligi (1.1–1.2) va musbat harflar oralig'i (0.01–0.02em) dekorativ matnga tahririy matnda mavjud bo'lgan siqilgan tuzilma o'rniga keng, me'moriy ko'rinish beradi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | o'rtacha |
| Asosiy qadam | 12px |
| Tugma radiusi | 32px |
| Karta radiusi | 12px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 72px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Mercury uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Origin Financial — Yarim tunda sokin hashamat galereyasi. Katta serif shriftlar va bir nechta yoritilgan rangli panellar moliya puxta tanlangan san'at asari degan tuyg'uni uyg'otadigan sokin, deyarli qorong'i xona.
- Air — "Shisha orqali yarim tun osmoni" haykali
- Slash — Yarim tunda zarhal daftarchalar bilan qoplangan ombor
- dope.security — Binafsha mayoqlar bilan yarim tungi terminal
- Modal — Qorong'i server xonasidagi fosforli terminal - yagona yorug'lik manbai yorqin yashil rang
- Giga — Muzli obsidian ustida yarim tun ufqi
- Dovetail — Yarim tunda loyihani boshqarish markazi
- Dovetail — Qora oy ostida chizma — zo'rg'a ko'rinadigan grafik chiziqlari, oq shrift, bitta binafsha uchqun
- AgentQL — Kechasi terminal ustidagi shimoliy chiroqlar
- Supabase — Yarim tunda fosforli yashil nuqta bilan kod muharriri - ko'mir changi dengizidagi bitta xromatik impuls
- Changelog — Qora shisha orqasidagi rasadxona konsoli
- GitHub — Biolyuminestsent boshqaruv nuqtalariga ega kosmik boshqaruv paneli — qorong'u, atmosferali ish maydoni, bu yerda bitta yashil nur oldinga yo'lni ko'rsatadi.