Mercury
Alpide kaldad videvikus
Mercury tegutseb Alpide pangandusstiilis: peaaegu must lõuend (#171721) loob filmiliku, observatooriumilaadse atmosfääri, kus sisupinnad hõljuvad veidi heledamate grafiitkaartidena. Liides on valdavalt monokroomne – elevandiluu tekst oonüksil, üksainus erksavärviline koobaltsinine element (#5266eb), mida kasutatakse ainult põhifunktsiooni „Ava konto“ jaoks. Tüpograafia kannab peamist ekspressiivsust: kohandatud kuvafont 480 (ei paks ega hele) koos peene 400 põhifontiga loob enesekindla, kuid mitte kunagi kriiskava stiili. Komponendid on tasased ja raamita, tuginedes 12-pikslisele grafiitkaardi raadiusele ja kapslikujulistele juhtelementidele, mis määratlevad struktuuri, mitte varje. Peamine fotoelement, mis võtab enda alla kogu lehe pinna – udused mäed üksildase laua taustal – annab tooni enne, kui kasutajaliides sisse lülitub, ja iga järgnev element säilitab selle vaikse, esmaklassilise tumeduse.
Kogu sisu on kujundatud tumedas, täislaiuses stiilis. Põhiekraan on 100 piksli suurune täislaiuses foto, millel on tsentreeritud pealkiri, alatekst ja vormiplokk e-posti kontaktandmete kogumiseks (maksimaalne laius ~640 pikslit). Põhiekraan all on sisu jaotatud maksimaalse laiusega 1200 pikslit ja 72 piksli suuruste vertikaalsete veeristega osadeks, kus vaheldumisi on tekst vasakul ja pilt paremal kaheveeruline ning tootekirjelduskaardid kolmeveerulised. Navigeerimine on läbipaistev ülemine riba, mis asetseb põhiekraani peal ja kerimisel muutub ühtlaseks tumedaks täidiseks, mis meenutab mattklaasi (tausta hägustamine). Jalus on tume ja seal on märkmetekst. Vertikaalne rütm on helde – avar ja tihedusrikas, osade vahel on palju ruumi. Külgnavigeerimist ei ole; kogu navigeerimine asub ülemisel ribal.
Põhisektsiooni domineerivad täislaiuses kinematograafilised fotod – atmosfäärilised, inspireerivad maastikud (udused mäed, eraldatud tööruumid looduses) –, mis positsioneerivad pangandust mõtiskleva ja üleva kogemusena. Fotod on kvaliteetsed, kergelt küllastumata, jahedate toonide ja peene tumeda pealiskihiga, et säilitada teksti loetavus. Põhisektsiooni all vahelduvad pildid toote kasutajaliidese ekraanipiltide ja abstraktsete, atmosfääriliste taustadega. Puuduvad illustratsioonid ega kunstiteoseid meenutavad ikoonid – visuaalsed elemendid on kas fotograafilised või puhtalt funktsionaalsed. Kasutajaliidese ikoonistiil on minimalistlik, elevandiluu värvi joonte/glüüfide stiil, mida kasutatakse navigeerimisel, nuppudel ja vormielementidel.
Palett
Bränd
- Cobalt
#5266eb— Lillat värvi kasutatakse täidetud nuppude, valitud navigeerimisolekute ja fookusest tulenevate konversioonimomentide jaoks.
Neutraalne
- Onyx Canvas
#171721— Avalehe taust, avakuva põhiline ülekate, jaluse ja sektsioonide lõuendid. - Graphite Card
#1e1e2a— Papi ja sektsioonide tõstetud pinnad on lõuendist ühe astme võrra kergemad, luues sujuva eralduse. - Obsidian Button
#272735— Täiendavad nuppude täited, manustatud vormide taustad, märkamatud interaktiivsed pinnad. - Slate Border
#70707d— Keskmise paksusega eraldajad ja struktuuripiirid sisuplokkide vahel. - Mist Border
#e2e3ed— Õhukesed, vaevumärgatavad äärised, vaevumärgatavad nuppude kontuurid, sisestusvälja servad - hele ääris tumedal taustal. - Ash Text
#c3c3cc— Põhitekst, abitekst, lisasildid – lihtsustatud hierarhia loetavuse kadumiseta.
Tüpograafia
12-st 65 pikslini · 9 sammu
- arcadia — asendamine: Inter · kontuurid 360, 400, 420, 480 · Põhi- ja kasutajaliides – navigeerimise, põhiteksti, nuppude, sisestusväljade, siltide ja abiteksti font, mille põhiteksti kaal on 400 ja rõhutuse kaal 480. Vahepealne kaalskaala (360, 420, 480) standardse (300/400/600) asemel annab Mercury tekstile selgelt tasakaalustatud välimuse – mitte kunagi julge, mitte kunagi õhuke, alati mõõdetud.
- arcadiaDisplay — asendamine: Söhne Breit · kontuurid 360, 480, 530 · Pealkirjade ja dekoratiivelementide jaoks kasutatakse fonti paksusega 480 kõigi pealkirjade suuruste puhul vahemikus 28 pikslit kuni 65 pikslit, samas kui 530 on reserveeritud suurimatele dekoratiivelementidele. Madal rea kõrgus (1,1–1,2) ja positiivne tähevahe (0,01–0,02em) annavad dekoratiivtekstile laia ja arhitektuurse ilme, mitte aga toimetustekstile omase tihendatud struktuuri.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | keskmine |
| Põhisamm | 12px |
| Nupu raadius | 32px |
| Kaardi raadius | 12px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 72px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Mercury stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Origin Financial — Kesköösel vaikse külluse galerii. Vaikne, peaaegu pime ruum, kus suured serif-fondid ja mõned valgustatud värvilised paneelid loovad tunde, et rahandus on hoolikalt kureeritud kunstiteos.
- Air — skulptuur "Kesköötaevas läbi klaasi"
- Slash — Keskööseiklus kullatud pearaamatutega
- dope.security — Keskööterminal lillade majakatega
- Modal — Fosforestseeruv terminal pimendatud serveriruumis - ainus valgusallikas on erkroheline värv
- Giga — Kesköö horisont härmas obsidiaani kohal
- Dovetail — Plaani juhtimiskeskus keskööl
- Dovetail — Musta kuu all olev plaan – vaevu nähtavad graafikujooned, valge font, üks lilla sädelus
- AgentQL — Virmalised terminali kohal öösel
- Supabase — Keskööl olev koodiredaktor fosforestseeruva rohelise täpiga – üks kromaatiline pulss söetolmu merel
- Changelog — Tumeda klaasi taga olev vaatluskonsool
- GitHub — Kosmose juhtimispaneel bioluminestsentssete juhtimispunktidega – tume, atmosfääriline tööruum, kus üks roheline kuma näitab teed edasi.