Mercury
Alpynse oewers teen skemer
Mercury opereer binne 'n Alpynse bankestetika: 'n amper-swart doek (#171721) skep 'n filmagtige, sterrewag-agtige atmosfeer, waar inhoudoppervlaktes as effens ligter grafietkaarte dryf. Die koppelvlak is oorwegend monochroom - ivoorteks op oniks, met 'n enkele lewendige kobalt (#5266eb) element wat uitsluitlik vir die kern "Open Account"-bewerking gebruik word. Tipografie dra die primêre ekspressiwiteit: 'n persoonlike vertoonlettertipe van 480 (nie vetdruk of lig nie) gepaard met 'n subtiele liggaamslettertipe van 400 skep 'n selfversekerde, maar nooit oordadige styl nie. Komponente is plat en raamloos, en vertrou op 'n 12px grafietkaartradius en kapsulevormige kontroles om struktuur eerder as skaduwees te definieer. Die hooffoto-element, wat die hele oppervlak van die bladsy opneem - mistige berge teen 'n eensame tafel - stel die toon aan voordat die gebruikerskoppelvlak in werking tree, en elke daaropvolgende element handhaaf daardie stil, premium donkerte.
Alle inhoud is ontwerp in 'n donker, volwydte styl. Die hoofskerm is 'n 100px, volwydte foto met 'n gesentreerde opskrif, subteks en 'n vormblok vir die versameling van e-pos kontakinligting (maksimum breedte ~640px). Onder die hoofskerm is inhoud georganiseer in afdelings van 'n maksimum breedte van 1200px met 72px vertikale marges, afwisselend tussen 'n twee-kolom uitleg van teks aan die linkerkant en 'n beeld aan die regterkant, en drie-kolom produkbeskrywingskaarte. Die navigasie is 'n deursigtige boonste balk wat oor die hoofskerm gelê word, wat, soos jy blaai, oorgaan na 'n soliede donker vulsel wat herinner aan matglas (agtergrondvervaagheid). Die voetskrif is donker met notateks. Die vertikale ritme is vrygewig - ruim digtheid met baie spasie tussen afdelings. Daar is geen synavigasie nie; alle navigasie is in die boonste balk geleë.
Die hoofafdeling word oorheers deur volwydte-kinematiese foto's—atmosferiese, inspirerende landskappe (mistige berge, afgesonderde werkruimtes in die natuur)—wat bankwese as 'n kontemplatiewe, sublieme ervaring posisioneer. Die foto's is van hoë gehalte, effens onversadig, met koel kleure en 'n subtiele donker oorleg om die leesbaarheid van die teks te behou. Onder die hoofafdeling wissel die beelde af met skermkiekies van die produk se gebruikerskoppelvlak en abstrakte, atmosferiese agtergronde. Daar is geen illustrasies, geen ikone wat soos kunswerke lyk nie—die visuele elemente is óf fotografies óf suiwer funksioneel. Die ikoonstyl dwarsdeur die gebruikerskoppelvlak is 'n minimalistiese, ivoorkleurige lyn/glief-styl wat in navigasie, knoppies en vormelemente gebruik word.
Palet
Handelsmerk
- Cobalt
#5266eb— Pers word gebruik vir gevulde knoppies, geselekteerde navigasietoestande en fokusgedrewe omskakelingsmomente.
Neutraal
- Onyx Canvas
#171721— Hoofbladsy agtergrond, basiese oorlegsel vir die tuisskerm, doeke vir die voetskrif en afdelings. - Graphite Card
#1e1e2a— Die verhoogde oppervlaktes van die karton en dele is een stap ligter as die doek, wat 'n gladde skeiding skep. - Obsidian Button
#272735— Bykomende knoppievulsels, ingebedde vormagtergronde, onopvallende interaktiewe oppervlaktes. - Slate Border
#70707d— Mediumdikte verdelers en strukturele grense tussen inhoudsblokke. - Mist Border
#e2e3ed— Dun, skaars merkbare rande, skaars merkbare knoppie-omlyne, invoerveldrande - 'n ligte rand op 'n donker agtergrond. - Ash Text
#c3c3cc— Hoofteks, hulpteks, bykomende etikette - vereenvoudigde hiërargie sonder verlies aan leesbaarheid.
Tipografie
van 12 tot 65px · 9 stappe
- arcadia — vervanging: Inter · buitelyne 360, 400, 420, 480 · Hoof- en gebruikerskoppelvlak - 'n Lettertipe vir navigasie, liggaamsteks, knoppies, invoervelde, etikette en hulpteks, met 'n gewig van 400 vir liggaamsteks en 480 vir klem. Die intermediêre gewigskaal (360, 420, 480) in plaas van die standaard (300/400/600) gee Mercury-teks 'n duidelik gebalanseerde voorkoms - nooit vetgedruk nie, nooit dun nie, altyd afgemete.
- arcadiaDisplay — vervanging: Söhne Breit · buitelyne 360, 480, 530 · Die lettertipe vir opskrifte en dekoratiewe elemente word in gewig 480 gebruik vir alle opskrifgroottes van 28px tot 65px, terwyl 530 gereserveer word vir die grootste dekoratiewe elemente. Lae lynhoogte (1.1–1.2) en positiewe letterspasiëring (0.01–0.02em) gee dekoratiewe teks 'n wye, argitektoniese voorkoms, eerder as die saamgeperste struktuur wat in redaksionele teks gevind word.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | gemiddelde |
| Basiese stap | 12px |
| Knoppieradius | 32px |
| Kaartradius | 12px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 72px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Mercury -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Origin Financial — 'n Middernaggalery van stil weelde. 'n Stil, amper donker kamer waar groot serif-lettertipes en 'n paar verligte gekleurde panele die gevoel skep dat finansies 'n sorgvuldig saamgestelde kunswerk is.
- Air — beeldhouwerk "Middernaglug Deur Glas"
- Slash — Middernagkluis met vergulde grootboeke
- dope.security — Middernagterminaal met pers bakens
- Modal — 'n Fosforeserende terminaal in 'n donker bedienerkamer - die enigste ligbron is 'n heldergroen kleur
- Giga — Middernaghorison oor ryp obsidiaan
- Dovetail — Bloudrukbeheersentrum om middernag
- Dovetail — 'n Bloudruk onder 'n swart maan—skaars sigbare grafieklyne, wit lettertipe, een pers vonkel
- AgentQL — Noorderligte oor die terminaal in die nag
- Supabase — 'n Kode-redigeerder om middernag met 'n fosforeserende groen kolletjie - 'n enkele chromatiese puls op 'n see van steenkoolstof
- Changelog — Die observatoriumkonsole agter donker glas
- GitHub — 'n Ruimte-opdragpaneel met bioluminescerende beheerpunte—'n donker, atmosferiese werkruimte waar 'n enkele groen gloed die pad vorentoe aandui.