Slush
Universo inflável de adesivos em papel pastel
Slush funciona como um álbum de figurinhas: uma tela de papel em tons pastel, enormes e volumosas faixas de um azul vibrante e um arco-íris de adesivos coloridos espalhados como confete. A tipografia é grande e condensada (Lateral 800 por 200–640px, espaçamento entre linhas de 0,75–0,80), de modo que as palavras se tornam objetos esculturais em vez de frases. Seis cores ricas e exclusivas funcionam como uma paleta geral de figurinhas — cada cor aparece como um adesivo preenchido, na superfície do cartão ou como uma camada decorativa, nunca como um detalhe discreto. Os componentes são suavemente arredondados (20–40px nos cartões, em formato de pílula na navegação) e contornados em preto para um efeito artesanal. O resultado é menos uma landing page de fintech e mais uma colagem física fixada em uma parede clara.
O layout apresenta uma página com rolagem em largura total, sem barra lateral ou contêiner fixo. O texto em rolagem e a navegação superior minimalista (logotipo à esquerda, barra de navegação no centro e chamada para ação preenchida à direita) permanecem no topo. Cada seção é uma faixa colorida em largura total (#dceeff → #ffffff → #cccccc) com texto lateral ampliado, centralizado ou alinhado à esquerda, emoldurado por fitas azuis em 3D. O layout do conteúdo é intencionalmente solto e semelhante a uma colagem, em vez de baseado em grade: adesivos sobrepõem o texto, fitas se cruzam atrás do texto e um cartão QR é posicionado descentralizado em uma seção secundária. O ritmo vertical é relativamente amplo (espaços de 48px entre as seções), mas a composição horizontal é intencionalmente assimétrica. A página é lida de cima para baixo como três grandes faixas coloridas, cada uma funcionando como um pôster independente.
A linguagem visual é dominada por fitas azuis tridimensionais — um motivo unificado da marca, composto por formas tubulares granuladas e infláveis em azul elétrico que envolvem ou ocultam o texto principal de cada seção. Adesivos decorativos bidimensionais (um foguete, uma moeda de ouro, um símbolo de visto verde, uma carteira roxa) flutuam ao redor dos títulos como recortes de papel fixados em um painel, cada um com um contorno preto (1px). Não há fotografias em lugar nenhum. Não há grades ilustrativas tradicionais — tudo é colado e organizado assimetricamente. As fitas tridimensionais criam a atmosfera principal; os adesivos adicionam um toque lúdico; o resto é texto e cor.
Paleta
Marca
- Electric Blue
#4da2ff— A cor dominante da marca — esculturas de fitas grossas, fundos de imagem, padrões desfocados em cartões — é uma assinatura visual que serve de base para cada tela.
Neutro
- Carbon
#000000— O texto principal, as molduras dos cartões, o fundo preenchido para a chamada à ação e o logotipo criam o efeito de um contorno de adesivo recortado à mão em superfícies em tons pastel. - Paper White
#ffffff— Página de lona, superfícies de papelão, preenchimento do contorno do botão, texto em fundo escuro. - Sky Wash
#dceeff— Fundo da seção principal, fundo azul pastel claro. - Concrete Gray
#cccccc— Fundo da seção secundária, superfície intermediária neutra - Soft Mist
#e9e9e9— Tons sutis nos botões e na superfície, estados desativados - Mint Pop
#55db9c— Preenchimento verde para destacar o fundo, listras decorativas e um leve toque de cor atrás do conteúdo.
Tipografia
de 12 a 640px · 7 etapas
- Lateral — substituição: Druk · esboços 800 · Apenas os títulos — o logotipo "SLUSH" e banners de seção como "ALL THINGS SUI" — são exibidos em uma fonte de 200 a 640 pixels com uma altura de linha reduzida de 0,75 a 0,80, de modo que as letras formam blocos esculpidos. Este é um método de exibição antitradicional: nenhum outro site usa uma fonte de 800 pontos com uma altura de linha inferior a 0,85, e esse efeito faz com que o texto se comporte como um objeto físico envolto em fitas tridimensionais.
- Aeonik Pro — substituição: Inter · esboços 500, 700 · Toda a interface do usuário, incluindo o corpo do texto, a navegação, os botões e os subtítulos. Peso 500 para o corpo do texto e metadados (12–16px), peso 700 para subtítulos e rótulos de navegação (24–30px) e um incremento de 64px em 700 para títulos secundários grandes. O espaçamento entre letras reduzido (-0,010em) estreita o corpo do texto (14–16px); uma leve expansão (0,030–0,032em) nos rótulos/botões de navegação proporciona "espaço em branco" aos controles.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 4-12px |
| Raio do botão | 1600px |
| Raio do cartão | 20px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 48px |
| Largura da página | 1440px |
A IA criará seu site no estilo Slush 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
- Apple iPhone Duo — Um dispositivo dobrável em uma galeria branca. Imagens do produto estão no centro, enquanto a tipografia e os controles azuis são propositalmente discretos.
- AYOCIN — Um totem solar de bem-estar. Crie telas que remetam a uma fotografia de interiores aconchegante: tipografia imponente, sombras arquitetônicas suavemente desfocadas e um único objeto iluminado em um espaço calmo e cremoso.
- Apple AirPods 5 — Apple — cinema em fundo branco. Um vasto espaço em branco para edição dá lugar a comerciais de longa duração, onde silhuetas de objetos em movimento e iluminação saturada criam um efeito dramático visual.
- Hopper — Uma vista panorâmica de Santorini ao entardecer. Uma fotografia suavizada do destino serve como uma sobreposição atmosférica, sobre a qual se sobrepõem botões compactos e brancos de navegação e reserva.
- Bose — Um estúdio de gravação no litoral. Uma imagem publicitária agitada pelo vento preenche o quadro, enquanto controles de campanha nítidos em preto e branco são dispostos ao redor como detalhes precisos.
- Bauhaus Clock — Relógios inspirados na Bauhaus – luminescência mecânica turquesa. Emoldure superfícies calmas e claras com uma imagem de relógio escura e cinematográfica e use o turquesa como um detalhe luminoso raro.
- Cursor — Uma oficina de pergaminho aconchegante, iluminada por brasas fumegantes.
- MindMarket — Um livro de contos de fadas aconchegante em papel creme - uma tela editorial amigável onde grandes manchetes da Inter e personagens de papel recortado coexistem em uma superfície ensolarada e macia como adesivos.
- Shop — Uma constelação comercial flutuante em mármore branco
- Airbnb — Uma discreta parede branca de galeria com um único marcador de livros vermelho-coral.
- Superr — Um caderno escolar quentinho sob a suave luz da tarde. Uma página cor creme, um marcador laranja sem tampa e uma pilha de etiquetas adesivas plastificadas com nomes, prontas para serem destacadas.
- Apple (España) — A galeria do museu, sob uma suave luz natural, é um espaço único, cativante e etéreo, todo branco, com cada peça da exposição iluminada por um foco de luz contra uma parede levemente colorida.