Mercury
Ribeiras alpinas ao anoitecer
Mercury opera cunha estética bancaria alpina: unha lona case negra (#171721) crea unha atmosfera cinematográfica, semellante a dun observatorio, onde as superficies de contido flotan como tarxetas de grafito lixeiramente máis claras. A interface é predominantemente monocromática: texto marfil sobre ónix, cun único elemento cobalto vibrante (#5266eb) usado exclusivamente para a operación central "Abrir conta". A tipografía leva a expresividade principal: unha fonte de visualización personalizada de 480 (nin en negra nin clara) combinada cunha fonte de corpo sutil de 400 crea un estilo seguro pero nunca rechamante. Os compoñentes son planos e sen marco, baseándose nun radio de tarxeta de grafito de 12 px e controis en forma de cápsula para definir a estrutura en lugar de sombras. O elemento fotográfico principal, que ocupa toda a superficie da páxina (montañas brumosas contra unha mesa solitaria) marca o ton antes de que se active a interface de usuario, e cada elemento posterior mantén esa escuridade tranquila e premium.
Todo o contido está deseñado nun estilo escuro de ancho completo. A pantalla principal é unha foto de ancho completo de 100 px cun título centrado, subtexto e un bloque de formulario para recoller información de contacto por correo electrónico (ancho máximo ~640 px). Debaixo da pantalla principal, o contido está organizado en seccións dun ancho máximo de 1200 px con marxes verticais de 72 px, alternando entre un deseño de texto de dúas columnas á esquerda e unha imaxe á dereita, e tarxetas de descrición do produto de tres columnas. A navegación é unha barra superior transparente superposta á pantalla principal que, ao desprazarse, cambia a un recheo escuro sólido que lembra o vidro esmerilado (desenfoque de fondo). O pé de páxina é escuro con texto de notas. O ritmo vertical é xeneroso: densidade ampla con moito espazo entre as seccións. Non hai navegación lateral; toda a navegación está situada na barra superior.
A sección principal está dominada por fotografías cinematográficas de ancho completo (paisaxes atmosféricas e inspiradoras, como montañas brumosas, espazos de traballo illados na natureza) que sitúan a banca como unha experiencia contemplativa e sublime. As fotografías son de alta calidade, lixeiramente desaturadas, con tons fríos e unha sutil superposición escura para preservar a lexibilidade do texto. Debaixo da sección principal, as imaxes alternan con capturas de pantalla da interface de usuario do produto e fondos abstractos e atmosféricos. Non hai ilustracións nin iconas que se asemellan a obras de arte: os elementos visuais son fotográficos ou puramente funcionais. O estilo das iconas en toda a interface de usuario é un estilo de liña/glifo minimalista de cor marfil que se usa na navegación, nos botóns e nos elementos do formulario.
Paleta
Marca
- Cobalt
#5266eb— O morado úsase para botóns cheos, estados de navegación seleccionados e momentos de conversión baseados no foco.
Neutro
- Onyx Canvas
#171721— Fondo da páxina principal, superposición básica para a pantalla de inicio, lenzos para o pé de páxina e as seccións. - Graphite Card
#1e1e2a— As superficies elevadas do cartón e as seccións son un paso máis lixeiras que a lona, creando unha separación suave. - Obsidian Button
#272735— Recheos de botóns adicionais, fondos de formulario incrustados, superficies interactivas discretas. - Slate Border
#70707d— Divisores de grosor medio e límites estruturais entre bloques de contido. - Mist Border
#e2e3ed— Bordes finos e apenas perceptibles, contornos de botóns apenas perceptibles, bordos do campo de entrada: un bordo claro sobre un fondo escuro. - Ash Text
#c3c3cc— Texto principal, texto auxiliar, etiquetas adicionais: xerarquía simplificada sen perda de lexibilidade.
Tipografía
de 12 a 65 px · 9 pasos
- arcadia — substitución: Inter · contornos 360, 400, 420, 480 · Interface principal e de usuario: unha fonte para a navegación, o corpo do texto, os botóns, os campos de entrada, as etiquetas e o texto auxiliar, cun peso de 400 para o corpo do texto e 480 para a énfase. A escala de peso intermedia (360, 420, 480) en lugar da estándar (300/400/600) dálle ao texto de Mercury un aspecto claramente equilibrado: nunca en negriña, nunca delgada, sempre mesurada.
- arcadiaDisplay — substitución: Söhne Breit · contornos 360, 480, 530 · A fonte para títulos e elementos decorativos úsase cun grosor de 480 para todos os tamaños de título, de 28 px a 65 px, mentres que 530 se reserva para os elementos decorativos máis grandes. Unha altura de liña baixa (1,1–1,2) e un espazado positivo entre letras (0,01–0,02 em) danlle ao texto decorativo un aspecto amplo e arquitectónico, en lugar da estrutura comprimida que se atopa no texto editorial.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | media |
| Paso básico | 12px |
| Radio do botón | 32px |
| Radio da tarxeta | 12px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 72px |
| Largura da páxina | 1200px |
A IA creará o teu sitio web ao estilo de Mercury e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Origin Financial — Unha galería de opulencia silenciosa, de medianoite. Unha sala tranquila, case escura, onde grandes fontes con serifas e uns poucos paneis de cores iluminados crean a sensación de que as finanzas son unha obra de arte coidadosamente comisariada.
- Air — escultura "Ceo de medianoite a través do vidro"
- Slash — Bóveda de medianoite con libros maiores dourados
- dope.security — Terminal de medianoite con balizas moradas
- Modal — Un terminal fosforescente nunha sala de servidores escura: a única fonte de luz é unha cor verde brillante.
- Giga — Horizonte de medianoite sobre obsidiana xeada
- Dovetail — Centro de control de planos á medianoite
- Dovetail — Un plano baixo unha lúa negra: liñas gráficas apenas visibles, fonte branca, un brillo púrpura
- AgentQL — Auroras boreais sobre a terminal pola noite
- Supabase — Un editor de código á medianoite cun punto verde fosforescente: un único pulso cromático sobre un mar de po de carbón.
- Changelog — A consola do observatorio detrás dun cristal escuro
- GitHub — Un panel de mando espacial con puntos de control bioluminescentes: un espazo de traballo escuro e atmosférico onde un único brillo verde sinala o camiño a seguir.