Mercury
Alpebanker i skumringen
Mercury opererer inden for en alpin bankæstetik: et næsten sort lærred (#171721) skaber en filmisk, observatoriumlignende atmosfære, hvor indholdsoverflader svæver som lidt lysere grafitkort. Grænsefladen er overvejende monokrom - elfenbensfarvet tekst på onyx, med et enkelt levende koboltfarvet (#5266eb) element, der udelukkende bruges til den centrale "Åbn konto"-operation. Typografi bærer den primære udtrykskraft: en brugerdefineret displayfont på 480 (hverken fed eller lys) parret med en subtil brødtekstfont på 400 skaber en selvsikker, men aldrig grelt stil. Komponenterne er flade og rammeløse og er afhængige af en 12px grafitkortradius og kapselformede kontroller for at definere struktur snarere end skygger. Det primære fotoelement, der optager hele sidens overflade - tågede bjerge mod et ensomt bord - sætter tonen, før brugergrænsefladen træder i kraft, og hvert efterfølgende element opretholder den stille, premium mørke.
Alt indhold er designet i en mørk, fuld bredde stil. Hovedskærmen er et 100px foto i fuld bredde med en centreret overskrift, undertekst og en formularblok til indsamling af e-mailkontaktoplysninger (maksimal bredde ~640px). Under hovedskærmen er indholdet organiseret i sektioner med en maksimal bredde på 1200px med 72px lodrette margener, der skifter mellem et layout med to kolonner med tekst til venstre og et billede til højre samt produktbeskrivelseskort med tre kolonner. Navigationen er en gennemsigtig topbjælke oven på hovedskærmen, som, når du ruller, overgår til en solid mørk udfyldning, der minder om matteret glas (sløret baggrund). Sidefoden er mørk med notetekst. Den lodrette rytme er generøs – rummelig tæthed med masser af plads mellem sektionerne. Der er ingen sidenavigation; al navigation er placeret i den øverste bjælke.
Hovedsektionen er domineret af filmiske fotografier i fuld bredde – atmosfæriske, inspirerende landskaber (tågede bjerge, afsondrede arbejdsområder i naturen) – der positionerer bankvirksomhed som en kontemplativ, sublim oplevelse. Fotografierne er af høj kvalitet, let desaturerede, med kølige toner og et subtilt mørkt overlay for at bevare tekstens læsbarhed. Under hovedsektionen skifter billederne med skærmbilleder af produktets brugergrænseflade og abstrakte, atmosfæriske baggrunde. Der er ingen illustrationer, ingen ikoner, der ligner kunstværker – de visuelle elementer er enten fotografiske eller rent funktionelle. Ikonstilen i hele brugergrænsefladen er en minimalistisk, elfenbensfarvet linje-/glyfstil, der bruges i navigation, knapper og formularelementer.
Palet
Mærke
- Cobalt
#5266eb— Lilla bruges til udfyldte knapper, valgte navigationstilstande og fokusdrevne konverteringsmomenter.
Neutral
- Onyx Canvas
#171721— Baggrund for hovedsiden, grundlæggende overlay til startskærmen, lærreder til sidefoden og sektioner. - Graphite Card
#1e1e2a— De hævede overflader på pap og sektioner er et trin lettere end lærredet, hvilket skaber en jævn adskillelse. - Obsidian Button
#272735— Yderligere knapudfyldninger, integrerede formularbaggrunde, diskrete interaktive overflader. - Slate Border
#70707d— Mellemtykke skillevægge og strukturelle grænser mellem indholdsblokke. - Mist Border
#e2e3ed— Tynde, knap synlige kanter, knap synlige knapkonturer, inputfeltkanter - en lys kant på en mørk baggrund. - Ash Text
#c3c3cc— Hovedtekst, hjælpetekst, yderligere etiketter - forenklet hierarki uden tab af læsbarhed.
Typografi
fra 12 til 65px · 9 trin
- arcadia — udskiftning: Inter · konturer 360, 400, 420, 480 · Hoved- og brugergrænseflade - En skrifttype til navigation, brødtekst, knapper, inputfelter, etiketter og hjælpetekst med en vægtning på 400 for brødtekst og 480 for fremhævelse. Den mellemliggende vægtskala (360, 420, 480) i stedet for standarden (300/400/600) giver Mercury-tekst et tydeligt afbalanceret udseende - aldrig fed, aldrig tynd, altid afmålt.
- arcadiaDisplay — udskiftning: Söhne Breit · konturer 360, 480, 530 · Skrifttypen til overskrifter og dekorative elementer bruges i vægt 480 for alle overskriftsstørrelser fra 28px til 65px, mens 530 er reserveret til de største dekorative elementer. Lav linjehøjde (1,1-1,2) og positiv bogstavafstand (0,01-0,02em) giver dekorativ tekst et bredt, arkitektonisk udseende i stedet for den komprimerede struktur, der findes i redaktionel tekst.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | gennemsnit |
| Grundlæggende trin | 12px |
| Knapradius | 32px |
| Kortradius | 12px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 72px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Mercury -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Origin Financial — Et midnatsgalleri af stille overdådighed. Et stille, næsten mørkt rum, hvor store serif-skrifttyper og et par oplyste farvede paneler skaber følelsen af, at finans er et omhyggeligt kurateret kunstværk.
- Air — skulptur "Midnatshimlen gennem glas"
- Slash — Midnatshvælving med forgyldte bøger
- dope.security — Midnatsterminal med lilla beacons
- Modal — En fosforescerende terminal i et mørklagt serverrum - den eneste lyskilde er en lys grøn farve
- Giga — Midnatshorisont over matteret obsidian
- Dovetail — Blueprint Kontrolcenter ved midnat
- Dovetail — En plantegning under en sort måne – knap synlige graflinjer, hvid skrifttype, en lilla glimmer
- AgentQL — Nordlys over terminalen om natten
- Supabase — En kodeeditor ved midnat med en fosforescerende grøn prik – en enkelt kromatisk puls på et hav af kulstøv
- Changelog — Observatoriets konsol bag mørkt glas
- GitHub — Et rumkommandopanel med bioluminescerende kontrolpunkter – et mørkt, atmosfærisk arbejdsområde, hvor en enkelt grøn glød peger vejen frem.