Mercury
Alpina banker i skymningen
Mercury verkar inom en alpin bankestetik: en nästan svart duk (#171721) skapar en filmisk, observatorieliknande atmosfär, där innehållsytor flyter som något ljusare grafitkort. Gränssnittet är övervägande monokromt – elfenbensfärgad text på onyx, med ett enda vibrerande koboltfärgat element (#5266eb) som används exklusivt för kärnoperationen "Öppna konto". Typografi bär den primära uttryckskraften: ett anpassat teckensnitt på 480 (varken fet eller ljus) i kombination med ett subtilt brödtextsnitt på 400 skapar en självsäker men aldrig gräll stil. Komponenterna är platta och ramlösa, och förlitar sig på en 12px grafitkortsradie och kapselformade kontroller för att definiera struktur snarare än skuggor. Det huvudsakliga fotoelementet, som tar upp hela sidans yta – dimmiga berg mot ett ensamt bord – sätter tonen innan användargränssnittet aktiveras, och varje efterföljande element bibehåller den tysta, premiummörkheten.
Allt innehåll är utformat i en mörk, fullbreddsstil. Huvudskärmen är ett 100px foto i full bredd med en centrerad rubrik, undertext och ett formulärblock för att samla in e-postadresser (maximal bredd ~640px). Under huvudskärmen är innehållet organiserat i sektioner med en maximal bredd på 1200px med 72px vertikala marginaler, alternerande mellan en tvåkolumnslayout med text till vänster och en bild till höger, och produktbeskrivningar med tre kolumner. Navigeringen är en transparent övre fält som läggs över huvudskärmen, som när du skrollar övergår till en solid mörk fyllning som påminner om frostat glas (suddig bakgrund). Sidfoten är mörk med anteckningstext. Den vertikala rytmen är generös – rymlig densitet med gott om utrymme mellan sektionerna. Det finns ingen sidonavigering; all navigering finns i den övre fältet.
Huvudsektionen domineras av filmiska fotografier i full bredd – atmosfäriska, inspirerande landskap (dimmade berg, avskilda arbetsytor i naturen) – som positionerar bankverksamhet som en kontemplativ, sublim upplevelse. Fotografierna är av hög kvalitet, något desaturerade, med svala toner och ett subtilt mörkt överlägg för att bevara textens läsbarhet. Under huvudsektionen varvas bilderna med skärmdumpar av produktens användargränssnitt och abstrakta, atmosfäriska bakgrunder. Det finns inga illustrationer, inga ikoner som liknar konstverk – de visuella elementen är vare sig fotografiska eller rent funktionella. Ikonstilen i hela användargränssnittet är en minimalistisk, elfenbensfärgad linje-/glyfstil som används i navigering, knappar och formulärelement.
Palett
Stämpla
- Cobalt
#5266eb— Lila används för fyllda knappar, valda navigeringstillstånd och fokusdrivna konverteringsmoment.
Neutral
- Onyx Canvas
#171721— Bakgrund för huvudsidan, grundläggande överlägg för startskärmen, arbetsytor för sidfot och sektioner. - Graphite Card
#1e1e2a— De upphöjda ytorna på kartongen och sektionerna är ett steg lättare än duken, vilket skapar en jämn separation. - Obsidian Button
#272735— Ytterligare knappfyllningar, inbäddade formulärbakgrunder, diskreta interaktiva ytor. - Slate Border
#70707d— Medeltjocka avdelare och strukturella gränser mellan innehållsblock. - Mist Border
#e2e3ed— Tunna, knappt märkbara kanter, knappt märkbara knappkonturer, inmatningsfältets kanter - en ljus kant mot en mörk bakgrund. - Ash Text
#c3c3cc— Huvudtext, hjälptext, ytterligare etiketter - förenklad hierarki utan förlust av läsbarhet.
Typografi
från 12 till 65px · 9 steg
- arcadia — ersättning: Inter · konturer 360, 400, 420, 480 · Huvud- och användargränssnitt - Ett teckensnitt för navigering, brödtext, knappar, inmatningsfält, etiketter och hjälptext, med en viktning på 400 för brödtext och 480 för betoning. Den mellanliggande viktskalan (360, 420, 480) istället för standarden (300/400/600) ger Mercury-text ett tydligt balanserat utseende - aldrig fet, aldrig tunn, alltid avmätt.
- arcadiaDisplay — ersättning: Söhne Breit · konturer 360, 480, 530 · Teckensnittet för rubriker och dekorativa element används med vikten 480 för alla rubrikstorlekar från 28px till 65px, medan 530 är reserverat för de största dekorativa elementen. Låg radhöjd (1,1–1,2) och positivt bokstavsavstånd (0,01–0,02em) ger dekorativ text ett brett, arkitektoniskt utseende, snarare än den komprimerade struktur som finns i redaktionell text.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | genomsnitt |
| Grundläggande steg | 12px |
| Knappradie | 32px |
| Kortradie | 12px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 72px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Mercury -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Origin Financial — Ett midnattsgalleri av tyst överdådighet. Ett tyst, nästan mörkt rum där stora serif-typsnitt och några upplysta färgade paneler skapar känslan av att finans är ett noggrant utvalt konstverk.
- Air — skulpturen "Midnattshimmel genom glas"
- Slash — Midnattsvalv med förgyllda böcker
- dope.security — Midnattsterminal med lila fyrbåkar
- Modal — En fosforescerande terminal i ett mörklagt serverrum - den enda ljuskällan är en ljusgrön färg
- Giga — Midnattshorisont över frostad obsidian
- Dovetail — Plankontrollcenter vid midnatt
- Dovetail — En ritning under en svart måne – knappt synliga graflinjer, vitt teckensnitt, en lila gnistra
- AgentQL — Norrsken över terminalen på natten
- Supabase — En kodredigerare vid midnatt med en fosforescerande grön prick – en enda kromatisk puls på ett hav av koldamm
- Changelog — Observatoriets konsol bakom mörkt glas
- GitHub — En rymdkommandopanel med bioluminescerande kontrollpunkter – en mörk, atmosfärisk arbetsyta där ett enda grönt sken pekar vägen framåt.