Mercury
Alpenhellingen bij schemering
Mercury opereert binnen een Alpine bankesthetiek: een bijna zwart canvas (#171721) creëert een filmische, observatoriumachtige sfeer, waar contentoppervlakken zweven als iets lichtere grafietkleurige kaarten. De interface is overwegend monochroom – ivoorkleurige tekst op onyx, met één levendig kobaltblauw (#5266eb) element dat exclusief wordt gebruikt voor de kernfunctie "Rekening openen". Typografie draagt de primaire expressiviteit: een aangepast displaylettertype van 480 (noch vet, noch licht) in combinatie met een subtiel bodylettertype van 400 zorgt voor een zelfverzekerde, maar nooit schreeuwerige stijl. Componenten zijn plat en zonder kader, waarbij een radius van 12px voor grafietkleurige kaarten en capsulevormige bedieningselementen de structuur bepalen in plaats van schaduwen. Het belangrijkste foto-element, dat de hele pagina beslaat – mistige bergen tegen een eenzame tafel – zet de toon voordat de gebruikersinterface in werking treedt, en elk volgend element behoudt die ingetogen, hoogwaardige donkerte.
Alle content is vormgegeven in een donkere stijl die de volledige breedte beslaat. Het hoofdscherm bestaat uit een foto van 100px breed over de volledige breedte, met een gecentreerde kop, subtekst en een formulierblok voor het verzamelen van e-mailcontactgegevens (maximale breedte circa 640px). Onder het hoofdscherm is de content georganiseerd in secties met een maximale breedte van 1200px en verticale marges van 72px. Deze secties wisselen af tussen een lay-out met twee kolommen (tekst links en een afbeelding rechts) en productbeschrijvingen met drie kolommen. De navigatie is een transparante bovenbalk die over het hoofdscherm heen is geplaatst en die, naarmate je scrollt, overgaat in een effen donkere vulling die doet denken aan matglas (achtergrondvervaging). De voettekst is donker met tekst. Het verticale ritme is ruim opgezet – een hoge dichtheid met voldoende ruimte tussen de secties. Er is geen zijnavigatie; alle navigatie bevindt zich in de bovenbalk.
Het hoofdgedeelte wordt gedomineerd door paginavullende, filmische foto's – sfeervolle, inspirerende landschappen (mistige bergen, afgelegen werkplekken in de natuur) – die bankieren positioneren als een contemplatieve, sublieme ervaring. De foto's zijn van hoge kwaliteit, licht gedesatureerd, met koele tinten en een subtiele donkere overlay om de leesbaarheid van de tekst te behouden. Onder het hoofdgedeelte wisselen de afbeeldingen af met screenshots van de gebruikersinterface van het product en abstracte, sfeervolle achtergronden. Er zijn geen illustraties, geen iconen die op kunstwerken lijken – de visuele elementen zijn ofwel fotografisch of puur functioneel. De iconen in de gehele gebruikersinterface hebben een minimalistische, ivoorkleurige lijn-/glyphstijl die wordt gebruikt voor navigatie, knoppen en formulierelementen.
Palet
Merk
- Cobalt
#5266eb— Paars wordt gebruikt voor gevulde knoppen, geselecteerde navigatiestatussen en focusgestuurde conversiemomenten.
Neutrale
- Onyx Canvas
#171721— Achtergrond voor de hoofdpagina, basisoverlay voor het startscherm, canvas voor de voettekst en secties. - Graphite Card
#1e1e2a— De verhoogde oppervlakken van het karton en de secties zijn een tint lichter dan het canvas, waardoor een vloeiende scheiding ontstaat. - Obsidian Button
#272735— Extra knopvullingen, ingebedde formulierachtergronden, onopvallende interactieve oppervlakken. - Slate Border
#70707d— Middeldikke scheidingswanden en structurele begrenzingen tussen inhoudsblokken. - Mist Border
#e2e3ed— Dunne, nauwelijks zichtbare randen, nauwelijks zichtbare knopcontouren, randen van invoervelden - een lichte rand op een donkere achtergrond. - Ash Text
#c3c3cc— Hoofdtekst, hulptekst, extra labels - vereenvoudigde hiërarchie zonder verlies van leesbaarheid.
Typografie
van 12 tot 65px · 9 stappen
- arcadia — vervanging: Inter · overzichten 360, 400, 420, 480 · Hoofd- en gebruikersinterface - Een lettertype voor navigatie, hoofdtekst, knoppen, invoervelden, labels en aanvullende tekst, met een dikte van 400 voor hoofdtekst en 480 voor accentuering. De tussenliggende dikteschaal (360, 420, 480) in plaats van de standaard (300/400/600) geeft Mercury-tekst een duidelijk evenwichtige uitstraling: nooit vetgedrukt, nooit dun, altijd beheerst.
- arcadiaDisplay — vervanging: Söhne Breit · overzichten 360, 480, 530 · Voor koppen en decoratieve elementen wordt een letterdikte van 480 gebruikt voor alle kopgroottes van 28px tot 65px, terwijl 530 is gereserveerd voor de grootste decoratieve elementen. Een lage regelafstand (1,1–1,2) en een positieve letterafstand (0,01–0,02em) geven decoratieve tekst een brede, architectonische uitstraling, in tegenstelling tot de compacte structuur die kenmerkend is voor redactionele tekst.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gemiddeld |
| Basisstap | 12px |
| Knopradius | 32px |
| Kaartradius | 12px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 72px |
| Paginabreedte | 1200px |
AI bouwt je website in de stijl Mercury en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Origin Financial — Een nachtelijke galerij van ingetogen weelde. Een stille, bijna donkere ruimte waar grote schreefletters en een paar verlichte, gekleurde panelen de indruk wekken dat de financiële wereld een zorgvuldig samengesteld kunstwerk is.
- Air — sculptuur "Middernachtelijke hemel door glas"
- Slash — Nachtkluis met vergulde grootboeken
- dope.security — Middernachtterminal met paarse bakens
- Modal — Een fosforescerende terminal in een verduisterde serverruimte - de enige lichtbron is een felgroene lamp.
- Giga — Middernachtelijke horizon boven bevroren obsidiaan
- Dovetail — Blauwdrukcontrolecentrum om middernacht
- Dovetail — Een blauwdruk onder een donkere maan: nauwelijks zichtbare grafieklijnen, witte letters, een paarse vonk.
- AgentQL — Het noorderlicht boven de terminal 's nachts
- Supabase — Een code-editor midden in de nacht met een fosforescerend groen stipje – een enkele chromatische puls op een zee van kolenstof.
- Changelog — De observatieconsole achter donker glas.
- GitHub — Een ruimtecommandopaneel met bioluminescente bedieningspunten – een donkere, sfeervolle werkruimte waar een enkele groene gloed de weg wijst.