Slush
Universo inflable de pegatinas sobre papel pastel
Slush funciona como un álbum de pegatinas: un lienzo de papel en tonos pastel, enormes y voluminosas cintas de azul brillante y un arcoíris de vibrantes pegatinas esparcidas como confeti. La tipografía es grande y condensada (Lateral 800 x 200–640 px, interlineado 0,75–0,80), de modo que las palabras se convierten en objetos escultóricos en lugar de frases. Seis colores intensos y distintivos funcionan como una paleta general de pegatinas: cada color aparece como una pegatina rellena, una superficie de tarjeta o una capa decorativa, nunca como un acento discreto. Los componentes tienen bordes suavemente redondeados (20–40 px en las tarjetas, forma de píldora en la navegación) y están delineados en negro para un efecto artesanal. El resultado es menos una página de inicio de fintech y más un collage físico colgado en una pared de color claro.
El diseño presenta una página desplazable de ancho completo, sin barra lateral ni contenedor persistente. El texto desplazable y la navegación superior minimalista (logotipo a la izquierda, barra de navegación en el centro, llamada a la acción rellena a la derecha) permanecen en la parte superior. Cada sección es una franja de color de ancho completo (#dceeff → #ffffff → #cccccc) con texto lateral ampliado, centrado o alineado a la izquierda, enmarcado por cintas azules en 3D. El diseño del contenido es intencionalmente suelto y tipo collage, en lugar de basado en cuadrícula: pegatinas superpuestas al texto, cintas que se cruzan detrás del texto y una tarjeta QR está posicionada descentrada en una sección secundaria. El ritmo vertical es bastante amplio (espacios de 48 px entre secciones), pero la composición horizontal es intencionalmente asimétrica. La página se lee de arriba a abajo como tres grandes franjas de color, cada una un póster independiente.
El lenguaje visual está dominado por cintas azules tridimensionales: un motivo de marca unificado que consiste en formas tubulares inflables y granuladas de color azul eléctrico que envuelven u ocultan el texto principal de cada sección. Pegatinas decorativas bidimensionales (un cohete, una moneda de oro, una marca de verificación verde, una cartera morada) flotan alrededor de los titulares como recortes de papel fijados a un tablero, cada uno con un contorno negro (1 píxel). No hay fotografías. No hay cuadrículas ilustrativas tradicionales: todo está dispuesto en forma de collage y asimétrica. Las cintas tridimensionales crean la atmósfera principal; las pegatinas añaden un toque lúdico; el resto es tipografía y color.
Paleta
Marca
- Electric Blue
#4da2ff— El color dominante de la marca —esculturas de cintas gruesas, fondos de imágenes, patrones difuminados en las tarjetas— es una firma visual que sirve de base para cada pantalla.
Neutral
- Carbon
#000000— El texto principal, los marcos de las tarjetas, el fondo relleno para la llamada a la acción y el logotipo crean el efecto de un contorno de pegatina recortado a mano sobre superficies en tonos pastel. - Paper White
#ffffff— Página de lienzo, superficies de cartón, relleno de contorno de botón, texto sobre fondo oscuro. - Sky Wash
#dceeff— Fondo de la sección principal, fondo azul pastel claro. - Concrete Gray
#cccccc— Fondo de sección secundaria, superficie intermedia neutra - Soft Mist
#e9e9e9— Tonos sutiles en botones y superficies, estados deshabilitados - Mint Pop
#55db9c— Relleno verde para resaltar el fondo, las franjas decorativas y el suave acento detrás del contenido.
Tipografía
De 12 a 640 píxeles · 7 pasos
- Lateral — reemplazo: Druk · esquemas 800 · Solo los titulares —el logotipo de "SLUSH" y los banners de sección como "ALL THINGS SUI"— se muestran con una fuente de 200-640 px y un interlineado reducido de 0,75-0,80, lo que hace que las letras formen bloques esculpidos. Este es un método de visualización poco convencional: ningún otro sitio web utiliza una fuente de 800 puntos con un interlineado inferior a 0,85, y este efecto hace que el texto se comporte como un objeto físico envuelto en cintas tridimensionales.
- Aeonik Pro — reemplazo: Inter · esquemas 500, 700 · Toda la interfaz de usuario, incluyendo el texto principal, la navegación, los botones y los subtítulos. Grosor de 500 para el texto principal y los metadatos (12–16 px), grosor de 700 para los subtítulos y las etiquetas de navegación (24–30 px), y un incremento de 64 px de 700 para los encabezados secundarios grandes. El espaciado entre letras ajustado (-0,010 em) reduce el tamaño del texto principal (14–16 px); una ligera expansión (0,030–0,032 em) en las etiquetas/botones de navegación proporciona "espacio en blanco" a los controles.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 4-12px |
| Radio del botón | 1600px |
| Radio de la tarjeta | 20px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 48px |
| Ancho de página | 1440px |
La IA construirá tu sitio web al estilo de Slush 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
- Cursor — Un acogedor taller de pergamino, iluminado por brasas humeantes.
- MindMarket — Un acogedor libro de cuentos de hadas en papel color crema: un lienzo editorial amigable donde grandes titulares y personajes de papel recortados coexisten en una superficie suave como una pegatina, bañada por el sol.
- Shop — Una constelación comercial flotante sobre mármol blanco.
- Airbnb — Una tranquila pared blanca de la galería con un único marcapáginas de color rojo coral.
- Superr — Un cuaderno escolar cálido bajo la suave luz de la tarde. Una página color crema, un rotulador naranja sin tapa y una pila de pegatinas plastificadas con nombres, listas para ser despegadas.
- Apple (España) — La galería del museo, bañada por una suave luz natural, es un único espacio blanco, cautivador y etéreo, donde cada pieza está iluminada por un foco contra una pared ligeramente tintada.
- Lamborghini — Carrocería negra en la sala de exposición, bajo los focos: un coche amarillo.
- Amplemarket — Un lugar de trabajo bañado por el sol y cubierto de confeti.
- Getharvest — Un escritorio a la hora dorada: un lienzo de color crema cálido, postales blancas colgadas en el lienzo y una sola llama de color naranja brillante.
- Agence Foudre — La portada de la revista es de un suave color rosa que recuerda al pintalabios.
- Drive Capital — Póster retro de viaje por carretera en papel cálido
- Apple (España) — Vitrina blanca para galería