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.
Zellerfeld parece uma galeria de escultores digitais em mármore branco — um mercado para sapatos impressos em 3D, onde superfícies monocromáticas, amplo espaço em branco e fontes grandes em minúsculas permitem que cada produto funcione como uma peça de museu. A interface é extremamente contida: uma tela acromática com uma única cor azul cobalto vibrante (#000aff) reservada para momentos urgentes — ícones, navegação ativa da "Loja" e o status atual do slide. Os cards flutuam sobre um fundo cinza pérola quente, em vez de branco puro, conferindo à grade uma textura tátil, como de gesso. A tipografia permanece uma única sans-serif personalizada (Roobert) com espaçamento estreito entre as letras, e a Space Mono é usada apenas para preços, listas de produtos e metadados técnicos. Como resultado, a página do produto se assemelha mais a um site de imprensa de design do que a uma loja física — os objetos são fotografados, não vendidos.
A página ocupa toda a largura e apresenta uma faixa de conteúdo de 1440px. O elemento principal é um banner fotográfico em tela cheia com uma sobreposição de interface do usuário flutuante. As seções de produtos utilizam uma grade de 4 colunas, que se reduz a 2 em tablets e 1 em dispositivos móveis. A estrutura das seções é: descrição detalhada do produto → grade de avaliação editorial → grade de lançamentos → painel com informações de contato para a imprensa. Cada seção de produto centraliza seu conteúdo dentro da faixa e utiliza 80px de espaço vertical entre as seções. A navegação consiste em uma barra superior fixa em uma única linha com uma faixa de anúncios fina acima. Os cartões de produto são alinhados a uma grade rigorosa — a área da imagem está sempre centralizada na silhueta do calçado com 40px de espaçamento superior e inferior dentro do cartão, e o conjunto de metadados é ancorado no canto inferior esquerdo com um logotipo da marca de 40x40.
A fotografia de produto é o elemento visual dominante — cada sapato é fotografado sobre uma superfície branca pura ou gesso, em um ângulo de três quartos, preenchendo todo o cartão sem qualquer contexto, modelo ou ambiente. O elemento principal é uma fotografia de estilo de vida completa: fotos recortadas de pés e sapatos na areia ou no concreto, sempre em escala humana, nunca com qualidade de estúdio perfeita. O princípio de que "o sujeito é o elemento principal" se aplica — os sapatos ocupam 40% da área visível do quadro, mesmo no elemento editorial principal. Nenhum elemento gráfico decorativo, padrão abstrato ou ilustração é usado. Os ícones são lineares, contornados em preto, nunca preenchidos, nunca coloridos.
Paleta
Marca
- Electric Cobalt
#000aff— Novos ícones, barra de navegação ativa, indicador do slide atual, momentos de ativação — a única pista cromática no sistema, usada com parcimônia para ser percebida como ativação e não como decoração.
Neutro
- Pale Iris
#e5e7ff— Uma nova cor de preenchimento para emblemas, um destaque suave e uma superfície tingida para opções de rotulagem — um tom cobalto discreto que sugere cor sem interromper a paleta monocromática. - Ink Black
#111111— Corpo do texto, bordas padrão, contornos de ícones, divisores finos - a cor estrutural dominante para títulos, listas e links. - Pure White
#ffffff— Em formulários com cores neutras, textos com ícones e feedback discreto na interface do usuário, utilize cores sutis. Evite usá-las como cor principal para chamadas à ação. - Plaster
#ecedee— Superfície secundária para cartões de produtos, fundo da barra de navegação, nível elevado e suave acima da tela. - Slate
#a1a4aa— A tonalidade da moldura do cartão, o preenchimento neutro dos botões e a borda discreta dos botões são tons de cinza que realçam as bordas do cartão sem escurecê-las. - Fog
#d7d7d7— Moldura de cartão clara, linhas divisórias, coloração da superfície inativa.
Tipografia
de 13 a 128px · 7 etapas
- Roobert — substituição: Inter · esboços 400, 500, 600, 700 · A fonte principal da marca é usada em tudo, desde o corpo do texto até os títulos. O espaçamento entre linhas é consistente em todos os tamanhos, permitindo que as letras minúsculas do logotipo tenham uma massa densa e escultural. A espessura da fonte aumenta dependendo do contexto: 400 para o corpo do texto e interface do usuário, 500 para títulos em destaque, 600 para nomes de produtos e 700 para títulos grandes.
- Space Mono — substituição: JetBrains Mono · esboços 400, 600 · Metadados técnicos — preços (€189,00), valores numéricos para as 10 primeiras posições, símbolos de ações e nomes das lojas — são adicionados onde a página deve ser percebida como uma especificação técnica e não como um texto promocional.
- Arial — substituição: Inter · esboços 400 · Arial - Encontrada nos dados extraídos, mas não descrita pela IA.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | média |
| Passo básico | 16px |
| Raio do botão | 10px |
| Raio do cartão | 10px |
| Sombras | mínimo |
| Entre seções | 80px |
| Largura da página | 1440px |
A IA criará seu site no estilo Zellerfeld 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.
- Nike — Uma galeria monocromática de conquistas esportivas – paredes brancas, o produto como obra de arte, o cromo dissolvido no fundo.
- 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
- 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