Mercury
Alpenufer in der Abenddämmerung
Mercury präsentiert sich im alpinen Banken-Stil: Ein nahezu schwarzer Hintergrund (#171721) erzeugt eine filmische, observatoriumsartige Atmosphäre, in der die Inhaltsflächen wie leicht hellere Graphitkarten schweben. Die Benutzeroberfläche ist überwiegend monochrom – elfenbeinfarbener Text auf Onyx, mit einem einzigen leuchtend kobaltblauen Element (#5266eb), das ausschließlich für die zentrale Funktion „Konto eröffnen“ verwendet wird. Die Typografie verleiht dem Design Ausdruckskraft: Eine eigens entwickelte Display-Schriftart in 480 (weder fett noch dünn) kombiniert mit einer dezenten Fließtext-Schriftart in 400 erzeugt einen selbstbewussten, aber nie aufdringlichen Stil. Die Komponenten sind flach und rahmenlos. Struktur wird durch einen Graphit-Kartenradius von 12 Pixeln und kapselförmige Bedienelemente anstelle von Schatten definiert. Das Hauptfoto, das die gesamte Seitenfläche einnimmt – neblige Berge vor einem einsamen Tisch – gibt den Ton an, bevor die Benutzeroberfläche erscheint. Jedes nachfolgende Element bewahrt diese ruhige, hochwertige Dunkelheit.
Alle Inhalte sind in einem dunklen, bildschirmfüllenden Stil gestaltet. Der Hauptbildschirm zeigt ein 100 Pixel breites Foto in voller Breite mit zentrierter Überschrift, Untertext und einem Formularfeld zur Erfassung von E-Mail-Kontaktdaten (maximale Breite ca. 640 Pixel). Unterhalb des Hauptbildschirms ist der Inhalt in Abschnitte mit einer maximalen Breite von 1200 Pixeln und 72 Pixel breiten vertikalen Rändern unterteilt. Diese wechseln zwischen einem zweispaltigen Layout mit Text links und einem Bild rechts sowie dreispaltigen Produktbeschreibungen. Die Navigation ist eine transparente obere Leiste, die über dem Hauptbildschirm liegt und beim Scrollen in eine dunkle, an Milchglas erinnernde Fläche übergeht (unscharfer Hintergrund). Die Fußzeile ist dunkel und enthält einen Hinweistext. Die vertikale Struktur ist großzügig – die Inhalte sind dicht beieinander und bieten viel Platz zwischen den Abschnitten. Es gibt keine Seitennavigation; die gesamte Navigation befindet sich in der oberen Leiste.
Der Hauptteil wird von raumfüllenden, filmreifen Fotografien dominiert – stimmungsvolle, inspirierende Landschaften (neblige Berge, abgeschiedene Arbeitsplätze inmitten der Natur) –, die Banking als besinnliches, erhabenes Erlebnis inszenieren. Die Fotografien sind von hoher Qualität, leicht entsättigt, in kühlen Tönen gehalten und mit einem dezenten dunklen Überlagerungseffekt versehen, um die Lesbarkeit des Textes zu gewährleisten. Unterhalb des Hauptteils wechseln sich die Bilder mit Screenshots der Benutzeroberfläche und abstrakten, stimmungsvollen Hintergründen ab. Es gibt keine Illustrationen, keine Icons, die an Kunstwerke erinnern – die visuellen Elemente sind entweder fotografisch oder rein funktional. Der Icon-Stil der gesamten Benutzeroberfläche ist minimalistisch: elfenbeinfarbene Linien/Glyphen werden für Navigation, Schaltflächen und Formularelemente verwendet.
Palette
Marke
- Cobalt
#5266eb— Lila wird für ausgefüllte Schaltflächen, ausgewählte Navigationszustände und fokussierte Konversionsmomente verwendet.
Neutral
- Onyx Canvas
#171721— Hintergrund der Hauptseite, einfaches Overlay für den Startbildschirm, Canvas-Elemente für die Fußzeile und die einzelnen Abschnitte. - Graphite Card
#1e1e2a— Die erhabenen Oberflächen des Kartons und der einzelnen Abschnitte sind eine Stufe heller als die Leinwand, wodurch ein sanfter Übergang entsteht. - Obsidian Button
#272735— Zusätzliche Schaltflächenfüllungen, eingebettete Formularhintergründe, unaufdringliche interaktive Oberflächen. - Slate Border
#70707d— Mittelstarke Trennwände und strukturelle Abgrenzungen zwischen Inhaltsblöcken. - Mist Border
#e2e3ed— Dünne, kaum wahrnehmbare Ränder, kaum wahrnehmbare Umrisse von Schaltflächen, Kanten von Eingabefeldern – ein heller Rand auf dunklem Hintergrund. - Ash Text
#c3c3cc— Haupttext, Hilfstext, zusätzliche Beschriftungen – vereinfachte Hierarchie ohne Einbußen bei der Lesbarkeit.
Typografie
von 12 auf 65 Pixel · 9 Schritte
- arcadia — Ersatz: Inter · Umrisse 360, 400, 420, 480 · Haupt- und Benutzeroberfläche – Eine Schriftart für Navigation, Fließtext, Schaltflächen, Eingabefelder, Beschriftungen und Zusatztexte mit einer Strichstärke von 400 für Fließtext und 480 für Hervorhebungen. Die Zwischenstärkenskala (360, 420, 480) anstelle der Standardskala (300/400/600) verleiht Mercury-Texten ein besonders ausgewogenes Erscheinungsbild – nie fett, nie dünn, immer wohlproportioniert.
- arcadiaDisplay — Ersatz: Söhne Breit · Umrisse 360, 480, 530 · Die Schriftart für Überschriften und dekorative Elemente ist in Strichstärke 480 für alle Überschriftengrößen von 28 px bis 65 px verwendet, während Strichstärke 530 für die größten dekorativen Elemente reserviert ist. Die geringe Zeilenhöhe (1,1–1,2) und der positive Buchstabenabstand (0,01–0,02em) verleihen dekorativem Text ein breites, architektonisches Erscheinungsbild, im Gegensatz zur gedrängten Struktur redaktioneller Texte.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | Durchschnitt |
| Grundlegender Schritt | 12px |
| Radius der Schaltfläche | 32px |
| Kartenradius | 12px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 72px |
| Seitenbreite | 1200px |
KI erstellt Ihre Website im Mercury -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Origin Financial — Eine Mitternachtsgalerie stiller Opulenz. Ein ruhiger, fast dunkler Raum, in dem große Serifenschriften und einige beleuchtete Farbtafeln den Eindruck erwecken, dass die Finanzwelt ein sorgfältig kuratiertes Kunstwerk ist.
- Air — Skulptur „Mitternachtshimmel durch Glas“
- Slash — Mitternachtsgewölbe mit vergoldeten Büchern
- dope.security — Mitternachtsterminal mit violetten Leuchtfeuern
- Modal — Ein phosphoreszierendes Terminal in einem abgedunkelten Serverraum – die einzige Lichtquelle ist ein helles Grün.
- Giga — Mitternachtshorizont über bereiftem Obsidian
- Dovetail — Blaupausen-Kontrollzentrum um Mitternacht
- Dovetail — Ein Bauplan unter einem schwarzen Mond – kaum sichtbare Linien, weiße Schrift, ein violetter Funkel
- AgentQL — Nordlichter über dem Terminal bei Nacht
- Supabase — Ein Code-Editor um Mitternacht mit einem phosphoreszierenden grünen Punkt – ein einzelner Farbimpuls in einem Meer aus Kohlenstaub
- Changelog — Die Konsole der Sternwarte hinter dunklem Glas
- GitHub — Ein Weltraum-Kommandopanel mit biolumineszenten Kontrollpunkten – ein dunkler, atmosphärischer Arbeitsbereich, in dem ein einzelner grüner Schein den Weg nach vorn weist.