Mercury
Ribes alpines al capvespre
Mercury opera dins d'una estètica bancària alpina: un llenç gairebé negre (#171721) crea una atmosfera cinematogràfica, semblant a un observatori, on les superfícies de contingut suren com a targetes de grafit lleugerament més clares. La interfície és predominantment monocroma: text ivori sobre ònix, amb un únic element vibrant de cobalt (#5266eb) utilitzat exclusivament per a l'operació principal "Obrir compte". La tipografia porta l'expressivitat principal: una font de visualització personalitzada de 480 (ni negreta ni clara) combinada amb una font de cos subtil de 400 crea un estil segur però mai cridaner. Els components són plans i sense marc, basant-se en un radi de targeta de grafit de 12 px i controls en forma de càpsula per definir l'estructura en lloc de les ombres. L'element fotogràfic principal, que ocupa tota la superfície de la pàgina (muntanyes ennuvolades contra una taula solitària), estableix el to abans que la interfície d'usuari s'activi, i cada element posterior manté aquesta foscor silenciosa i premium.
Tot el contingut està dissenyat amb un estil fosc i d'amplada completa. La pantalla principal és una foto d'amplada completa de 100 px amb un títol centrat, un subtext i un bloc de formulari per recopilar informació de contacte per correu electrònic (amplada màxima ~640 px). A sota de la pantalla principal, el contingut s'organitza en seccions d'una amplada màxima de 1200 px amb marges verticals de 72 px, alternant entre un disseny de text de dues columnes a l'esquerra i una imatge a la dreta, i targetes de descripció del producte de tres columnes. La navegació és una barra superior transparent superposada a la pantalla principal que, a mesura que es desplaça, fa la transició a un farciment fosc sòlid que recorda el vidre esmerilat (fons desenfocament). El peu de pàgina és fosc amb text de notes. El ritme vertical és generós: densitat espaiosa amb molt d'espai entre les seccions. No hi ha navegació lateral; tota la navegació es troba a la barra superior.
La secció principal està dominada per fotografies cinematogràfiques d'amplada completa —paisatges atmosfèrics i inspiradors (muntanyes ennuvolades, espais de treball aïllats a la natura)— que posicionen la banca com una experiència contemplativa i sublim. Les fotografies són d'alta qualitat, lleugerament desaturades, amb tons freds i una subtil superposició fosca per preservar la llegibilitat del text. A sota de la secció principal, les imatges s'alternen amb captures de pantalla de la interfície d'usuari del producte i fons abstractes i atmosfèrics. No hi ha il·lustracions, ni icones que s'assemblin a obres d'art: els elements visuals són fotogràfics o purament funcionals. L'estil de les icones a tota la interfície d'usuari és un estil minimalista de línia/glif de color ivori que s'utilitza en la navegació, els botons i els elements del formulari.
Paleta
Marca
- Cobalt
#5266eb— El color porpra s'utilitza per als botons plens, els estats de navegació seleccionats i els moments de conversió basats en el focus.
Neutral
- Onyx Canvas
#171721— Fons de la pàgina principal, superposició bàsica per a la pantalla d'inici, llenços per al peu de pàgina i les seccions. - Graphite Card
#1e1e2a— Les superfícies elevades del cartró i les seccions són un pas més lleugeres que la tela, creant una separació suau. - Obsidian Button
#272735— Botons addicionals, fons de formulari incrustats, superfícies interactives discretes. - Slate Border
#70707d— Divisors de gruix mitjà i límits estructurals entre blocs de contingut. - Mist Border
#e2e3ed— Vores primes i gairebé imperceptibles, contorns de botons gairebé imperceptibles, vores del camp d'entrada: una vora clara sobre un fons fosc. - Ash Text
#c3c3cc— Text principal, text auxiliar, etiquetes addicionals: jerarquia simplificada sense pèrdua de llegibilitat.
Tipografia
de 12 a 65 px · 9 passos
- arcadia — reemplaçament: Inter · esquemes 360, 400, 420, 480 · Interfície principal i d'usuari: una font per a la navegació, el text del cos, els botons, els camps d'entrada, les etiquetes i el text auxiliar, amb un pes de 400 per al text del cos i 480 per a l'èmfasi. L'escala de pes intermèdia (360, 420, 480) en lloc de l'estàndard (300/400/600) dóna al text de Mercury un aspecte clarament equilibrat: mai en negreta, mai prim, sempre mesurat.
- arcadiaDisplay — reemplaçament: Söhne Breit · esquemes 360, 480, 530 · La font per a encapçalaments i elements decoratius s'utilitza amb un gruix de 480 per a totes les mides d'encapçalament de 28px a 65px, mentre que 530 es reserva per als elements decoratius més grans. Una alçada de línia baixa (1,1–1,2) i un espaiat positiu entre lletres (0,01–0,02em) donen al text decoratiu un aspecte ampli i arquitectònic, en lloc de l'estructura comprimida que es troba en el text editorial.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | mitjana |
| Pas bàsic | 12px |
| Radi del botó | 32px |
| Radi de la targeta | 12px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 72px |
| Amplada de la pàgina | 1200px |
La IA crearà el vostre lloc web a l'estil Mercury i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Origin Financial — Una galeria de mitjanit d'opulència silenciosa. Una sala silenciosa, gairebé fosca, on grans fonts serif i uns quants panells de colors il·luminats creen la sensació que les finances són una obra d'art acuradament seleccionada.
- Air — escultura "Cel de mitjanit a través del vidre"
- Slash — Volta de mitjanit amb llibres majors daurats
- dope.security — Terminal de mitjanit amb balises morades
- Modal — Un terminal fosforescent en una sala de servidors fosca: l'única font de llum és un color verd brillant.
- Giga — Horitzó de mitjanit sobre obsidiana glaçada
- Dovetail — Centre de control de plànols a mitjanit
- Dovetail — Un plànol sota una lluna negra: línies gràfiques gairebé invisibles, font blanca, una guspira porpra
- AgentQL — Aurores boreals sobre la terminal a la nit
- Supabase — Un editor de codi a mitjanit amb un punt verd fosforescent: un únic pols cromàtic sobre un mar de pols de carbó
- Changelog — La consola de l'observatori darrere d'un vidre fosc
- GitHub — Un panell de comandament espacial amb punts de control bioluminescents: un espai de treball fosc i atmosfèric on una única resplendor verda indica el camí a seguir.