Slush
universo inflable de adhesivos en papel pastel
Slush funciona como un álbum de adhesivos: un lenzo de papel en tons pastel, enormes e voluminosas cintas de azul brillante e un arco da vella de vibrantes detalles de adhesivos esparexidos como confeti. A tipografía é enorme e condensada (lateral 800 por 200–640 px, interlineado 0,75–0,80), de xeito que as palabras se converten en obxectos escultóricos en lugar de frases. Seis cores ricas e características funcionan como unha paleta xeral de adhesivos: cada cor aparece como un adhesivo cheo, unha superficie de tarxeta ou unha capa decorativa, nunca como un acento discreto. Os compoñentes están suavemente redondeados (20–40 px nas tarxetas, en forma de pílula na navegación) e están perfilados en negro para un efecto artesanal. O resultado é menos unha páxina de destino fintech e máis unha colaxe física fixada nunha parede de cor clara.
O deseño presenta unha páxina de desprazamento de ancho completo, sen barra lateral nin contedor persistente. O texto de desprazamento e a navegación superior minimalista (logotipo á esquerda, barra de navegación no centro, chamada á acción chea á dereita) permanecen na parte superior. Cada sección é unha tira de cor de ancho completo (#dceeff → #ffffff → #cccccc) con texto lateral ampliado, centrado ou aliñado á esquerda, enmarcado por cintas azuis en 3D. O deseño do contido é intencionadamente solto e semellante a unha colaxe, en lugar de estar baseado en cuadrícula: as pegatinas solapanse co texto, as cintas intersécanse detrás do texto e unha tarxeta QR está colocada fóra do centro nunha sección secundaria. O ritmo vertical é bastante amplo (intervalos de 48 px entre as seccións), pero a composición horizontal é intencionadamente asimétrica. A páxina lese de arriba a abaixo como tres grandes tiras de cor, cada unha delas un póster independente.
A linguaxe visual está dominada por cintas azuis tridimensionais, un motivo de marca unificado que consiste en formas tubulares granuladas e inflables en azul eléctrico que envolven ou ocultan o texto do titular en cada sección. Adhesivos decorativos bidimensionais (un foguete, unha moeda de ouro, unha marca de verificación verde, unha carteira morada) flotan arredor dos titulares como recortes de papel fixados nun taboleiro, cada un cun contorno negro (1 px). Non hai fotografías en ningún lugar. Non hai grellas ilustrativas tradicionais: todo está feito con collages e dispostos de forma asimétrica. As cintas tridimensionais crean a atmosfera principal; os adhesivos engaden un toque lúdico; o resto é letra e cor.
Paleta
Marca
- Electric Blue
#4da2ff— A cor dominante da marca (esculturas de cinta grosa, fondos de imaxes, patróns borrosos nas tarxetas) é unha sinatura visual que serve de base para cada pantalla.
Neutro
- Carbon
#000000— O texto principal, os marcos das tarxetas, o fondo cheo para a chamada á acción e o logotipo crean o efecto dun contorno de adhesivo cortado a man sobre superficies en tons pastel. - Paper White
#ffffff— Páxina de lenzo, superficies de cartón, recheo do contorno dos botóns, texto sobre fondo escuro. - Sky Wash
#dceeff— Fondo da sección principal, fondo azul claro en tons pastel. - Concrete Gray
#cccccc— Fondo da sección secundaria, superficie intermedia neutra - Soft Mist
#e9e9e9— Tons sutís de botóns e superficies, estados desactivados - Mint Pop
#55db9c— Recheo verde para resaltar o fondo, as raias decorativas e o acento suave detrás do contido.
Tipografía
de 12 a 640 px · 7 pasos
- Lateral — substitución: Druk · contornos 800 · Só os titulares (o logotipo de "SLUSH" e os banners de sección como "ALL THINGS SUI") móstranse nunha fonte de 200-640 px cunha altura de liña reducida de 0,75-0,80, polo que as letras forman bloques esculpidos. Este é un método de visualización antitradicional: ningún outro sitio web usa unha fonte de 800 puntos cunha altura de liña inferior a 0,85, e este efecto fai que o texto se comporte como un obxecto físico envolto en cintas tridimensionais.
- Aeonik Pro — substitución: Inter · contornos 500, 700 · Toda a interface de usuario, incluíndo o corpo do texto, a navegación, os botóns e os subtítulos. Peso 500 para o corpo do texto e os metadatos (12–16 px), peso 700 para os subtítulos e as etiquetas de navegación (24–30 px) e un incremento de 64 px de 700 para os títulos secundarios grandes. Un espazado entre letras axustado (-0,010 em) reduce o corpo do texto (14–16 px); unha lixeira expansión (0,030–0,032 em) nas etiquetas/botóns de navegación proporciona aos controis "espazo en branco".
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 4-12px |
| Radio do botón | 1600px |
| Radio da tarxeta | 20px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 48px |
| Largura da páxina | 1440px |
A IA creará o teu sitio web ao estilo de Slush 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
- Cursor — Un acolledor taller de pergamiño, iluminado por brasas fumegantes
- MindMarket — Un acolledor libro de conto de fadas sobre papel crema: un lenzo editorial amigable onde grandes titulares de Inter e personaxes de papel recortados conviven nunha superficie suave como unha pegatina bañada polo sol.
- Shop — Unha constelación comercial flotante sobre mármore branco
- Airbnb — Unha tranquila parede de galería branca cun único marcador de libros vermello coral
- Superr — Un caderno escolar cálido á suave luz da tarde. Unha páxina de cor crema, un rotulador laranxa sen tapa e unha pila de adhesivos plastificados cos nomes á espera de ser despegados.
- Apple (España) — A galería do museo, á suave luz do día, é un espazo branco único, cativador e ingrávido, con cada exposición iluminada por un foco contra unha parede lixeiramente tintada.
- Lamborghini — Cor negra da carrozaría na sala de exposicións, baixo os focos: un coche amarelo
- Amplemarket — Un lugar de traballo bañado polo sol cheo de confeti
- Getharvest — Un escritorio na hora dourada: un lenzo cor crema cálido, postais brancas colgadas no lenzo e unha única chama laranxa brillante.
- Agence Foudre — A portada da revista é dunha cor rosa suave que lembra ao batom.
- Drive Capital — Póster retro de viaxe por estrada en papel quente
- Apple (España) — vitrina de galería branca