Zellerfeld
El taller de un escultor sobre mármol blanco: las superficies monolíticas del pedestal, una chispa de cobalto, un susurro de letras minúsculas del suelo al techo.
Zellerfeld evoca una galería de escultores digitales sobre mármol blanco: un mercado de zapatos impresos en 3D, donde las superficies monocromáticas, el abundante espacio en blanco y las tipografías grandes en minúsculas permiten que cada producto se presente como una pieza de museo. La interfaz es sumamente sobria: un lienzo acromático con un único color azul cobalto eléctrico (#000aff) reservado para momentos clave: iconos, navegación activa en la sección "Tienda" y el estado actual de la diapositiva. Las tarjetas flotan sobre un fondo gris perla cálido, en lugar de blanco puro, lo que confiere a la cuadrícula un aspecto táctil, como de yeso. La tipografía sigue siendo una única sans-serif personalizada (Roobert) con un espaciado entre letras reducido, y Space Mono se utiliza únicamente para precios, listados de productos y metadatos técnicos. Como resultado, la página del producto se asemeja más a un sitio web de prensa especializada en diseño que a una tienda online: los objetos se fotografían, no se venden.
La página abarca todo el ancho de la página y presenta una franja de contenido de 1440 px. El elemento principal es un banner fotográfico a pantalla completa con una superposición de interfaz de usuario flotante. Las secciones de productos utilizan una cuadrícula de 4 columnas, que se reduce a 2 en tabletas y a 1 en dispositivos móviles. El ritmo de las secciones es: descripción grande del producto → cuadrícula de calificación editorial → cuadrícula de nuevos lanzamientos → panel de información de contacto de prensa. Cada sección de producto centra su contenido dentro de la franja y utiliza 80 px de espacio vertical entre secciones. La navegación es una barra superior fija en una sola fila con una fina franja publicitaria encima. Las tarjetas de producto están alineadas a una cuadrícula estricta: el área de la imagen siempre se centra en la silueta del zapato con un relleno superior/inferior de 40 px dentro de la tarjeta, y el grupo de metadatos está anclado a la esquina inferior izquierda con un logotipo de marca de 40x40.
La fotografía de producto es el elemento visual dominante: cada zapato se fotografía sobre una superficie blanca o de yeso puro en un ángulo de tres cuartos, llenando toda la tarjeta sin contexto, modelo ni entorno. El elemento principal es una fotografía de estilo de vida completa: tomas recortadas de pies y zapatos sobre arena o cemento, siempre a escala humana, nunca con calidad de estudio perfecta. Se aplica el principio de que "el sujeto es el elemento principal": los zapatos ocupan el 40% del área visible del encuadre, incluso en el elemento editorial principal. No se utilizan elementos gráficos decorativos, patrones abstractos ni ilustraciones. Los iconos son lineales, delineados en negro, nunca rellenos ni coloreados.
Paleta
Marca
- Electric Cobalt
#000aff— Nuevos iconos, barra de navegación activa, indicador de la diapositiva actual, momentos de activación: la única señal cromática del sistema, utilizada con moderación para que se perciba como activación y no como decoración.
Neutral
- Pale Iris
#e5e7ff— Un nuevo color de relleno para las insignias, un suave realce y una superficie tintada para las opciones de etiquetado: un tono cobalto apagado que insinúa el color sin alterar la paleta monocromática. - Ink Black
#111111— Texto principal, bordes predeterminados, contornos de iconos, separadores finos: el color estructural dominante para encabezados, listas y enlaces. - Pure White
#ffffff— Se deben usar estados de formulario neutros, texto de iconos y retroalimentación de interfaz de usuario discreta, manteniendo el color sutil. Evite usarlo como color principal para las llamadas a la acción. - Plaster
#ecedee— Superficie secundaria para tarjetas de producto, fondo de la barra de navegación, nivel elevado liso por encima del lienzo. - Slate
#a1a4aa— El tono del marco de la tarjeta, el relleno neutro del botón y el marco atenuado del botón son grises que resaltan los bordes de la tarjeta sin oscurecerlos. - Fog
#d7d7d7— Marco de tarjeta claro, líneas divisorias, tinte de la superficie inactiva.
Tipografía
De 13 a 128 píxeles · 7 pasos
- Roobert — reemplazo: Inter · esquemas 400, 500, 600, 700 · La tipografía principal de la marca se utiliza para todo, desde el cuerpo del texto hasta los titulares. El interlineado es uniforme en todos los tamaños, lo que permite que las letras minúsculas del logotipo tengan una presencia densa y escultórica. El grosor de la fuente aumenta según el contexto: 400 para el cuerpo del texto y la interfaz de usuario, 500 para los títulos destacados, 600 para los nombres de productos y 700 para los títulos grandes.
- Space Mono — reemplazo: JetBrains Mono · esquemas 400, 600 · Se añaden metadatos técnicos —precios (189,00 €), valores numéricos para las 10 primeras posiciones, símbolos bursátiles y nombres de las tiendas— cuando la página debe percibirse como una especificación técnica en lugar de un texto promocional.
- Arial — reemplazo: Inter · esquemas 400 · Arial - Se encuentra en los datos extraídos, pero no está descrita por la IA.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | promedio |
| Paso básico | 16px |
| Radio del botón | 10px |
| Radio de la tarjeta | 10px |
| Oscuridad | mínimo |
| Entre secciones | 80px |
| Ancho de página | 1440px |
La IA construirá tu sitio web al estilo de Zellerfeld y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- Airbnb — Una tranquila pared blanca de la galería con un único marcapáginas de color rojo coral.
- Apple (España) — Vitrina blanca para galería
- Silencio — Una habitación blanca con objetos suspendidos en el aire. Una exposición de arte hecha de papel cálido, donde cada elemento ocupa su lugar sobre un fondo de volumen negativo, y el silencio es una decisión de diseño intencionada.
- Oakâme — Un taller provenzal bañado por el sol, tallado en piedra cálida.
- Nike — Una galería monocromática de logros deportivos: paredes blancas, el producto como obra de arte, el cromo disuelto en el fondo.
- Arc — Galería industrial blanca sobre agua a medianoche
- Rivian — Un monolito eléctrico sobre la pared de hormigón de la galería. Rivian presenta cada vehículo como una escultura sobre un vasto espacio blanco, con una tipografía tan grande que se convierte en un elemento arquitectónico, y un único amarillo cálido que rompe la atmósfera monocromática, como la luz del sol sobre una superficie mate.
- Analogue — Vitrina negra para galería: los objetos flotan en el vacío.
- ddna — Vitrina de museo cálida sobre lino sin tratar
- UY Studio — La galería de piedra del monasterio es un espacio tranquilo con paredes de hormigón, donde frascos de perfume reposan sobre pedestales blancos, iluminados por una lámpara de 400 vatios y cuatro bombillas de color gris cálido.
- Basic.Space — galería curatorial sobre mármol blanco
- COS — una galería moderna con paredes blancas