Mercury
margens alpinas ao entardecer
O Mercury opera dentro de uma estética bancária alpina: uma tela quase preta (#171721) cria uma atmosfera cinematográfica, semelhante a um observatório, onde as superfícies de conteúdo flutuam como cartões de grafite ligeiramente mais claros. A interface é predominantemente monocromática — texto marfim sobre ônix, com um único elemento vibrante em cobalto (#5266eb) usado exclusivamente para a operação principal de "Abrir Conta". A tipografia carrega a expressividade principal: uma fonte de exibição personalizada de 480 (nem negrito nem leve) combinada com uma fonte de corpo sutil de 400 cria um estilo confiante, mas nunca extravagante. Os componentes são planos e sem moldura, utilizando um raio de cartão de grafite de 12px e controles em forma de cápsula para definir a estrutura em vez de sombras. O elemento fotográfico principal, que ocupa toda a superfície da página — montanhas enevoadas contra uma mesa solitária — define o tom antes que a interface do usuário entre em ação, e cada elemento subsequente mantém essa escuridão discreta e sofisticada.
Todo o conteúdo foi projetado em um estilo escuro e de largura total. A tela principal consiste em uma foto de 100px de largura total com um título centralizado, subtítulo e um bloco de formulário para coletar informações de contato por e-mail (largura máxima de aproximadamente 640px). Abaixo da tela principal, o conteúdo é organizado em seções com largura máxima de 1200px e margens verticais de 72px, alternando entre um layout de duas colunas com texto à esquerda e uma imagem à direita, e cartões de descrição de produtos com três colunas. A navegação é uma barra superior transparente sobreposta à tela principal que, conforme você rola a página, transita para um preenchimento escuro sólido que lembra vidro fosco (fundo desfocado). O rodapé é escuro com texto explicativo. O ritmo vertical é generoso — densidade ampla com bastante espaço entre as seções. Não há navegação lateral; toda a navegação está localizada na barra superior.
A seção principal é dominada por fotografias cinematográficas em tela cheia — paisagens atmosféricas e inspiradoras (montanhas envoltas em névoa, espaços de trabalho isolados na natureza) — que posicionam a atividade bancária como uma experiência contemplativa e sublime. As fotografias são de alta qualidade, ligeiramente dessaturadas, com tons frios e uma sutil sobreposição escura para preservar a legibilidade do texto. Abaixo da seção principal, as imagens se alternam com capturas de tela da interface do usuário do produto e fundos abstratos e atmosféricos. Não há ilustrações, nem ícones que se assemelhem a obras de arte — os elementos visuais são fotográficos ou puramente funcionais. O estilo dos ícones em toda a interface do usuário é minimalista, com linhas e glifos na cor marfim, usado na navegação, nos botões e nos formulários.
Paleta
Marca
- Cobalt
#5266eb— A cor roxa é usada para botões preenchidos, estados de navegação selecionados e momentos de conversão que exigem foco.
Neutro
- Onyx Canvas
#171721— Plano de fundo da página principal, sobreposição básica para a tela inicial, telas para o rodapé e seções. - Graphite Card
#1e1e2a— As superfícies em relevo do cartão e das seções são um tom mais claro que a tela, criando uma separação suave. - Obsidian Button
#272735— Preenchimento adicional de botões, fundos de formulário incorporados, superfícies interativas discretas. - Slate Border
#70707d— Divisórias de espessura média e limites estruturais entre os blocos de conteúdo. - Mist Border
#e2e3ed— Bordas finas, quase imperceptíveis, contornos de botões quase imperceptíveis, bordas dos campos de entrada - uma borda clara sobre um fundo escuro. - Ash Text
#c3c3cc— Texto principal, texto auxiliar, rótulos adicionais - hierarquia simplificada sem perda de legibilidade.
Tipografia
de 12 a 65px · 9 etapas
- arcadia — substituição: Inter · esboços 360, 400, 420, 480 · Interface principal e do usuário - Uma fonte para navegação, texto corrido, botões, campos de entrada, rótulos e texto auxiliar, com peso de 400 para texto corrido e 480 para ênfase. A escala de peso intermediária (360, 420, 480) em vez da padrão (300/400/600) confere ao texto Mercury uma aparência distintamente equilibrada — nunca em negrito, nunca fina, sempre precisa.
- arcadiaDisplay — substituição: Söhne Breit · esboços 360, 480, 530 · A fonte para títulos e elementos decorativos é usada na espessura 480 para todos os tamanhos de título, de 28px a 65px, enquanto a espessura 530 é reservada para os maiores elementos decorativos. A baixa altura da linha (1,1–1,2) e o espaçamento positivo entre letras (0,01–0,02em) conferem ao texto decorativo uma aparência ampla e arquitetônica, em vez da estrutura comprimida encontrada no texto editorial.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | média |
| Passo básico | 12px |
| Raio do botão | 32px |
| Raio do cartão | 12px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 72px |
| Largura da página | 1200px |
A IA criará seu site no estilo Mercury e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- Origin Financial — Uma galeria noturna de opulência discreta. Uma sala silenciosa, quase escura, onde grandes fontes serifadas e alguns painéis coloridos iluminados criam a sensação de que as finanças são uma obra de arte cuidadosamente selecionada.
- Air — escultura "Céu da Meia-Noite Através do Vidro"
- Slash — Cofre da meia-noite com livros-razão dourados
- dope.security — Terminal noturno com sinalizadores roxos
- Modal — Um terminal fosforescente em uma sala de servidores escura - a única fonte de luz é um verde brilhante.
- Giga — Horizonte da meia-noite sobre obsidiana congelada
- Dovetail — Centro de Controle de Projetos à Meia-Noite
- Dovetail — Uma planta sob uma lua negra — linhas do gráfico quase invisíveis, fonte branca, um brilho roxo.
- AgentQL — Aurora boreal sobre o terminal à noite.
- Supabase — Um editor de código à meia-noite com um ponto verde fosforescente — um único pulso cromático num mar de poeira de carvão.
- Changelog — O console do observatório atrás de um vidro escuro.
- GitHub — Um painel de comando espacial com pontos de controle bioluminescentes — um espaço de trabalho escuro e atmosférico onde um único brilho verde indica o caminho a seguir.