Zellerfeld
Un obradoiro de escultor sobre mármore branco: as superficies monolíticas do pedestal, unha única faísca de cobalto, un susurro de letras minúsculas do chan ao teito
Zellerfeld parécese a unha galería de escultores dixitais sobre mármore branco: un mercado de zapatos impresos en 3D, onde as superficies monocromáticas, o abundante espazo en branco e as tipografías grandes e minúsculas permiten que cada produto actúe como unha exposición de museo. A interface é extremadamente contida: un lenzo acromático cunha única cor cobalto eléctrica (#000aff) reservada para momentos urxentes: iconas, navegación activa de "Tenda" e o estado actual da diapositiva. As tarxetas flotan sobre un fondo gris perla cálido, en lugar de branco puro, o que lle dá á grella un toque táctil de xeso. A tipografía segue sendo unha única sans-serif personalizada (Roobert) con espazado entre letras axustado, e Space Mono úsase só para prezos, listaxes de produtos e metadatos técnicos. Como resultado, a páxina do produto parécese máis a un sitio de prensa de deseño que a un punto de venda polo miúdo: os obxectos fotografanse, non véndense.
A páxina abrangue toda a anchura da páxina e presenta unha franxa de contido de 1440 px. O elemento principal é un banner fotográfico a pantalla completa cunha superposición flotante na interface de usuario. As seccións de produtos usan unha grella de 4 columnas, que se contrae a 2 en tabletas e 1 en dispositivos móbiles. O ritmo da sección é: descrición grande do produto → grella de valoración editorial → grella de novos lanzamentos → panel de información de contacto de prensa. Cada sección de produto centra o seu contido dentro da franxa e usa 80 px de espazo vertical entre as seccións. A navegación é unha barra superior fixa nunha soa fila cunha fina franxa publicitaria enriba. As tarxetas de produtos están aliñadas a unha grella estrita: a área da imaxe sempre se centra na silueta do zapato cun recheo superior/inferior de 40 px dentro da tarxeta, e o clúster de metadatos está ancorado na esquina inferior esquerda cun logotipo da marca de 40x40.
A fotografía de produto é o elemento visual dominante: cada zapato está fotografado sobre unha superficie branca pura ou de xeso nun ángulo de tres cuartos, ocupando toda a tarxeta sen ningún contexto, modelo ou contorna. O elemento principal é unha fotografía de estilo de vida completa: imaxes recortadas de pés e zapatos sobre area ou formigón, sempre a escala humana, nunca con calidade de estudio perfecta. Aplícase o principio de que "o suxeito é o elemento principal": os zapatos ocupan o 40 % da área visible do encadre, mesmo no elemento editorial principal. Non se empregan elementos gráficos decorativos, patróns abstractos nin ilustracións. As iconas son lineais, están perfiladas en negro, nunca cheas, nunca coloreadas.
Paleta
Marca
- Electric Cobalt
#000aff— Novas iconas, barra de navegación activa, indicador de diapositiva actual, momentos de activación: a única pista cromática do sistema, usada con moderación para ser percibida como activación en lugar de decoración.
Neutro
- Pale Iris
#e5e7ff— Un novo recheo de cor para as insignias, un realce suave e unha superficie tintada para as opcións de etiquetado: un ton cobalto apagado que suxire a cor sen interromper a paleta monocromática. - Ink Black
#111111— Corpo de texto, bordos predeterminados, contornos de iconas, divisores finos: a cor estrutural dominante para títulos, listas e ligazóns. - Pure White
#ffffff— Deberíanse usar estados de formulario neutros, texto de iconas e comentarios discretos na IU onde a cor sexa sutil. Evite usala como cor principal para as chamadas á acción. - Plaster
#ecedee— Superficie secundaria para tarxetas de produtos, fondo da barra de navegación, nivel elevado suave sobre o lenzo. - Slate
#a1a4aa— A sombra do marco da tarxeta, o recheo neutro do botón e o bordo apagado do botón son grises que resaltan os bordos da tarxeta sen escurecelos. - Fog
#d7d7d7— Marco de cartolina clara, liñas divisorias, tintado de superficie inactiva.
Tipografía
de 13 a 128 px · 7 pasos
- Roobert — substitución: Inter · contornos 400, 500, 600, 700 · A fonte principal da marca úsase para todo, dende o corpo do texto ata os titulares. O interlineado é consistente en todos os tamaños, o que permite que as letras minúsculas do logotipo teñan unha masa densa e escultural. O grosor da fonte aumenta dependendo do contexto: 400 para o corpo do texto e a interface de usuario, 500 para os títulos destacados, 600 para os nomes dos produtos e 700 para os títulos grandes.
- Space Mono — substitución: JetBrains Mono · contornos 400, 600 · Engádense metadatos técnicos (prezos (189,00 €), valores numéricos para as 10 primeiras posicións, símbolos de cotización e nomes de tendas) onde a páxina debe percibirse como unha especificación técnica en lugar dun texto promocional.
- Arial — substitución: Inter · contornos 400 · Arial: atópase nos datos extraídos pero non se describe pola IA.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | media |
| Paso básico | 16px |
| Radio do botón | 10px |
| Radio da tarxeta | 10px |
| Sombras | mínimo |
| Entre seccións | 80px |
| Largura da páxina | 1440px |
A IA creará o teu sitio web ao estilo de Zellerfeld e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Airbnb — Unha tranquila parede de galería branca cun único marcador de libros vermello coral
- Apple (España) — vitrina de galería branca
- Silencio — Unha habitación branca con artefactos flotantes. Unha exposición de galería feita de papel cálido, onde cada elemento ocupa o seu lugar sobre un fondo de volume negativo, e o silencio é unha decisión de deseño intencionada.
- Oakâme — Un obradoiro provenzal bañado polo sol esculpido en pedra cálida
- Nike — Unha galería monocromática de logros deportivos: paredes brancas, o produto como obra de arte, cromo disolto no fondo.
- Arc — galería branca industrial sobre a auga da medianoite
- Rivian — Un monolito eléctrico no muro de formigón da galería. Rivian presenta cada vehículo como unha escultura contra un vasto espazo branco, cunha tipografía tan grande que se converte nun elemento arquitectónico e un único amarelo cálido que rompe a atmosfera monocromática, como a luz solar sobre unha superficie mate.
- Analogue — Vitrina negra da galería: as mercadorías pairan no baleiro
- ddna — vitrina de museo cálida sobre liño sen tratar
- UY Studio — A galería de pedra do mosteiro é un espazo tranquilo con muros de formigón, onde frascos de perfume se atopan sobre plintos brancos, iluminados por unha lámpada de 400 vatios e catro lámpadas grises cálidas.
- Basic.Space — galería curatorial sobre mármore branco
- COS — unha galería moderna con paredes brancas