Mercury
Garaňky düşende Alp daglarynyň kenarlary
Merkuri Alp daglarynyň bank estetikasynda işleýär: gara reňkli polotno (#171721) kinematografik, obserwatoriýa ýaly atmosferany döredýär, bu ýerde mazmun ýüzleri biraz ýeňil grafit kartlary hökmünde ýüzýär. Interfeýs esasan monohrom — oniksde pil süňkünden ýasalan tekst, ýekeje janly kobalt (#5266eb) elementi diňe esasy "Hasap açmak" amaly üçin ulanylýar. Tipografiýa esasy eksprestiwligi özünde jemleýär: 480 ölçegli (garaňky däl, açyk däl) ýörite displeý şrifti 400 ölçegli inçe göwde şrifti bilen utgaşdyrylyp, ynamly, ýöne hiç haçan göze ilmeýän stil döredýär. Komponentler tekiz we çarçuwasyz bolup, kölegelerden has köp gurluşy kesgitlemek üçin 12 piksel grafit kart radiusyna we kapsula görnüşli dolandyryşlara daýanýar. Sahypanyň tutuş ýüzüni tutýan esasy surat elementi — ýalňyz stoluň garşysyna dumanly daglar — ulanyjy interfeýsi işe başlamazdan öň öwüşgin döredýär we indiki her bir element şol asuda, ýokary hilli garaňkylygy saklaýar.
Ähli mazmun garaňky, doly giňlikli stilde dizaýn edilen. Esasy ekran 100 piksellik, doly giňlikli surat bolup, merkezleşdirilen sözbaşy, alt tekst we e-poçta aragatnaşyk maglumatlaryny ýygnamak üçin forma bloky bilen üpjün edilen (maksimum giňlik ~640 piksel). Esasy ekranyň aşagynda mazmun 72 piksellik dik gyralary bolan, iň ýokary giňlik 1200 piksel bolan böleklerde, çep tarapdaky iki sütünli tekstiň düzülişi we sag tarapdaky surat, şeýle hem üç sütünli önüm düşündiriş kartlary bilen üýtgeýär. Nawigasiýa esasy ekranda örtülen açyk ýokarky panel bolup, ol aýlananyňyzda, buzly aýnany ýada salýan berk garaňky doldurgyja geçýär (fon bulanyşygy). Aşakky bölüm bellik teksti bilen garaňky. Dik ritm giň - bölümleriň arasynda köp boşluk bolan giň dykyzlyk. Gapdal nawigasiýa ýok; ähli nawigasiýa ýokarky panelde ýerleşýär.
Esasy bölümde doly giňlikdäki kinematografik suratlar — atmosferaly, ylham beriji peýzažlar (dumanly daglar, tebigatdaky gizlin iş ýerleri) agdyklyk edýär, olar bankçylygy oýlanyşykly, ajaýyp tejribe hökmünde görkezýär. Suratlar ýokary hilli, biraz doýgun däl, sowuk öwüşginler we tekstiň okalyşyny saklamak üçin inçe garaňky örtük bilen. Esasy bölümiň aşagynda suratlar önümiň ulanyjy interfeýsiniň skrinşotlary we abstrakt, atmosfera fonlary bilen çalşyrylýar. Suratlar, sungat eserlerine meňzeş nyşanlar ýok — wizual elementler ýa fotosurat, ýa-da diňe funksionaldyr. Ulanyjy interfeýsindäki nyşan stili nawigasiýada, düwmelerde we forma elementlerinde ulanylýan minimalist, pil süňki reňkli çyzyk/glif stilidir.
Palitra
Brend
- Cobalt
#5266eb— Gyrmyzy reňk doldurylan düwmeler, saýlanan nawigasiýa ýagdaýlary we fokus esasynda konwersiýa pursatlary üçin ulanylýar.
Neýtral
- Onyx Canvas
#171721— Esasy sahypanyň fony, baş ekran üçin esasy örtük, aşaky bölümler we bölümler üçin suratlar. - Graphite Card
#1e1e2a— Kartonyň we bölekleriň galdyrylan ýüzleri tuwaldan bir ädim ýeňil bolup, ýumşak bölüniş döredýär. - Obsidian Button
#272735— Goşmaça düwme doldurgyçlary, içine goýlan forma fonlary, göze ilmeýän interaktiw ýüzler. - Slate Border
#70707d— Orta galyňlykdaky bölüjiler we mazmun bloklarynyň arasyndaky gurluş serhetleri. - Mist Border
#e2e3ed— Inçe, zor bilen görünýän çäkler, zor bilen görünýän düwmeleriň konturlary, giriş meýdanynyň gyralary - garaňky fonda açyk çäk. - Ash Text
#c3c3cc— Esasy tekst, kömekçi tekst, goşmaça bellikler - okalyp bilinmegini ýitirmezden ýönekeýleşdirilen iýerarhiýa.
Tipografiýa
12-den 65 piksele çenli · 9 ädim
- arcadia — çalyşmak: Inter · konturlar 360, 400, 420, 480 · Esasy we ulanyjy interfeýsi - Nawigasiýa, esasy tekst, düwmeler, giriş meýdanlary, ýazgylar we kömekçi tekst üçin şrift, esasy tekst üçin 400 we nygtamak üçin 480 agramy bilen. Standart (300/400/600) ýerine orta agram ölçegi (360, 420, 480) Merkuriý tekstine aýratyn deňagramly görnüş berýär - hiç haçan galyň däl, hiç haçan inçe däl, hemişe ölçegli.
- arcadiaDisplay — çalyşmak: Söhne Breit · konturlar 360, 480, 530 · Sözbaşylar we bezeg elementleri üçin şrift 28px-den 65px-e çenli ähli sözbaşy ölçegleri üçin 480 agramynda ulanylýar, 530 bolsa iň uly bezeg elementleri üçin saklanýar. Pes setir beýikligi (1.1–1.2) we harplaryň arasyndaky boşluk (0.01–0.02em) bezeg tekstine redaksiýa tekstinde duş gelýän gysylan gurluşdan has giň, binagärlik keşbini berýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 12px |
| Düwme radiusy | 32px |
| Kart radiusy | 12px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 72px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Mercury stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Origin Financial — Ýary gijeki sessiz baýlygyň galereýasy. Uly serif şriftleri we birnäçe ýagtylandyrylan reňkli paneller maliýe sungatynyň üns bilen saýlanan sungat eseri ýaly duýgyny döredýän sessiz, diýen ýaly garaňky otag.
- Air — "Aýnanyň içinden gijäniň ýary asmany" heýkeli
- Slash — Altyn örtükli depderler bilen gijäniň ýarymyndaky seýf
- dope.security — Gülgün reňkli maýaklar bilen gijäniň ýarym terminaly
- Modal — Garaňky serwer otagyndaky fosforesens terminal - ýeke-täk ýagtylyk çeşmesi ýagty ýaşyl reňkde
- Giga — Buzly obsidianyň üstünde gijäniň ortasy gözýetim
- Dovetail — Gije ýarymynda taslama dolandyryş merkezi
- Dovetail — Gara aýyň aşagyndaky çyzgy — görünmeýän grafik çyzyklary, ak şrift, bir gyrmyzy ýalpyldawuk
- AgentQL — Gije terminalyň üstünde Demirgazyk çyralary
- Supabase — Ýary gijesinde fosforly ýaşyl nokatly kod redaktory — kömür tozanynyň deňzinde ýekeje hromatik impuls
- Changelog — Garaňky aýnanyň arkasyndaky gözegçilik konsoly
- GitHub — Biolüminesent dolandyryş nokatlary bolan kosmos dolandyryş paneli — garaňky, atmosferaly iş meýdany, bu ýerde ýekeje ýaşyl şöhle öňe tarap ýol görkezýär.