Mercury
Alpenufer an der Dämmerung
Mercury funktionéiert an enger alpiner Bankenästhetik: eng bal schwaarz Leinwand (#171721) kreéiert eng filmesch, observatoriumähnlech Atmosphär, wou d'Inhaltsflächen wéi liicht méi hell Graphitkaarte schwiewen. D'Interface ass iwwerwiegend monochrom - elfenbeinfaarweg Text op Onyx, mat engem eenzege liewege Kobalt (#5266eb) Element, dat exklusiv fir den Haaptoperatioun "Open Account" benotzt gëtt. D'Typographie dréit déi primär Ausdrockskraaft: eng personaliséiert Display-Schrëft vun 480 (weder fett nach hell) a Kombinatioun mat enger subtiler Kierperschrëft vun 400 kreéiert e selbstbewossten, awer ni opfällegen Stil. D'Komponente si flaach a ouni Frame, baséieren op engem 12px Graphitkaartradius a kapselfërmeg Kontrollen fir Struktur anstatt Schied ze definéieren. Dat Haaptfotoelement, dat déi ganz Uewerfläch vun der Säit anhëlt - niwweleg Bierger géint engem einsamen Dësch - setzt den Toun ier d'Benotzerinterface a Kraaft trëtt, an all spéidert Element behält déi roueg, Premium-Däischtert.
All Inhalt ass an engem donkelen, voller Breet-Stil entworf. Den Haaptbildschierm ass e 100px, vollbreet Foto mat enger zentraliséierter Iwwerschrëft, engem Ënnertext an engem Formularblock fir d'E-Mail-Kontaktinformatiounen ze sammelen (maximal Breet ~640px). Ënnert dem Haaptbildschierm ass den Inhalt a Sektiounen mat enger maximaler Breet vun 1200px mat 72px vertikale Margen organiséiert, ofwiesselnd tëscht engem Layout vun zwou Kolonnen aus Text lénks an engem Bild riets, an dräikolonnen Produktbeschreiwungskaarten. D'Navigatioun ass eng transparent iewescht Leescht, déi um Haaptbildschierm iwwerlagert ass, an déi, beim Scrollen, an eng zolidd donkel Fëllung iwwergeet, déi un Mattglas erënnert (Hannergrondonschärft). De Fousszeil ass donkel mat Notiztext. De vertikale Rhythmus ass generéis - grouss Dicht mat vill Plaz tëscht de Sektiounen. Et gëtt keng Säitennavigatioun; all Navigatioun ass an der ieweschter Leescht.
Den Haaptdeel gëtt vu kinematographesche Fotoen a voller Breet dominéiert - atmosphäresch, inspiréierend Landschaften (niwweleg Bierger, ofgeleeën Aarbechtsplazen an der Natur) - déi Bankgeschäfter als kontemplativ, erhaben Erfahrung positionéieren. D'Fotoe si vun héijer Qualitéit, liicht desaturéiert, mat kale Téin an enger subtiler donkeler Iwwerlagerung fir d'Liesbarkeet vum Text ze erhalen. Ënnert dem Haaptdeel wiesselen d'Biller mat Screenshots vun der Benotzeroberfläche vum Produkt an abstrakten, atmosphäreschen Hannergrënn of. Et gi keng Illustratiounen, keng Ikonen, déi un Konschtwierker gläichen - déi visuell Elementer si entweder fotografesch oder reng funktionell. De Ikonstil am ganze Benotzeroberfläche ass e minimalisteschen, elfenbeinfaarwege Linnen-/Glyphen-Stil, deen an der Navigatioun, Knäppercher a Formelementer benotzt gëtt.
Palette
Mark
- Cobalt
#5266eb— Violett gëtt fir gefëllte Knäppercher, ausgewielten Navigatiounszoustänn a fokusséiert Konversiounsmomenter benotzt.
Neutral
- Onyx Canvas
#171721— Haaptsäithannergrond, Basis-Overlay fir den Homescreen, Leinwand fir de Fousszeilen a Sektiounen. - Graphite Card
#1e1e2a— Déi erhiewt Uewerfläche vum Karton a vun de Sektiounen si just ee Schrëtt méi liicht wéi d'Leinwand, wat eng glat Trennung erstellt. - Obsidian Button
#272735— Zousätzlech Knäppefëllungen, agebette Formularhannergrënn, onopfälleg interaktiv Flächen. - Slate Border
#70707d— Mëtteldéck Trennwänn a strukturell Grenzen tëscht Inhaltsblöcke. - Mist Border
#e2e3ed— Dënn, kaum bemierkbar Ränner, kaum bemierkbar Knäppchekonturen, Inputfeldränner - eng hell Rand op engem donkelen Hannergrond. - Ash Text
#c3c3cc— Haapttext, Hëllefstext, zousätzlech Etiketten - vereinfacht Hierarchie ouni Verloscht vun der Liesbarkeet.
Typographie
vun 12 bis 65px · 9 Schrëtt
- arcadia — Ersatz: Inter · Konturen 360, 400, 420, 480 · Haapt- a Benotzerinterface - Eng Schrëft fir Navigatioun, Kierpertext, Knäppercher, Inputfelder, Etiketten an Hëllefstext, mat engem Gewiicht vu 400 fir Kierpertext a 480 fir Betounung. Déi mëttler Gewiichtsskala (360, 420, 480) amplaz vum Standard (300/400/600) gëtt dem Mercury-Text en däitlech ausgeglachene Look - ni fett, ni dënn, ëmmer gemooss.
- arcadiaDisplay — Ersatz: Söhne Breit · Konturen 360, 480, 530 · D'Schrëft fir Iwwerschrëften an dekorativ Elementer gëtt a Gewiicht 480 fir all Iwwerschrëftgréissten vun 28px bis 65px benotzt, während 530 fir déi gréisst dekorativ Elementer reservéiert ass. Eng kleng Zeilhéicht (1,1–1,2) an e positiven Ofstand tëscht Buschtawen (0,01–0,02em) ginn dem dekorativen Text e breede, architektonesche Look, anstatt déi kompriméiert Struktur, déi een am redaktionellen Text fënnt.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | duerchschnëttlech |
| Basis Schrëtt | 12px |
| Knäppchenradius | 32px |
| Kaarteradius | 12px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 72px |
| Säitebreet | 1200px |
KI baut Är Websäit am Stil vun Mercury op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Origin Financial — Eng Mëtternuechtsgalerie vu roueger Opulenz. E rouegen, bal däischteren Zëmmer, wou grouss Schrëften mat Serifen an e puer beliichte faarweg Paneele d'Gefill kreéieren, datt Finanzen e suergfälteg kuréiert Konschtwierk sinn.
- Air — Skulptur "Mëtternuechtshimmel duerch Glas"
- Slash — Mëtternuechtstëbs mat vergoldete Ledgeren
- dope.security — Mëtternuechtsterminal mat purpurroude Beaconen
- Modal — En phosphoreszenten Terminal an engem däischteren Serverraum - déi eenzeg Liichtquell ass eng hellgréng Faarf
- Giga — Mëtternuechtshorizont iwwer matten Obsidian
- Dovetail — Planungskontrollzentrum um Mëtternuecht
- Dovetail — E Plang ënner engem schwaarze Mound - kaum siichtbar Grafiklinnen, wäiss Schrëft, ee violette Glanz
- AgentQL — Nordliichter iwwer dem Terminal an der Nuecht
- Supabase — E Code-Editor um Mëtternuecht mat engem phosphoreszenten grénge Punkt - en eenzege chromateschen Impuls op engem Mier vu Kuelestaub
- Changelog — D'Observatoirekonsol hannert donkelem Glas
- GitHub — E Raumkommandopanel mat biolumineszenten Kontrollpunkten - en däischteren, atmosphäresche Raum, wou en eenzege grénge Schimmer de Wee no vir weist.