Slash
Bóveda de medianoite con libros maiores dourados
Slash funciona nun modo de galería de medianoite: unha lona case negra, letra branca e un único acento de cobre cálido que serve de puntuación. Os titulares móstranse en Ivy Presto, unha tipografía serif de alto contraste empregada en tamaños extremos (ata 88 px): este choque de tipos de letra serif e sans-serif é a sinatura do sistema, dándolle unha gravidade financeira sen a gravidade de corretagem da banca tradicional. O resto da interface de usuario é deliberadamente discreta: bordos finos, controis en forma de pílula, corpo de texto compacto de 16 px e unha sutil curva ascendente para permitir que a letra respire. Un único degradado dourado (liña de gráfico, microacentos) engade calidez ao sistema monocromático, evocando o brillo cálido dun terminal Bloomberg deseñado para un público de deseño.
O contido ten 1216 px de ancho, está centrado e ten marxes verticais de 160 px. A pantalla de inicio é unha lona escura de ancho completo cunha composición dividida: unha cabeceira con serifas aliñada á esquerda (64–88 px de ancho) cun campo de enderezo de correo electrónico debaixo e unha tarxeta de IU de produto grande (unha captura de pantalla do panel) á dereita cun 50 % de ancho. As seccións posteriores usan unha cabeceira centrada nunha soa columna (con serifas, 44–64 px de ancho) cun subtítulo en Inter, seguida de cuadrículas de tarxetas de tres columnas para descricións de funcións/testemuños/blogs. A navegación é unha barra superior fixa: logotipo á esquerda, menú central (Empresa, Produtos, Solucións, Clientes, Prezos, Preguntas frecuentes), inicio de sesión aliñado á dereita (discreto) e primeiros pasos (elemento cheo de branco). O pé de páxina presenta unha densa cuadrícula de cinco columnas de ligazóns con información da empresa e avisos legais. A páxina alterna entre seccións de cuadrícula ricas en contido e estatísticas a pantalla completa: o ritmo establécese polo xeneroso espazo en branco entre as columnas en lugar de alternar as cores de fondo (toda a páxina preséntase como un único lenzo unificado).
A fotografía é editorial e naturalista: retratos cálidos dos fundadores e membros do equipo nos seus entornos de traballo reais (oficinas, salas de estar, obras). As imaxes enchen os marcos das tarxetas de bordo a bordo, sen recheo. Úsase un degradado escuro na parte inferior das tarxetas de testemuño para mellorar a lexibilidade do texto. A estética —"LinkedIn atópase cunha revista editorial"— é informal, humana e lixeiramente apagada, nunca refinada con fotografías de stock. As miniaturas dos artigos combinan fotografías con conceptos ilustrados (unha persoa de pé nun labirinto, unha lareira con bolsas de diñeiro). A interface de usuario do produto móstrase en modo escuro con opacidade total, sobresaíndo sobre a páxina sobre superficies escuras sutís, un elemento central. As iconas son monocromas con trazos de 1 px en #2e3038 ou #777a88, nunca cheas da cor da marca.
Paleta
Neutro
- Bone
#e2e3e9— Tamaño de letra grande para o texto principal, etiquetas de datos detalladas e un ton de texto estándar na maioría dos elementos da interface de usuario. - Obsidian
#08080a— A pantalla da páxina, o fondo do pé de páxina, a superficie máis escura é case negra cun sutil ton azul. - Onyx
#040406— A superficie da tarxeta, o fondo adicional, está un paso máis profunda que a páxina para lograr un efecto visual. - Carbon
#121317— Paneis elevados, recheo discreto da interface de usuario: o primeiro paso notablemente máis lixeiro na evolución de Surface Stack - Graphite
#1c1d22— Bordes, divisores, contedores de iconas, controis deslizantes: o ton de cor máis sutil que define a estrutura. - Slate
#2e3038— Bordes adicionais, liñas de iconas apagadas, divisores sutís entre bloques de contido.
Tipografía
de 13 a 88 px · 9 pasos
- Ivy Presto — substitución: Playfair Display · contornos 400, 500 · Unha fonte serif para títulos e subtítulos, usada exclusivamente para títulos e títulos de sección de 28 px ou máis. Os trazos de dióforo de alto contraste con finas serifs crean unha sensación de luxo editorial; o pequeno espazado positivo entre letras de 0,01 em é inusual e dálle á fonte un aspecto impreso e contable. Esta fonte serif é a tarxeta de presentación principal da marca: distingue a Slash de todas as outras empresas SaaS fintech que empregan fontes sans-serif xeométricas por defecto.
- Inter — substitución: Inter (self-hosted via Google Fonts) · contornos 300, 400, 500, 600, 700 · UI Sans: texto principal, navegación, botóns, etiquetas, ligazóns, campos de formulario e subtítulos. O texto principal usa unha fonte 300 para texto secundario discreto; 500 úsase para texto de énfase media e etiquetas de botóns; 600 resérvase para etiquetas de categoría escritas en maiúsculas pequenas. O espazado negativo entre letras diminúe de 2 (-3) e diminúe a medida que diminúe o tamaño, o que é típico da escala óptica da fonte Inter.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espazoso |
| Paso básico | 8px |
| Radio do botón | 9999px |
| Radio da tarxeta | 10px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 160px |
| Largura da páxina | 1216px |
A IA creará o teu sitio web ao estilo de Slash 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
- Modal — Un terminal fosforescente nunha sala de servidores escura: a única fonte de luz é unha cor verde brillante.
- AgentQL — Auroras boreais sobre a terminal pola noite
- 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.
- Doppler — A iluminación púrpura da bóveda á medianoite. A lona case negra brilla cun único sinal lavanda e unha luz verde de confirmación, cada superficie curvada o suficiente para ser agarrada.
- Basedash — Un terminal de datos de medianoite con fonte mate. Un observatorio escuro onde as métricas brillan en púrpura e verde, os titulares con serifas flotan por riba do ruído e os botóns brancos con forma de pílula son os únicos obxectos brillantes nunha sala de superficies negras suaves.
- Superwhisper — A aurora boreal disólvese sobre o cristal da medianoite
- Better Stack — Consola SRE de medianoite
- Langbase — Consola Midnight Northern Lights
- Astro — Control de Misións Espaciais Profundos cun único brillo púrpura procedente dunha nebulosa
- Wayfinder — Unha pantalla de cine negra cun título apenas audible sobre unha ilustración en directo. A interface é un control deslizante de brillo en lugar dun panel de control.
- HashiCorp — A sala de control á medianoite con neón morado é unha superficie técnica escura onde un cubo hexagonal brillante serve como única referencia de cor.
- Umbrel — Unha acolledora fogueira na sala de servidores nocturna: unha habitación escura onde un único brillo intenso destaca o que é realmente importante.