Slash
Bóveda de medianoche con libros de contabilidad dorados
Slash funciona en modo galería nocturna: un lienzo casi negro, tipografía blanca y un único acento cálido de cobre que sirve de puntuación. Los titulares se muestran en Ivy Presto, una serifa didone de alto contraste utilizada en tamaños extremos (hasta 88 px); esta combinación de tipografías serif y sans-serif es el sello distintivo del sistema, que le confiere una seriedad financiera sin la solemnidad bursátil de la banca tradicional. El resto de la interfaz de usuario es deliberadamente sobrio: bordes finos, controles en forma de píldora, texto compacto de 16 px y un sutil barrido ascendente para que la tipografía respire. Un único degradado dorado (línea del gráfico, microacentos) añade calidez al sistema monocromático, evocando el brillo cálido de una terminal Bloomberg diseñada para un público de diseño.
El contenido tiene 1216 px de ancho, centrado, con márgenes verticales de 160 px. La pantalla de inicio es un lienzo oscuro de ancho completo con una composición dividida: un encabezado serif alineado a la izquierda (64–88 px de ancho) con un campo de dirección de correo electrónico debajo, y una tarjeta de interfaz de usuario de producto grande (una captura de pantalla del panel) a la derecha al 50 % de ancho. Las secciones subsiguientes usan un encabezado centrado de una sola columna (serif, 44–64 px de ancho) con un subtítulo en Inter, seguido de cuadrículas de tarjetas de tres columnas para descripciones de características/testimonios/blogs. La navegación es una barra superior fija: logotipo a la izquierda, menú central (Empresa, Productos, Soluciones, Clientes, Precios, Preguntas frecuentes), inicio de sesión alineado a la derecha (discreto) y primeros pasos (elemento relleno blanco). El pie de página presenta una cuadrícula densa de cinco columnas de enlaces con información de la empresa y avisos legales. La página alterna entre secciones de cuadrícula con abundante contenido y estadísticas a pantalla completa; el ritmo lo establece el generoso espacio en blanco entre las columnas, en lugar de la alternancia de colores de fondo (toda la página se presenta como un único lienzo unificado).
La fotografía es editorial y naturalista: retratos cálidos de los fundadores y miembros del equipo en sus entornos laborales reales (oficinas, salas de estar, obras de construcción). Las imágenes llenan los marcos de las tarjetas de borde a borde, sin relleno. Se utiliza un degradado oscuro en la parte inferior de las tarjetas de testimonios para mejorar la legibilidad del texto. La estética —«LinkedIn se encuentra con una revista editorial»— es informal, humana y ligeramente sobria, nunca pulida con fotos de archivo. Las miniaturas de los artículos combinan fotografías con conceptos ilustrados (una persona de pie en un laberinto, una chimenea con bolsas de dinero). La interfaz de usuario del producto se muestra en modo oscuro con opacidad total, flotando sobre la página en superficies oscuras sutiles, un elemento central. Los iconos son monocromáticos con trazos de 1 píxel en #2e3038 o #777a88, nunca rellenos con el color de la marca.
Paleta
Neutral
- Bone
#e2e3e9— Tamaño de fuente grande para el texto principal, etiquetas de datos detalladas y un tono de texto estándar en la mayoría de los elementos de la interfaz de usuario. - Obsidian
#08080a— El lienzo de la página, el fondo del pie de página, la superficie más oscura es casi negra con un sutil tinte azul. - Onyx
#040406— La superficie de la tarjeta, el fondo adicional, tiene un grosor ligeramente mayor que la página para lograr un efecto visual. - Carbon
#121317— Paneles elevados, interfaz de usuario discreta: el primer paso notablemente más ligero en la evolución de Surface Stack. - Graphite
#1c1d22— Bordes, divisores, contenedores de iconos, controles deslizantes: el matiz de color más sutil que define la estructura. - Slate
#2e3038— Bordes adicionales, líneas de iconos atenuadas, separadores sutiles entre bloques de contenido.
Tipografía
de 13 a 88 píxeles · 9 pasos
- Ivy Presto — reemplazo: Playfair Display · esquemas 400, 500 · Una tipografía con serifa para títulos y subtítulos, utilizada exclusivamente para encabezados y títulos de sección a partir de 28 px. Los trazos didone de alto contraste con finas serifas crean una sensación de lujo editorial; el pequeño espaciado positivo entre letras de 0,01 em es inusual y le da a la tipografía una apariencia impresa, similar a la de una fuente contable. Esta tipografía con serifa es la seña de identidad principal de la marca: distingue a Slash de todas las demás empresas fintech SaaS que utilizan por defecto tipografías sans-serif geométricas.
- Inter — reemplazo: Inter (self-hosted via Google Fonts) · esquemas 300, 400, 500, 600, 700 · UI Sans: texto principal, navegación, botones, etiquetas, enlaces, campos de formulario y subtítulos. El texto principal utiliza una fuente de 300 para texto secundario discreto; se utiliza una de 500 para texto de énfasis medio y etiquetas de botones; y la de 600 está reservada para etiquetas de categoría escritas en versalitas. El espaciado negativo entre letras disminuye desde 2 (-3) y se reduce a medida que disminuye el tamaño, lo cual es típico del escalado óptico de la fuente Inter.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | espacioso |
| Paso básico | 8px |
| Radio del botón | 9999px |
| Radio de la tarjeta | 10px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 160px |
| Ancho de página | 1216px |
La IA construirá tu sitio web al estilo de Slash y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- Modal — Un terminal fosforescente en una sala de servidores a oscuras: la única fuente de luz es de un color verde brillante.
- AgentQL — Auroras boreales sobre la terminal por la noche.
- GitHub — Un panel de control espacial con puntos de control bioluminiscentes: un espacio de trabajo oscuro y atmosférico donde un único resplandor verde señala el camino a seguir.
- Doppler — La iluminación púrpura de la bóveda a medianoche. El lienzo casi negro brilla con una única señal de color lavanda y una luz de confirmación verde; cada superficie tiene la curvatura suficiente para poder ser agarrada.
- Basedash — Un terminal de datos nocturno con tipografía mate. Un observatorio oscuro donde las métricas brillan en tonos púrpura y verde, los titulares con serifa flotan sobre el ruido y los botones blancos en forma de píldora son los únicos objetos brillantes en una habitación de suaves superficies negras.
- Superwhisper — Las auroras boreales se disuelven sobre el cristal de medianoche.
- Better Stack — Consola SRE de medianoche
- Langbase — Consola de auroras boreales de medianoche
- Astro — Centro de control de misiones del espacio profundo con un único resplandor púrpura proveniente de una nebulosa.
- Wayfinder — Una pantalla de cine negra con un título apenas audible que flota sobre una ilustración animada. La interfaz consiste en un control deslizante de brillo en lugar de un panel de control.
- HashiCorp — La sala de control a medianoche, iluminada con luces de neón moradas, es una superficie técnica oscura donde un cubo hexagonal brillante sirve como única referencia de color.
- Umbrel — Una acogedora hoguera en la sala de servidores nocturna: una habitación oscura donde un único resplandor color melocotón resalta lo que es verdaderamente importante.