Slash
Cofre da meia-noite com livros-razão dourados
O Slash opera em um modo de galeria noturno: uma tela quase preta, texto branco e um único detalhe em cobre quente servindo como pontuação. Os títulos são exibidos em Ivy Presto, uma fonte didone serifada de alto contraste usada em tamanhos extremos (até 88px) — esse contraste entre fontes serifadas e sem serifa é a assinatura do sistema, conferindo-lhe uma seriedade financeira sem a formalidade de uma corretora bancária tradicional. O restante da interface do usuário é propositalmente discreto: bordas finas, controles em formato de pílula, texto compacto de 16px e uma sutil curvatura ascendente para permitir que o texto respire. Um único gradiente dourado (linha do gráfico, microdetalhes) adiciona calor ao sistema monocromático, evocando o brilho acolhedor de um terminal Bloomberg criado para um público de design.
O conteúdo tem 1216px de largura, é centralizado e possui espaçamento vertical de 160px. A tela inicial é um canvas escuro de largura total com composição dividida: um cabeçalho serifado alinhado à esquerda (64–88px de largura) com um campo de endereço de e-mail abaixo e um grande cartão de interface do produto (uma captura de tela do painel) à direita, com 50% da largura. As seções subsequentes utilizam um cabeçalho centralizado de coluna única (serifa, 44–64px de largura) com um subtítulo em Inter, seguido por grades de três colunas com cartões para descrições de recursos/depoimentos/blogs. A navegação consiste em uma barra superior fixa: logotipo à esquerda, menu central (Empresa, Produtos, Soluções, Clientes, Preços, Perguntas Frequentes), login alinhado à direita (discreto) e guia de primeiros passos (elemento preenchido com branco). O rodapé apresenta uma grade densa de cinco colunas com links, informações da empresa e avisos legais. A página alterna entre seções em formato de grade com conteúdo abundante e estatísticas em tela cheia — o ritmo é estabelecido pelo amplo espaço em branco entre as colunas, em vez da alternância de cores de fundo (a página inteira é apresentada como uma única tela unificada).
A fotografia é editorial e naturalista: retratos acolhedores dos fundadores e membros da equipe em seus ambientes de trabalho reais (escritórios, salas de estar, canteiros de obras). As imagens preenchem os quadros dos cartões de ponta a ponta, sem margem. Um gradiente escuro é usado na parte inferior dos cartões de depoimentos para melhorar a legibilidade do texto. A estética — "LinkedIn encontra revista editorial" — é casual, humana e ligeiramente discreta, nunca polida com fotos de banco de imagens. As miniaturas dos artigos combinam fotografias com conceitos ilustrados (uma pessoa em um labirinto, uma lareira com sacos de dinheiro). A interface do produto é exibida em modo escuro com opacidade total, pairando sobre a página em superfícies escuras sutis — um elemento central. Os ícones são monocromáticos com traços de 1px em #2e3038 ou #777a88, nunca preenchidos com a cor da marca.
Paleta
Neutro
- Bone
#e2e3e9— Tamanho de fonte grande para o texto principal, rótulos de dados detalhados e tom de texto padrão na maioria dos elementos da interface do usuário. - Obsidian
#08080a— A tela da página, o fundo do rodapé, a superfície mais escura é quase preta com um leve tom azulado. - Onyx
#040406— A superfície do cartão, o fundo adicional, é um nível mais profundo que a página para efeito visual. - Carbon
#121317— Painéis elevados, preenchimento de interface do usuário discreto — o primeiro passo visivelmente mais leve na evolução do Surface Stack. - Graphite
#1c1d22— Bordas, divisórias, contêineres de ícones, controles deslizantes — a mais sutil nuance de cor que define a estrutura. - Slate
#2e3038— Bordas adicionais, linhas de ícones discretas, divisores sutis entre os blocos de conteúdo.
Tipografia
de 13 a 88px · 9 etapas
- Ivy Presto — substituição: Playfair Display · esboços 400, 500 · Uma fonte serifada para títulos e subtítulos — usada exclusivamente para títulos e seções com 28px ou mais. Traços didone de alto contraste com serifas finas criam uma sensação de sofisticação editorial; o pequeno espaçamento positivo entre letras de 0,01em é incomum e confere à fonte uma aparência impressa, semelhante à de documentos contábeis. Essa fonte serifada é o principal cartão de visitas da marca — ela diferencia a Slash de todas as outras empresas fintech de SaaS que usam fontes geométricas sem serifa por padrão.
- Inter — substituição: Inter (self-hosted via Google Fonts) · esboços 300, 400, 500, 600, 700 · UI Sans — texto principal, navegação, botões, rótulos, links, campos de formulário e subtítulos. O texto principal usa uma fonte de 300 para textos secundários discretos; 500 é usado para textos com ênfase média e rótulos de botões; 600 é reservado para rótulos de categoria escritos em versalete. O espaçamento negativo entre letras diminui de 2 (-3) e diminui conforme o tamanho da fonte diminui, o que é típico do dimensionamento óptico da fonte Inter.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espaçoso |
| Passo básico | 8px |
| Raio do botão | 9999px |
| Raio do cartão | 10px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 160px |
| Largura da página | 1216px |
A IA criará seu site no estilo Slash 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
- Modal — Um terminal fosforescente em uma sala de servidores escura - a única fonte de luz é um verde brilhante.
- AgentQL — Aurora boreal sobre o terminal à noite.
- 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.
- Doppler — A iluminação púrpura do cofre à meia-noite. A tela quase negra brilha com um único sinal lavanda e uma luz verde de confirmação, cada superfície curvada o suficiente para ser tocada.
- Basedash — Um terminal de dados à meia-noite com fonte fosca. Um observatório escuro onde as métricas brilham em tons de roxo e verde, títulos com serifa flutuam acima do ruído e botões brancos em forma de pílula são os únicos objetos brilhantes em uma sala de superfícies pretas e suaves.
- Superwhisper — A aurora boreal se dissolve sobre o vidro da meia-noite.
- Better Stack — Console SRE da meia-noite
- Langbase — Console Midnight Northern Lights
- Astro — Centro de Controle de Missão no Espaço Profundo com um único brilho púrpura proveniente de uma nebulosa.
- Wayfinder — Uma tela de cinema preta com um título quase inaudível pairando sobre uma ilustração em movimento. A interface consiste em um controle deslizante de brilho, em vez de um painel de controle.
- HashiCorp — A sala de controle à meia-noite, com luzes de néon roxas, é um ambiente técnico escuro onde um cubo hexagonal brilhante serve como única referência de cor.
- Umbrel — Uma aconchegante fogueira na sala de servidores noturna — um cômodo escuro onde um único brilho alaranjado destaca o que é verdadeiramente importante.