
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ósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 8px |
| Raio do botão | 30px |
| Raio do cartão | 0px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 48px |
| Largura da página | 1440px |
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