Telegram, WhatsApp  +380637610482
Valery Danyuk
Valery DanyukdesenvolvedorDesenvolvendo ferramentas de IA para empresas. Alta qualidade. Preço acessível.Enviar mensagem no Telegram
Slush — uma prévia de um site neste estilo

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ósitoSignificado
Densidadedenso
Passo básico4-12px
Raio do botão1600px
Raio do cartão20px
Sombrasnão - bordas em vez de sombras
Entre seções48px
Largura da página1440px

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

  • 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.
  • Lamborghini — Carroceria preta no showroom, sob os holofotes - um carro amarelo.
  • Amplemarket — Um local de trabalho banhado de sol e coberto de confetes.
  • Getharvest — Uma escrivaninha na hora dourada – uma tela em tons creme quentes, cartões-postais brancos pendurados na tela e uma única chama laranja brilhante.
  • Agence Foudre — A capa da revista é de um tom rosa suave que lembra a cor de um batom.
  • Drive Capital — Pôster retrô de viagem de carro em papel quente.
  • Apple (España) — vitrine branca para galeria