Zellerfeld
Un taller d'escultor sobre marbre blanc: les superfícies monolítiques del pedestal, una sola guspira de cobalt, un xiuxiueig de lletres minúscules del terra al sostre
Zellerfeld sembla una galeria d'escultors digitals sobre marbre blanc: un mercat de sabates impreses en 3D, on les superfícies monocromes, l'abundant espai blanc i les tipografies grans i minúscules permeten que cada producte actuï com una peça de museu. La interfície és extremadament restringida: un llenç acromàtic amb un únic color cobalt elèctric (#000aff) reservat per a moments urgents: icones, navegació activa de la "Botiga" i l'estat actual de la diapositiva. Les targetes suren sobre un fons gris perla càlid, en lloc de blanc pur, donant a la quadrícula un aspecte tàctil i de guix. La tipografia continua sent una única sans-serif personalitzada (Roobert) amb un espaiat ajustat entre lletres, i Space Mono només s'utilitza per a preus, llistats de productes i metadades tècniques. Com a resultat, la pàgina del producte sembla més un lloc web de premsa de disseny que un punt de venda al detall: els objectes es fotografien, no es venen.
La pàgina ocupa tota l'amplada de la pàgina i presenta una franja de contingut de 1440 px. L'element principal és un bàner fotogràfic a pantalla completa amb una superposició flotant de la interfície d'usuari. Les seccions de productes utilitzen una quadrícula de 4 columnes, que es redueix a 2 en tauletes i 1 en dispositius mòbils. El ritme de la secció és: descripció del producte gran → quadrícula de qualificació editorial → quadrícula de nous llançaments → panell d'informació de contacte de premsa. Cada secció de producte centra el seu contingut dins de la franja i utilitza 80 px d'espai vertical entre les seccions. La navegació és una barra superior fixa en una sola fila amb una franja publicitària fina a sobre. Les targetes de producte estan alineades amb una quadrícula estricta: l'àrea de la imatge sempre se centra en la silueta de la sabata amb un farciment superior/inferior de 40 px dins de la targeta, i el clúster de metadades està ancorat a la cantonada inferior esquerra amb un logotip de la marca de 40x40.
La fotografia de producte és l'element visual dominant: cada sabata es fotografia sobre una superfície blanca pura o de guix en un angle de tres quarts, omplint tota la targeta sense cap context, model ni entorn. L'element principal és una fotografia d'estil de vida completa: imatges retallades de peus i sabates sobre sorra o formigó, sempre a escala humana, mai amb una qualitat perfecta d'estudi. S'aplica el principi de "el subjecte és l'element principal": les sabates ocupen el 40% de l'àrea visible del marc, fins i tot a l'element editorial principal. No s'utilitzen elements gràfics decoratius, patrons abstractes ni il·lustracions. Les icones són lineals, perfilades en negre, mai plenes, mai acolorides.
Paleta
Marca
- Electric Cobalt
#000aff— Noves icones, barra de navegació activa, indicador de diapositiva actual, moments d'activació: l'única indicació cromàtica del sistema, utilitzada amb moderació per ser percebuda com a activació en lloc de decoració.
Neutral
- Pale Iris
#e5e7ff— Un nou farciment de color per a les insígnies, un ressaltat suau i una superfície tintada per a les opcions d'etiquetatge: un to cobalt apagat que insinúa el color sense alterar la paleta monocromàtica. - Ink Black
#111111— Text del cos, vores predeterminades, contorns d'icones, divisors prims: el color estructural dominant per a encapçalaments, llistes i enllaços. - Pure White
#ffffff— Cal utilitzar estats de formulari neutres, text d'icones i comentaris discrets de la interfície d'usuari on el color sigui subtil. Eviteu utilitzar-lo com a color principal per a les crides a l'acció. - Plaster
#ecedee— Superfície secundària per a targetes de producte, fons de la barra de navegació, nivell elevat suau per sobre del llenç. - Slate
#a1a4aa— L'ombra del marc de la targeta, l'emplenament neutre del botó i la vora apagada del botó són grisos que ressalten les vores de la targeta sense enfosquir-les. - Fog
#d7d7d7— Marc de cartolina clara, línies divisòries, tenyit de superfície inactiva.
Tipografia
de 13 a 128 px · 7 passos
- Roobert — reemplaçament: Inter · esquemes 400, 500, 600, 700 · La font principal de la marca s'utilitza per a tot, des del text del cos fins als titulars. L'interlineat és consistent en totes les mides, cosa que permet que les lletres minúscules del logotip tinguin una massa densa i escultural. El gruix de la font augmenta segons el context: 400 per al text del cos i la interfície d'usuari, 500 per als encapçalaments ressaltats, 600 per als noms de productes i 700 per als títols grans.
- Space Mono — reemplaçament: JetBrains Mono · esquemes 400, 600 · Les metadades tècniques (preus (189,00 €), valors numèrics per a les 10 primeres posicions, símbols de cotització i noms de botigues) s'afegeixen quan la pàgina s'ha de percebre com una especificació tècnica en lloc d'un text promocional.
- Arial — reemplaçament: Inter · esquemes 400 · Arial: es troba a les dades extretes però no és descrit per la IA.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | mitjana |
| Pas bàsic | 16px |
| Radi del botó | 10px |
| Radi de la targeta | 10px |
| Ombres | mínim |
| Entre seccions | 80px |
| Amplada de la pàgina | 1440px |
La IA crearà el vostre lloc web a l'estil Zellerfeld i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Airbnb — Una paret de galeria blanca i tranquil·la amb un únic punt de llibre vermell corall
- Apple (España) — vitrina de galeria blanca
- Silencio — Una habitació blanca amb artefactes flotants. Una galeria d'exposicions feta de paper càlid, on cada element ocupa el seu lloc sobre un fons de volum negatiu, i el silenci és una decisió de disseny intencionada.
- Oakâme — Un taller provençal assolellat esculpit en pedra càlida
- Nike — Una galeria monocroma d'èxits esportius: parets blanques, el producte com a obra d'art, crom dissolt al fons
- Arc — galeria blanca industrial sobre l'aigua de mitjanit
- Rivian — Un monòlit elèctric a la paret de formigó de la galeria. Rivian presenta cada vehicle com una escultura contra un vast espai blanc, amb una tipografia tan gran que es converteix en un element arquitectònic, i un únic groc càlid que trenca l'atmosfera monocromàtica, com la llum del sol sobre una superfície mat.
- Analogue — Vitrina de galeria negra: les mercaderies suspenen en el buit
- ddna — vitrina de museu càlida sobre lli sense tractar
- UY Studio — La galeria de pedra del monestir és un espai tranquil amb parets de formigó, on hi ha flascons de perfum sobre pedestals blancs, il·luminats per una làmpada de 400 watts i quatre bombetes de color gris càlid.
- Basic.Space — galeria curatorial sobre marbre blanc
- COS — una galeria moderna amb parets blanques