Zellerfeld
L'atelier di uno scultore su marmo bianco: le superfici monolitiche del piedistallo, una singola scintilla di cobalto, un sussurro di lettere minuscole dal pavimento al soffitto.
Zellerfeld sembra una galleria di scultori digitali su marmo bianco: un mercato per scarpe stampate in 3D, dove superfici monocromatiche, ampi spazi bianchi e caratteri tipografici grandi e minuscoli permettono a ogni prodotto di apparire come un'opera museale. L'interfaccia è estremamente sobria: una tela acromatica con un unico colore blu cobalto elettrico (#000aff) riservato ai momenti più urgenti: icone, navigazione attiva del "Shop" e stato attuale della diapositiva. Le schede fluttuano su uno sfondo grigio perla caldo, anziché bianco puro, conferendo alla griglia un aspetto tattile, quasi gessoso. Il carattere tipografico rimane un unico sans-serif personalizzato (Roobert) con spaziatura tra le lettere ridotta, e Space Mono è utilizzato solo per prezzi, elenchi di prodotti e metadati tecnici. Di conseguenza, la pagina del prodotto sembra più un sito di stampa di design che un negozio online: gli oggetti vengono fotografati, non venduti.
La pagina occupa l'intera larghezza e presenta una striscia di contenuti di 1440 pixel. L'elemento principale è un banner fotografico a schermo intero con un'interfaccia utente sovrapposta. Le sezioni dei prodotti utilizzano una griglia a 4 colonne, che si riduce a 2 su tablet e a 1 su dispositivi mobili. Il ritmo delle sezioni è il seguente: descrizione del prodotto → griglia di valutazione editoriale → griglia delle nuove uscite → pannello con le informazioni di contatto per la stampa. Ogni sezione di prodotto centra il proprio contenuto all'interno della striscia e utilizza 80 pixel di spazio verticale tra le sezioni. La navigazione è costituita da una barra superiore fissa su una singola riga con una sottile striscia pubblicitaria sopra di essa. Le schede prodotto sono allineate a una griglia rigorosa: l'area dell'immagine è sempre centrata sulla silhouette della scarpa con un padding superiore/inferiore di 40 pixel all'interno della scheda e il gruppo di metadati è ancorato all'angolo inferiore sinistro con un logo del marchio di 40x40 pixel.
La fotografia di prodotto è l'elemento visivo dominante: ogni scarpa è fotografata su una superficie bianca o in gesso, con un'angolazione di tre quarti, riempiendo l'intera cartolina senza alcun contesto, modello o ambiente circostante. L'elemento principale è una vera e propria fotografia lifestyle: inquadrature ravvicinate di piedi e scarpe su sabbia o cemento, sempre a grandezza naturale, mai con una qualità da studio impeccabile. Vale il principio "il soggetto è l'elemento principale": le scarpe occupano il 40% dell'area visibile dell'inquadratura, anche nell'elemento editoriale principale. Non vengono utilizzati elementi grafici decorativi, motivi astratti o illustrazioni. Le icone sono lineari, delineate in nero, mai riempite, mai colorate.
Tavolozza
Marca
- Electric Cobalt
#000aff— Nuove icone, barra di navigazione attiva, indicatore della diapositiva corrente, momenti di attivazione: l'unico segnale cromatico del sistema, utilizzato con parsimonia in modo da essere percepito come attivazione piuttosto che come decorazione.
Neutro
- Pale Iris
#e5e7ff— Una nuova colorazione per i badge, un delicato effetto luce e una superficie colorata per le opzioni di etichettatura: una tenue tonalità cobalto che accenna al colore senza interrompere la palette monocromatica. - Ink Black
#111111— Testo del corpo, bordi predefiniti, contorni delle icone, divisori sottili: il colore strutturale dominante per titoli, elenchi e link. - Pure White
#ffffff— Dove il colore deve rimanere discreto, è opportuno utilizzare stati neutri dei moduli, testo delle icone e feedback dell'interfaccia utente discreti. Evitare di utilizzarlo come colore principale per le call to action. - Plaster
#ecedee— Superficie secondaria per schede prodotto, sfondo della barra di navigazione, livello rialzato e liscio sopra l'area di lavoro. - Slate
#a1a4aa— La tonalità della cornice della carta, il riempimento neutro del pulsante e la cornice smorzata del pulsante sono grigi che mettono in risalto i bordi della carta senza scurirli. - Fog
#d7d7d7— Cornice leggera per la scheda, linee di divisione, colorazione della superficie inattiva.
Tipografia
da 13 a 128px · 7 passaggi
- Roobert — sostituzione: Inter · contorni 400, 500, 600, 700 · Il carattere principale del marchio viene utilizzato per tutto, dal corpo del testo ai titoli. L'interlinea è uniforme in tutte le dimensioni, conferendo alle lettere minuscole del logo una massa densa e scultorea. Il peso del carattere aumenta a seconda del contesto: 400 per il corpo del testo e l'interfaccia utente, 500 per i titoli in evidenza, 600 per i nomi dei prodotti e 700 per i titoli di grandi dimensioni.
- Space Mono — sostituzione: JetBrains Mono · contorni 400, 600 · I metadati tecnici, come i prezzi (€189,00), i valori numerici per le prime 10 posizioni, i simboli ticker e i nomi dei negozi, vengono aggiunti laddove la pagina dovrebbe essere percepita come una specifica tecnica piuttosto che come un testo promozionale.
- Arial — sostituzione: Inter · contorni 400 · Arial - Trovato nei dati estratti ma non descritto dall'IA.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | media |
| Passo base | 16px |
| Raggio del pulsante | 10px |
| Raggio della carta | 10px |
| Ombre | minimo |
| Tra le sezioni | 80px |
| Larghezza del pannello | 1440px |
L'IA creerà il tuo sito web nello stile Zellerfeld e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Airbnb — Una tranquilla parete bianca della galleria con un unico segnalibro rosso corallo.
- Apple (España) — vetrina bianca da galleria
- Silencio — Una stanza bianca con manufatti sospesi. Un'esposizione realizzata con carta dai toni caldi, dove ogni elemento occupa il suo posto su uno sfondo di volumi negativi, e il silenzio è una scelta progettuale intenzionale.
- Oakâme — Un laboratorio provenzale baciato dal sole, ricavato da una pietra calda
- Nike — Una galleria monocromatica di successi sportivi: pareti bianche, il prodotto come opera d'arte, il cromo che si fonde con lo sfondo.
- Arc — galleria industriale bianca sopra l'acqua di mezzanotte
- Rivian — Un monolite elettrico sulla parete di cemento della galleria. Rivian presenta ogni veicolo come una scultura su un vasto spazio bianco, con una tipografia così grande da diventare un elemento architettonico, e un unico giallo caldo che rompe l'atmosfera monocromatica, come la luce del sole su una superficie opaca.
- Analogue — Vetrina nera da galleria: le merci fluttuano nel vuoto
- ddna — vetrina museale calda su lino non trattato
- UY Studio — La galleria in pietra del monastero è uno spazio tranquillo con pareti in cemento, dove flaconi di profumo poggiano su piedistalli bianchi, illuminati da una lampada da 400 watt e quattro lampadine grigio caldo.
- Basic.Space — galleria curatoriale su marmo bianco
- COS — una galleria alla moda con pareti bianche