Mercury
Alpebanker i skumringen
Mercury opererer innenfor en alpin bankestetikk: et nesten svart lerret (#171721) skaper en filmatisk, observatoriumlignende atmosfære, der innholdsoverflater flyter som litt lysere grafittkort. Grensesnittet er overveiende monokrom – elfenbensfarget tekst på onyx, med et enkelt levende koboltfarget (#5266eb) element som utelukkende brukes til kjerneoperasjonen "Åpne konto". Typografi bærer den primære uttrykkskraften: en tilpasset visningsfont på 480 (verken fet eller lys) kombinert med en subtil brødtekstfont på 400 skaper en selvsikker, men aldri glorete stil. Komponentene er flate og rammeløse, og er avhengige av en grafittkortradius på 12 piksler og kapselformede kontroller for å definere struktur snarere enn skygger. Hovedfotoelementet, som tar opp hele sidens overflate – tåkete fjell mot et ensomt bord – setter tonen før brukergrensesnittet slår inn, og hvert påfølgende element opprettholder den stille, premium mørken.
Alt innhold er utformet i en mørk, fullbredde stil. Hovedskjermen er et 100 pikslers bilde i full bredde med en sentrert overskrift, undertekst og en skjemablokk for innsamling av e-postkontaktinformasjon (maksimal bredde ~640 piksler). Under hovedskjermen er innholdet organisert i seksjoner med en maksimal bredde på 1200 piksler med 72 pikslers vertikale marger, som veksler mellom et to-kolonnes tekstlayout til venstre og et bilde til høyre, og produktbeskrivelseskort med tre kolonner. Navigasjonen er en gjennomsiktig topplinje lagt over hovedskjermen, som, når du blar, overgår til en heldekkende mørk fylling som minner om frostet glass (uskarp bakgrunn). Bunnteksten er mørk med notattekst. Den vertikale rytmen er generøs – romslig tetthet med god plass mellom seksjonene. Det er ingen sidenavigasjon; all navigasjon er plassert i topplinjen.
Hoveddelen domineres av filmatiske fotografier i full bredde – atmosfæriske, inspirerende landskap (tåkete fjell, bortgjemte arbeidsområder i naturen) – som posisjonerer bankvirksomhet som en kontemplativ, sublim opplevelse. Fotografiene er av høy kvalitet, litt desaturerte, med kjølige toner og et subtilt mørkt overlegg for å bevare tekstens lesbarhet. Under hoveddelen veksler bildene med skjermbilder av produktets brukergrensesnitt og abstrakte, atmosfæriske bakgrunner. Det er ingen illustrasjoner, ingen ikoner som ligner kunstverk – de visuelle elementene er verken fotografiske eller rent funksjonelle. Ikonstilen gjennom hele brukergrensesnittet er en minimalistisk, elfenbensfarget linje-/glyfstil som brukes i navigasjon, knapper og skjemaelementer.
Palett
Merke
- Cobalt
#5266eb— Lilla brukes til fylte knapper, valgte navigasjonstilstander og fokusdrevne konverteringsmomenter.
Nøytral
- Onyx Canvas
#171721— Bakgrunn for hovedsiden, grunnleggende overlegg for startskjermen, lerret for bunnteksten og seksjoner. - Graphite Card
#1e1e2a— De hevede overflatene på pappen og seksjonene er ett trinn lettere enn lerretet, noe som skaper en jevn separasjon. - Obsidian Button
#272735— Ekstra knappefyll, innebygde skjemabakgrunner, diskrete interaktive overflater. - Slate Border
#70707d— Mellomtykke skillevegger og strukturelle grenser mellom innholdsblokker. - Mist Border
#e2e3ed— Tynne, knapt merkbare rammer, knapt merkbare knappekonturer, kanter på inndatafeltet - en lys ramme på en mørk bakgrunn. - Ash Text
#c3c3cc— Hovedtekst, tilleggstekst, tilleggsetiketter – forenklet hierarki uten tap av lesbarhet.
Typografi
fra 12 til 65 piksler · 9 trinn
- arcadia — erstatning: Inter · omriss 360, 400, 420, 480 · Hoved- og brukergrensesnitt – En skrifttype for navigasjon, brødtekst, knapper, inndatafelt, etiketter og tilleggstekst, med en vekt på 400 for brødtekst og 480 for utheving. Den mellomliggende vektskalaen (360, 420, 480) i stedet for standarden (300/400/600) gir Mercury-tekst et tydelig balansert utseende – aldri fet, aldri tynn, alltid avmålt.
- arcadiaDisplay — erstatning: Söhne Breit · omriss 360, 480, 530 · Skrifttypen for overskrifter og dekorative elementer brukes i vekt 480 for alle overskriftsstørrelser fra 28 piksler til 65 piksler, mens 530 er reservert for de største dekorative elementene. Lav linjehøyde (1,1–1,2) og positiv bokstavavstand (0,01–0,02 em) gir dekorativ tekst et bredt, arkitektonisk utseende, snarere enn den komprimerte strukturen som finnes i redaksjonell tekst.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | gjennomsnittlig |
| Grunnleggende trinn | 12px |
| Knapperadius | 32px |
| Kortradius | 12px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 72px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Mercury -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Origin Financial — Et midnattsgalleri med stille overdådighet. Et stille, nesten mørkt rom hvor store serif-fonter og noen få opplyste fargede paneler skaper følelsen av at finans er et nøye kuratert kunstverk.
- Air — skulpturen «Midnattshimmel gjennom glass»
- Slash — Midnattshvelv med forgylte bøker
- dope.security — Midnattsterminal med lilla beacons
- Modal — En fosforescerende terminal i et mørklagt serverrom – den eneste lyskilden er en lys grønn farge
- Giga — Midnattshorisont over frostet obsidian
- Dovetail — Blåkopikontrollsenter ved midnatt
- Dovetail — En blåkopi under en svart måne – knapt synlige graflinjer, hvit skrift, en lilla glitter
- AgentQL — Nordlys over terminalen om natten
- Supabase — En kodeditor ved midnatt med en fosforescerende grønn prikk – en enkelt kromatisk puls på et hav av kullstøv
- Changelog — Observatoriets konsoll bak mørkt glass
- GitHub — Et romkommandopanel med bioluminescerende kontrollpunkter – et mørkt, atmosfærisk arbeidsområde der en enkelt grønn glød peker veien fremover.