Mercury
Pendii alpini al crepuscolo
Mercury si ispira all'estetica bancaria alpina: uno sfondo quasi nero (#171721) crea un'atmosfera cinematografica, simile a quella di un osservatorio, dove le superfici dei contenuti fluttuano come carte color grafite leggermente più chiare. L'interfaccia è prevalentemente monocromatica: testo color avorio su sfondo onice, con un singolo elemento color cobalto acceso (#5266eb) utilizzato esclusivamente per l'operazione principale "Apri conto". La tipografia è l'elemento espressivo principale: un font display personalizzato di 480 (né grassetto né light) abbinato a un font per il corpo del testo più discreto di 400 crea uno stile sicuro ma mai appariscente. I componenti sono piatti e senza cornice, e si affidano a un raggio di 12 pixel color grafite e a controlli a forma di capsula per definire la struttura, anziché alle ombre. L'elemento fotografico principale, che occupa l'intera superficie della pagina – montagne nebbiose sullo sfondo di un tavolo solitario – definisce il tono prima ancora che entri in gioco l'interfaccia utente, e ogni elemento successivo mantiene quella sobria e raffinata oscurità.
Tutti i contenuti sono progettati con uno stile scuro a tutta larghezza. La schermata principale è una foto a tutta larghezza di 100px con un titolo centrato, un sottotitolo e un blocco modulo per la raccolta di informazioni di contatto e-mail (larghezza massima ~640px). Sotto la schermata principale, i contenuti sono organizzati in sezioni con una larghezza massima di 1200px e margini verticali di 72px, alternando un layout a due colonne con testo a sinistra e un'immagine a destra, e schede di descrizione prodotto a tre colonne. La navigazione è costituita da una barra superiore trasparente sovrapposta alla schermata principale che, scorrendo, passa a un riempimento scuro uniforme che ricorda il vetro smerigliato (sfocatura dello sfondo). Il piè di pagina è scuro con testo di nota. Il ritmo verticale è generoso: densità spaziosa con ampio spazio tra le sezioni. Non è presente alcuna navigazione laterale; tutta la navigazione si trova nella barra superiore.
La sezione principale è dominata da fotografie cinematografiche a tutta larghezza – paesaggi suggestivi e stimolanti (montagne nebbiose, spazi di lavoro appartati nella natura) – che presentano l'attività bancaria come un'esperienza contemplativa e sublime. Le fotografie sono di alta qualità, leggermente desaturate, con tonalità fredde e una sottile sovrapposizione scura per preservare la leggibilità del testo. Sotto la sezione principale, le immagini si alternano a screenshot dell'interfaccia utente del prodotto e a sfondi astratti e suggestivi. Non ci sono illustrazioni, né icone che ricordino opere d'arte: gli elementi visivi sono fotografici o puramente funzionali. Lo stile delle icone in tutta l'interfaccia utente è minimalista, con linee e glifi color avorio, utilizzati per la navigazione, i pulsanti e gli elementi dei moduli.
Tavolozza
Marca
- Cobalt
#5266eb— Il viola viene utilizzato per i pulsanti pieni, gli stati di navigazione selezionati e i momenti di conversione che richiedono il focus.
Neutro
- Onyx Canvas
#171721— Sfondo della pagina principale, sovrapposizione di base per la schermata iniziale, aree di disegno per il piè di pagina e le sezioni. - Graphite Card
#1e1e2a— Le superfici in rilievo del cartone e delle sezioni sono di un grado di leggerezza rispetto alla tela, creando una separazione graduale. - Obsidian Button
#272735— Riempimento aggiuntivo dei pulsanti, sfondi dei moduli incorporati, superfici interattive discrete. - Slate Border
#70707d— Divisori di medio spessore e confini strutturali tra i blocchi di contenuto. - Mist Border
#e2e3ed— Bordi sottili, appena percettibili, contorni dei pulsanti appena percettibili, bordi dei campi di input: un bordo chiaro su sfondo scuro. - Ash Text
#c3c3cc— Testo principale, testo ausiliario, etichette aggiuntive: gerarchia semplificata senza perdita di leggibilità.
Tipografia
da 12 a 65 pixel · 9 passaggi
- arcadia — sostituzione: Inter · contorni 360, 400, 420, 480 · Interfaccia principale e utente - Un font per navigazione, testo del corpo, pulsanti, campi di input, etichette e testo ausiliario, con un peso di 400 per il testo del corpo e 480 per l'enfasi. La scala di pesi intermedia (360, 420, 480) anziché quella standard (300/400/600) conferisce al testo Mercury un aspetto decisamente equilibrato: mai in grassetto, mai sottile, sempre misurato.
- arcadiaDisplay — sostituzione: Söhne Breit · contorni 360, 480, 530 · Il carattere utilizzato per titoli ed elementi decorativi è di peso 480 per tutte le dimensioni dei titoli, da 28px a 65px, mentre il peso 530 è riservato agli elementi decorativi più grandi. L'interlinea ridotta (1,1–1,2) e la spaziatura positiva tra le lettere (0,01–0,02em) conferiscono al testo decorativo un aspetto ampio e architettonico, in contrasto con la struttura compressa tipica del testo editoriale.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | media |
| Passo base | 12px |
| Raggio del pulsante | 32px |
| Raggio della carta | 12px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 72px |
| Larghezza del pannello | 1200px |
L'IA creerà il tuo sito web nello stile Mercury e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Origin Financial — Una galleria notturna di sobria opulenza. Una stanza silenziosa, quasi buia, dove grandi caratteri serif e alcuni pannelli colorati illuminati creano la sensazione che la finanza sia un'opera d'arte accuratamente selezionata.
- Air — scultura "Cielo di mezzanotte attraverso il vetro"
- Slash — Cripta di mezzanotte con registri dorati
- dope.security — Terminale di mezzanotte con fari viola
- Modal — Un terminale fosforescente in una sala server buia: l'unica fonte di luce è di un verde brillante.
- Giga — Orizzonte di mezzanotte su ossidiana ghiacciata
- Dovetail — Centro di controllo dei progetti a mezzanotte
- Dovetail — Un progetto sotto una luna nera: linee del grafico appena visibili, caratteri bianchi, un luccichio viola
- AgentQL — Aurora boreale sopra il terminal di notte
- Supabase — Un editor di codice a mezzanotte con un punto verde fosforescente: un singolo impulso cromatico su un mare di polvere di carbone
- Changelog — La console dell'osservatorio dietro un vetro scuro
- GitHub — Un pannello di controllo spaziale con punti di controllo bioluminescenti: uno spazio di lavoro buio e suggestivo dove un singolo bagliore verde indica la strada da seguire.