Mercury
Alppirannoilla hämärässä
Mercury toimii alppimaisen pankkimaailman estetiikan puitteissa: lähes musta kangas (#171721) luo elokuvamaisen, observatoriomaisen tunnelman, jossa sisältöpinnat kelluvat hieman vaaleampina grafiittikortteina. Käyttöliittymä on pääosin yksivärinen – norsunluunväristä tekstiä onyksipuulla, ja yhtä eloisaa koboltinväristä elementtiä (#5266eb) käytetään yksinomaan "Avaa tili" -toiminnossa. Typografia kantaa ensisijaista ilmaisuvoimaa: mukautettu 480-näyttöfontti (ei lihavoitu eikä vaalea) yhdistettynä hienovaraiseen 400-fonttiin luo itsevarman mutta ei koskaan räikeän tyylin. Komponentit ovat tasaisia ja reunuksettomia, ja ne perustuvat 12 pikselin grafiittikortin säteeseen ja kapselinmuotoisiin säätimiin, jotka määrittelevät rakenteen varjojen sijaan. Päävalokuvaelementti, joka täyttää koko sivun pinnan – utuiset vuoret yksinäistä pöytää vasten – asettaa sävyn ennen kuin käyttöliittymä käynnistyy, ja jokainen seuraava elementti säilyttää tuon hiljaisen, ensiluokkaisen pimeyden.
Kaikki sisältö on suunniteltu tummaksi, täysleveäksi. Päänäyttö on 100 pikselin kokoinen, täysleveä valokuva, jossa on keskitetty otsikko, alateksti ja lomakekenttä sähköpostiyhteystietojen keräämistä varten (suurin leveys ~640 pikseliä). Päänäytön alapuolella sisältö on järjestetty 1200 pikselin levyisiin osiin, joissa on 72 pikselin pystymarginaalit. Osioissa on vuorotellen kaksi saraketta, jossa on teksti vasemmalla ja kuva oikealla, sekä kolmisarakkeisia tuotekuvauskortteja. Navigointi on läpinäkyvä yläpalkki, joka on asetettu päänäytön päälle ja vieritettäessä muuttuu tummaksi, himmeää lasia muistuttavaksi täytteeksi (taustan sumennus). Alatunniste on tumma ja siinä on muistiinpanoteksti. Pystysuuntainen rytmi on runsas – tilava tiheys ja runsaasti tilaa osioiden välillä. Sivunavigointia ei ole; kaikki navigointi sijaitsee yläpalkissa.
Pääosiota hallitsevat koko leveyden elokuvamaiset valokuvat – tunnelmallisia, inspiroivia maisemia (sumuisia vuoria, syrjäisiä työtiloja luonnossa) – jotka asettavat pankkitoiminnan pohdiskelevaksi, yleväksi kokemukseksi. Valokuvat ovat korkealaatuisia, hieman kyllästymättömiä, viileissä sävyissä ja hienovaraisessa tummassa peitteessä tekstin luettavuuden säilyttämiseksi. Pääosiota alempana kuvat vuorottelevat tuotteen käyttöliittymän kuvakaappausten ja abstraktien, tunnelmallisten taustojen kanssa. Kuvituksia tai taideteoksia muistuttavia kuvakkeita ei ole – visuaaliset elementit ovat joko valokuvamaisia tai puhtaasti toiminnallisia. Käyttöliittymän kuvaketyyli on minimalistinen, norsunluunvärinen viiva-/symbolityyli, jota käytetään navigoinnissa, painikkeissa ja lomake-elementeissä.
Paletti
Merkki
- Cobalt
#5266eb— Violettia käytetään täytetyissä painikkeissa, valituissa navigointitiloissa ja keskittymiseen perustuvissa konversiohetkissä.
Neutraali
- Onyx Canvas
#171721— Pääsivun tausta, aloitusnäytön peruspeittokuva, alatunnisteen ja osioiden pohjat. - Graphite Card
#1e1e2a— Pahvin ja osien kohotetut pinnat ovat yhden asteen kevyempiä kuin kangas, mikä luo tasaisen erottelun. - Obsidian Button
#272735— Lisätäytöt painikkeille, upotetut lomakkeiden taustat, huomaamattomat interaktiiviset pinnat. - Slate Border
#70707d— Keskipaksut väliseinät ja rakenteelliset rajat sisältölohkojen välillä. - Mist Border
#e2e3ed— Ohuet, tuskin havaittavat reunat, tuskin havaittavat painikkeiden ääriviivat, syöttökentän reunat - vaalea reunus tummalla taustalla. - Ash Text
#c3c3cc— Pääteksti, aputeksti, lisätunnisteet – yksinkertaistettu hierarkia ilman luettavuuden heikkenemistä.
Typografia
12:sta 65 pikseliin · 9 vaihetta
- arcadia — korvaava: Inter · ääriviivat 360, 400, 420, 480 · Pää- ja käyttöliittymä - Fontti navigointia, leipätekstiä, painikkeita, syöttökenttiä, otsikoita ja aputekstiä varten. Fontti leipätekstille on 400 ja korostukselle 480. Keskitason painoasteikko (360, 420, 480) standardin (300/400/600) sijaan antaa Mercury-tekstille selkeästi tasapainoisen ulkoasun – ei koskaan lihavoitu, ei koskaan ohut, aina harkittu.
- arcadiaDisplay — korvaava: Söhne Breit · ääriviivat 360, 480, 530 · Otsikoiden ja koriste-elementtien fontti on 480-painoinen kaikille otsikkokoille 28 pikselistä 65 pikseliin, kun taas 530 on varattu suurimmille koriste-elementeille. Matala rivikorkeus (1,1–1,2) ja positiivinen kirjainväli (0,01–0,02em) antavat koristetekstille leveän ja arkkitehtonisen ilmeen toimituksellisen tekstin tiivistetyn rakenteen sijaan.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | keskimäärin |
| Perusvaihe | 12px |
| Painikkeen säde | 32px |
| Kortin säde | 12px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 72px |
| Sivun leveys | 1200px |
Tekoäly rakentaa verkkosivustosi Mercury -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Origin Financial — Keskiyön galleria hiljaista loistoa. Hiljainen, lähes pimeä huone, jossa suuret serif-fontit ja muutamat valaistut väripaneelit luovat vaikutelman, että rahoitusala on huolellisesti kuratoitu taideteos.
- Air — veistos "Keskiyön taivas lasin läpi"
- Slash — Keskiyön holvi kullatuilla tilikirjoilla
- dope.security — Keskiyön terminaali violeteilla majakoilla
- Modal — Fosforoiva terminaali pimennetyssä palvelinhuoneessa - ainoa valonlähde on kirkkaanvihreä väri
- Giga — Keskiyön horisontti himmeän obsidianin yllä
- Dovetail — Suunnitelmien ohjauskeskus keskiyöllä
- Dovetail — Mustan kuun alla oleva piirustus – tuskin näkyvät kaavioviivat, valkoinen fontti, yksi violetti kimallus
- AgentQL — Revontulet terminaalin yllä yöllä
- Supabase — Koodieditori keskiyöllä fosforoivan vihreän pisteen kanssa – yksi kromaattinen pulssi hiilipölymerellä
- Changelog — Observatorion konsoli tumman lasin takana
- GitHub — Avaruuskomentopaneeli bioluminesoivilla ohjauspisteillä – pimeä, tunnelmallinen työtila, jossa yksi vihreä hehku osoittaa tietä eteenpäin.