Zellerfeld
Un atelier de sculptor pe marmură albă — suprafețele monolitice ale piedestalului, o singură scânteie de cobalt, un șoapt de litere mici de la podea până la tavan
Zellerfeld se simte ca o galerie de sculptori digitali pe marmură albă - o piață pentru pantofi imprimați 3D, unde suprafețele monocrome, spațiul alb abundent și fonturile mari, cu litere mici, permit fiecărui produs să se comporte ca o expoziție de muzeu. Interfața este extrem de restrânsă: o pânză acromatică cu o singură culoare cobalt electric (#000aff) rezervată momentelor urgente - pictograme, navigare activă în „Magazin” și starea curentă a diapozitivului. Fișele plutesc pe un fundal cald gri perlat, în loc de alb pur, conferind grilei o formă tactilă, din ipsos. Fontul rămâne un singur sans-serif personalizat (Roobert) cu spațiere strânsă între litere, iar Space Mono este folosit doar pentru prețuri, listări de produse și metadate tehnice. Drept urmare, pagina produsului se simte mai mult ca un site de presă de design decât ca un punct de vânzare cu amănuntul - obiectele sunt fotografiate, nu vândute.
Pagina se întinde pe întreaga lățime a paginii și prezintă o bandă de conținut de 1440px. Elementul principal este un banner foto pe ecran complet cu o suprapunere flotantă pentru interfața utilizator. Secțiunile de produse utilizează o grilă cu 4 coloane, care se restrânge la 2 pe tablete și 1 pe dispozitive mobile. Ritmul secțiunilor este: descriere mare a produsului → grilă de evaluare editorială → grilă de lansări noi → panou cu informații de contact pentru presă. Fiecare secțiune de produs își centrează conținutul în cadrul benzii și utilizează un spațiu vertical de 80px între secțiuni. Navigarea se face printr-o bară superioară fixă, într-un singur rând, cu o bandă publicitară subțire deasupra acesteia. Fișele de produs sunt aliniate la o grilă strictă - zona imaginii este întotdeauna centrată pe silueta pantofului, cu o umplutură superioară/inferioară de 40px în cadrul fișei, iar clusterul de metadate este ancorat în colțul din stânga jos cu un logo al mărcii de 40x40.
Fotografia de produs este elementul vizual dominant — fiecare pantof este fotografiat pe o suprafață albă pură sau din ipsos, la un unghi de trei sferturi, ocupând întregul card fără niciun context, model sau împrejurimi. Elementul principal este o fotografie de lifestyle completă: cadre decupate cu picioare și pantofi pe nisip sau beton, întotdeauna la scară umană, niciodată la calitate perfectă de studio. Se aplică principiul „subiectul este elementul principal” — pantofii ocupă 40% din suprafața vizibilă a cadrului, chiar și în elementul editorial principal. Nu se folosesc elemente grafice decorative, modele abstracte sau ilustrații. Pictogramele sunt liniare, conturate cu negru, niciodată umplute, niciodată colorate.
Paletă
Marca
- Electric Cobalt
#000aff— Noi pictograme, bară de navigare activă, indicator de diapozitiv curent, momente de activare - singurul indiciu cromatic din sistem, folosit cu moderație pentru a fi perceput ca activare mai degrabă decât ca ornament.
Neutru
- Pale Iris
#e5e7ff— O nouă umplutură de culoare pentru ecusoane, o evidențiere delicată și o suprafață colorată pentru opțiunile de etichetare - o nuanță estompată de cobalt care sugerează culoarea fără a perturba paleta monocromă. - Ink Black
#111111— Corpul textului, chenarele implicite, contururile pictogramelor, separatoarele subțiri - culoarea structurală dominantă pentru titluri, liste și linkuri. - Pure White
#ffffff— Stările neutre ale formularului, textul pictogramelor și feedback-ul discret al interfeței utilizator ar trebui utilizate acolo unde culoarea rămâne subtilă. Evitați să o folosiți ca și culoare principală pentru îndemnurile la acțiune. - Plaster
#ecedee— Suprafață secundară pentru fișele de produs, fundalul barei de navigare, nivel ridicat deasupra pânzei. - Slate
#a1a4aa— Umbra cadrului cardului, umplutura neutră a butonului și bordura estompată a butonului sunt griuri care evidențiază marginile cardului fără a le întuneca. - Fog
#d7d7d7— Ramă din carton deschis, linii de divizare, nuanțarea suprafeței inactive.
Tipografie
de la 13 la 128px · 7 pași
- Roobert — înlocuire: Inter · contururi 400, 500, 600, 700 · Fontul principal al mărcii este folosit pentru orice, de la textul principal până la titluri. Spațierea dintre rânduri este consistentă pentru toate dimensiunile, permițând literelor mici ale logo-ului să aibă o masă densă, sculpturală. Grosimea fontului crește în funcție de context: 400 pentru textul principal și interfața cu utilizatorul, 500 pentru titlurile evidențiate, 600 pentru numele produselor și 700 pentru titlurile mari.
- Space Mono — înlocuire: JetBrains Mono · contururi 400, 600 · Metadatele tehnice — prețuri (189,00 €), valori numerice pentru primele 10 poziții, simboluri bursiere și nume de magazine — sunt adăugate acolo unde pagina ar trebui percepută ca o specificație tehnică, mai degrabă decât ca un text promoțional.
- Arial — înlocuire: Inter · contururi 400 · Arial - Se găsește în datele extrase, dar nu este descris de inteligența artificială.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | medie |
| Pasul de bază | 16px |
| Raza butonului | 10px |
| Raza cardului | 10px |
| Umbre | minim |
| Între secțiuni | 80px |
| Lățimea paginii | 1440px |
Inteligența artificială vă va construi site-ul web în stilul Zellerfeld și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Airbnb — Un perete alb liniștit al galeriei cu un singur semn de carte roșu coral
- Apple (España) — vitrină albă pentru galerie
- Silencio — O cameră albă cu artefacte plutitoare. O galerie de expoziții realizată din hârtie caldă, unde fiecare element își ocupă locul pe un fundal cu volum negativ, iar liniștea este o decizie de design intenționată.
- Oakâme — Un atelier provensal scăldat în soare, sculptat din piatră caldă
- Nike — O galerie monocromă a realizărilor sportive – pereți albi, produsul ca operă de artă, cromul dizolvat în fundal
- Arc — galerie albă industrială peste apa de la miezul nopții
- Rivian — Un monolit electric pe peretele de beton al galeriei. Rivian prezintă fiecare vehicul ca pe o sculptură pe fundalul unui vast spațiu alb, cu o tipografie atât de mare încât devine un element arhitectural și un singur galben cald care sparge atmosfera monocromatică, precum lumina soarelui pe o suprafață mată.
- Analogue — Vitrină neagră pentru galerie – mărfurile plutesc în gol
- ddna — vitrină caldă de muzeu pe pânză netratată
- UY Studio — Galeria de piatră a mănăstirii este un spațiu liniștit, cu pereți de beton, unde sticle de parfum stau pe socluri albe, iluminate de o lampă de 400 de wați și patru becuri gri cald.
- Basic.Space — galerie curatorială pe marmură albă
- COS — o galerie la modă cu pereți albi