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

Nike

Uma galeria monocromática de conquistas esportivas – paredes brancas, o produto como obra de arte, o cromo dissolvido no fundo.

O site Nike.com funciona como uma galeria monocromática, focada no produto: a interface do usuário é praticamente invisível, permitindo que as fotos dos produtos ocupem toda a tela. Toda a interface é construída em preto, branco e três tons de cinza — sem cores de destaque, sem gradientes decorativos, sem o tom quente característico da marca. O estilo característico da Nike reside no logotipo da galeria e nas fotos, mas nunca na própria interface do usuário. A tipografia é compacta e utilitária, utilizando uma família de fontes Helvetica Now personalizada, com tamanho entre 12 e 20 pixels, e um único logotipo Nike Futura ND em tamanho grande, com 76 pixels, para os títulos. Os componentes são minimalistas: botões em formato de pílula com raio de 30 pixels, cartões de produtos planos, bordas finas e praticamente nenhuma diferença de altura. A página alterna entre superfícies de produtos totalmente brancas e seções editoriais marcantes em tons escuros, criando ritmo por meio do contraste, em vez de ornamentação.

A página segue um ritmo editorial robusto: um cabeçalho escuro e impactante, em tela cheia, apresentando um único produto e um título grande, seguido por uma grade de categorias 2x2 também em tela cheia, uma grade horizontal de cartões de produtos em 3 colunas e, finalmente, um rodapé denso com múltiplas colunas. Todos os blocos de conteúdo ocupam toda a largura da tela, sem limite máximo de largura para os contêineres; a limitação de largura máxima se aplica apenas à navegação e à grade de links do rodapé. As transições entre as seções são nítidas: cabeçalho preto → grade de categorias branca → grade de produtos branca → rodapé branco, com estreitas bordas cinza como a única emenda visual. A navegação é uma barra minimalista de dois níveis (links auxiliares na parte superior, categorias principais centralizadas), sem fixação, preenchimento de fundo ou sombra. A densidade de conteúdo é compacta nas grades de produtos (espaçamento reduzido entre os cartões) e ampla no cabeçalho (tela cheia).

A fotografia é o elemento visual dominante e define toda a identidade da marca. O sistema utiliza fotos de produtos de alta qualidade e em formato full-frame: tênis esportivos fotografados individualmente contra um fundo escuro ou degradê, recortados para preencher o quadro, sem contexto de estilo de vida. Imagens de estilo de vida aparecem dentro das categorias, mostrando os pés e as pernas de atletas em movimento. Um esquema de cores de alto contraste e saturadas é utilizado — tênis vermelhos contra um fundo preto, detalhes em neon em solados brancos e iluminação quente e fria para dramatizar os materiais. Não são utilizadas ilustrações, gráficos abstratos ou renderizações 3D. As imagens sempre têm bordas limpas (sem cantos arredondados nos contêineres de fotos), sempre ocupam todo o espaço dentro de seus blocos e são sempre acompanhadas por uma sobreposição mínima de texto. A iconografia é puramente funcional: ícones de contorno para busca, lista de desejos, carrinho e conta nas cores Obsidiana ou Aço.

Paleta

Neutro

  • Obsidian #111111 — Cores escuras complementam textos e ícones neutros, criando um forte contraste. Evite usá-las como cor principal para chamadas à ação.
  • Paper White #ffffff — Plano de fundo da página, superfície do cartão, texto do botão em fundo escuro, contorno do ícone — a tela padrão para grades de produtos e seções de categorias.
  • Concrete Gray #e5e5e5 — Bordas, divisórias, linhas finas separando as seções da grade, contornos sutis dos campos de entrada.
  • Soft Mist #f5f5f5 — Cor de fundo sutil para superfícies secundárias, preenchimento do campo de pesquisa na navegação, fundo da etiqueta.
  • Steel #707072 — Texto secundário, texto auxiliar discreto, contornos de ícones reduzidos, rótulos de navegação, separadores de links no rodapé.
  • Faint Gray #9e9ea0 — Os contornos dos ícones, elementos menores da interface do usuário e bordas com realce mínimo estão desativados.

Tipografia

de 12 a 76px · 6 etapas

  • Helvetica Now Text Medium — substituição: Inter · esboços 500 · A fonte Helvetica Now Text Medium foi encontrada nos dados extraídos, mas não foi descrita pela IA.
  • Helvetica Now Text — substituição: Inter or Helvetica Neue · esboços 400, 500 · O texto principal da interface do usuário - links de navegação, rótulos de botões, títulos de cartões, nomes de produtos, listas de rodapé, todo o texto do corpo.
  • Helvetica Now Display Medium — substituição: Inter Medium or Helvetica Neue Medium · esboços 500 · Títulos de seção, rótulos de categoria de cartão, títulos de tamanho médio - A fonte média (20-24px) é uma característica marcante dos títulos da Nike que não são elementos de design grandes: nunca em negrito, sempre concisos.

Intervalos e forma

PropósitoSignificado
Densidadedenso
Passo básico8px
Raio do botão30px
Raio do cartão0px
Sombrasnão - bordas em vez de sombras
Entre seções48px
Largura da página1440px

A IA criará seu site no estilo Nike 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

  • Airbnb — Uma discreta parede branca de galeria com um único marcador de livros vermelho-coral.
  • Apple (España) — vitrine branca para galeria
  • Silencio — Uma sala branca com objetos flutuantes. Uma galeria de arte feita de papel em tons quentes, onde cada elemento ocupa seu lugar contra um fundo de volume negativo, e o silêncio é uma decisão de design intencional.
  • Oakâme — Uma oficina provençal banhada de sol, esculpida em pedra quente.
  • Arc — galeria industrial branca sobre água à meia-noite
  • Rivian — Um monólito elétrico na parede de concreto da galeria. A Rivian apresenta cada veículo como uma escultura contra um vasto espaço branco, com uma tipografia tão grande que se torna um elemento arquitetônico, e um único amarelo quente que quebra a atmosfera monocromática, como a luz do sol em uma superfície fosca.
  • Analogue — Vitrine preta para galeria – os produtos flutuam no vazio.
  • ddna — vitrine de museu aquecida sobre linho não tratado
  • Zellerfeld — Uma oficina de escultor em mármore branco — as superfícies monolíticas do pedestal, uma única faísca de cobalto, um sussurro de letras minúsculas do chão ao teto.
  • UY Studio — A galeria de pedra do mosteiro é um espaço tranquilo com paredes de concreto, onde frascos de perfume repousam sobre pedestais brancos, iluminados por uma lâmpada de 400 watts e quatro lâmpadas de luz cinza quente.
  • Basic.Space — galeria curatorial em mármore branco
  • COS — uma galeria moderna com paredes brancas