Mercury
Alpių krantai sutemus
„Mercury“ veikia Alpių bankininkystės estetikoje: beveik juoda drobė (#171721) sukuria kinematografišką, observatorijos atmosferą, kur turinio paviršiai plūduriuoja kaip šiek tiek šviesesnės grafito kortelės. Sąsaja daugiausia yra monochrominė – dramblio kaulo spalvos tekstas ant onikso, o vienas ryškus kobalto spalvos elementas (#5266eb) naudojamas tik pagrindinei operacijai „Atidaryti sąskaitą“. Tipografija pasižymi pagrindine išraiškingumu: pasirinktinis 480 dydžio ekrano šriftas (nei paryškintas, nei šviesus) kartu su subtiliu 400 dydžio pagrindiniu šriftu sukuria užtikrintą, bet niekada ne ryškų stilių. Komponentai yra plokšti ir berėmės, paremti 12 pikselių grafito kortelės spinduliu ir kapsulės formos valdikliais, apibrėžiančiais struktūrą, o ne šešėlius. Pagrindinis nuotraukos elementas, užimantis visą puslapio paviršių – migloti kalnai prie vienišo stalo – nustato toną prieš pradedant naudoti vartotojo sąsają, o kiekvienas paskesnis elementas išlaiko tą tylią, aukščiausios kokybės tamsą.
Visas turinys sukurtas tamsiu, viso pločio stiliumi. Pagrindinis ekranas yra 100 pikselių viso pločio nuotrauka su centre esančia antrašte, potekste ir formos bloku el. pašto kontaktinei informacijai rinkti (didžiausias plotis ~640 pikselių). Po pagrindiniu ekranu turinys suskirstytas į sekcijas, kurių didžiausias plotis yra 1200 pikselių, su 72 pikselių vertikaliomis paraštėmis, kaitaliojant dviejų stulpelių išdėstymą su tekstu kairėje ir paveikslėliu dešinėje bei trijų stulpelių produktų aprašymo korteles. Navigacija yra permatoma viršutinė juosta, uždengta pagrindiniu ekranu, kuri slenkant pereina į vientisą tamsų užpildą, primenantį matinį stiklą (fono suliejimas). Poraštė yra tamsi su užrašo tekstu. Vertikalus ritmas yra dosnus – erdvus tankis su daugybe vietos tarp sekcijų. Nėra šoninės navigacijos; visa navigacija yra viršutinėje juostoje.
Pagrindinėje dalyje dominuoja viso pločio kinematografinės nuotraukos – atmosferiški, įkvepiantys peizažai (migloti kalnai, nuošalios darbo vietos gamtoje) – kuriose bankininkystė vaizduojama kaip kontempliatyvi, didinga patirtis. Nuotraukos yra aukštos kokybės, šiek tiek nesočios, su šaltais tonais ir subtiliu tamsiu sluoksniu, kad tekstas būtų lengvai įskaitomas. Po pagrindine dalimi vaizdai kaitaliojasi su produkto vartotojo sąsajos ekrano kopijomis ir abstrakčiais, atmosferiniais fonais. Nėra jokių iliustracijų, jokių meno kūrinius primenančių piktogramų – vaizdiniai elementai yra arba fotografiniai, arba grynai funkciniai. Visoje vartotojo sąsajoje naudojamas minimalistinis, dramblio kaulo spalvos linijų / glifų stilius, naudojamas navigacijoje, mygtukuose ir formos elementuose.
Paletė
Prekės ženklas
- Cobalt
#5266eb— Violetinė spalva naudojama užpildytiems mygtukams, pasirinktoms naršymo būsenoms ir sutelkto dėmesio valdomiems konversijos momentams.
Neutralus
- Onyx Canvas
#171721— Pagrindinio puslapio fonas, pagrindinis pagrindinio ekrano perdanga, poraštės ir skyrių drobės. - Graphite Card
#1e1e2a— Pakelti kartono ir sekcijų paviršiai yra vienu laipteliu lengvesni nei drobė, todėl atskyrimas yra sklandus. - Obsidian Button
#272735— Papildomi mygtukų užpildymai, įterptųjų formų fonai, neįkyrūs interaktyvūs paviršiai. - Slate Border
#70707d— Vidutinio storio skirtukai ir struktūrinės ribos tarp turinio blokų. - Mist Border
#e2e3ed— Plonos, vos pastebimos apvadėlės, vos pastebimi mygtukų kontūrai, įvesties lauko kraštai – šviesi apvadėlė tamsiame fone. - Ash Text
#c3c3cc— Pagrindinis tekstas, pagalbinis tekstas, papildomos etiketės – supaprastinta hierarchija neprarandant skaitomumo.
Tipografija
nuo 12 iki 65 pikselių · 9 žingsniai
- arcadia — pakeitimas: Inter · kontūrai 360, 400, 420, 480 · Pagrindinė ir vartotojo sąsaja – šriftas naršymui, pagrindiniam tekstui, mygtukams, įvesties laukams, etiketėms ir pagalbiniam tekstui, kurio svoris yra 400 pagrindiniam tekstui ir 480 paryškinimui. Tarpinė svorio skalė (360, 420, 480) vietoj standartinės (300/400/600) suteikia „Mercury“ tekstui išskirtinai subalansuotą išvaizdą – niekada neryškus, niekada ne per plonas, visada saikingas.
- arcadiaDisplay — pakeitimas: Söhne Breit · kontūrai 360, 480, 530 · Antraščių ir dekoratyvinių elementų šriftas yra 480 storio visiems antraščių dydžiams nuo 28 pikselių iki 65 pikselių, o didžiausiems dekoratyviniams elementams skirtas 530 storio šriftas. Mažas eilutės aukštis (1,1–1,2) ir teigiamas tarpas tarp raidžių (0,01–0,02 em) suteikia dekoratyviniam tekstui platų, architektūrinį vaizdą, o ne suspaustą struktūrą, būdingą redakciniam tekstui.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | vidutinis |
| Pagrindinis žingsnis | 12px |
| Mygtuko spindulys | 32px |
| Kortelės spindulys | 12px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 72px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Mercury stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Origin Financial — Vidurnakčio ramios prabangos galerija. Tyli, beveik tamsi patalpa, kurioje dideli serifiniai šriftai ir kelios apšviestos spalvotos plokštės sukuria įspūdį, kad finansai yra kruopščiai kuruotas meno kūrinys.
- Air — skulptūra „Vidurnakčio dangus per stiklą“
- Slash — Vidurnakčio skliautas su paauksuotomis sąskaitų knygomis
- dope.security — Vidurnakčio terminalas su violetiniais švyturėliais
- Modal — Fosforescencinis terminalas tamsioje serverių patalpoje – vienintelis šviesos šaltinis yra ryškiai žalia spalva
- Giga — Vidurnakčio horizontas virš matinio obsidiano
- Dovetail — Planų valdymo centras vidurnaktį
- Dovetail — Brėžinys po juodu mėnuliu – vos matomos grafiko linijos, baltas šriftas, vienas violetinis blizgutis
- AgentQL — Šiaurės pašvaistė virš terminalo naktį
- Supabase — Kodo redaktorius vidurnaktį su fosforescuojančiu žaliu tašku – vienu chromatiniu impulsu anglies dulkių jūroje
- Changelog — Observatorijos konsolė už tamsaus stiklo
- GitHub — Kosmoso valdymo pultas su bioliuminescenciniais valdymo taškais – tamsi, atmosferinė darbo vieta, kurioje vienas žalias švytėjimas rodo kelią į priekį.