Zellerfeld
Isang pagawaan ng iskultor sa puting marmol—ang mga monolitikong ibabaw ng pedestal, isang kislap ng kobalt, isang bulong ng maliliit na letra mula sahig hanggang kisame
Ang Zellerfeld ay parang isang gallery ng mga digital sculptor sa puting marmol—isang pamilihan para sa mga sapatos na 3D-printed, kung saan ang mga monochrome na ibabaw, masaganang puting espasyo, at malalaki at maliliit na typeface ay nagbibigay-daan sa bawat produkto na magsilbing eksibit sa museo. Ang interface ay lubos na limitado: isang achromatic canvas na may iisang electric cobalt color (#000aff) na nakalaan para sa mga agarang sandali—mga icon, aktibong "Shop" navigation, at ang kasalukuyang status ng slide. Ang mga card ay lumulutang laban sa isang mainit na pearl gray na background, sa halip na purong puti, na nagbibigay sa grid ng isang tactile, plaster cast. Ang typeface ay nananatiling isang custom sans-serif (Roobert) na may masikip na espasyo sa mga letra, at ang Space Mono ay ginagamit lamang para sa pagpepresyo, mga listahan ng produkto, at teknikal na metadata. Bilang resulta, ang pahina ng produkto ay parang isang design press site kaysa sa isang retail checkout—ang mga bagay ay kinukunan ng litrato, hindi ibinebenta.
Ang pahina ay sumasaklaw sa buong lapad ng pahina at nagtatampok ng 1440px na content strip. Ang pangunahing elemento ay isang full-screen na photo banner na may lumulutang na UI overlay. Ang mga seksyon ng produkto ay gumagamit ng 4-column grid, na nagko-collapse sa 2 sa mga tablet at 1 sa mga mobile device. Ang ritmo ng seksyon ay: malaking paglalarawan ng produkto → editorial rating grid → new releases grid → press contact information panel. Ang bawat seksyon ng produkto ay nakasentro sa nilalaman nito sa loob ng strip at gumagamit ng 80px na patayong espasyo sa pagitan ng mga seksyon. Ang nabigasyon ay isang nakapirming top bar sa isang hilera na may manipis na ad strip sa itaas nito. Ang mga product card ay nakahanay sa isang mahigpit na grid—ang lugar ng imahe ay palaging nakasentro sa silweta ng sapatos na may 40px na top/bottom padding sa loob ng card, at ang metadata cluster ay naka-angkla sa ibabang kaliwang sulok na may 40x40 na brand logo.
Ang potograpiya ng produkto ang nangingibabaw na elementong biswal—bawat sapatos ay kinukunan ng litrato sa isang purong puti o plaster na ibabaw sa anggulong tatlong-kapat, na pumupuno sa buong card nang walang anumang konteksto, modelo, o paligid. Ang pangunahing elemento ay isang ganap na litrato ng pamumuhay: mga pinutol na kuha ng mga paa at sapatos sa buhangin o kongkreto, palaging nasa sukat ng tao, hindi kailanman perpektong kalidad na parang studio. Nalalapat ang prinsipyong "paksa ang pangunahing elemento"—ang mga sapatos ay sumasakop sa 40% ng nakikitang bahagi ng frame, kahit na sa pangunahing elemento ng editoryal. Walang ginagamit na pandekorasyon na mga elementong grapiko, abstract na mga pattern, o mga ilustrasyon. Ang mga icon ay linear, nakabalangkas sa itim, hindi kailanman napupunan, hindi kailanman kinulayan.
Paleta
Tatak
- Electric Cobalt
#000aff— Mga bagong icon, aktibong navigation bar, kasalukuyang slide indicator, mga activation moment—ang tanging chromatic cue sa system, na ginagamit nang matipid upang makita bilang activation sa halip na dekorasyon.
Neutral
- Pale Iris
#e5e7ff— Isang bagong kulay para sa mga badge, isang malambot na highlight, at isang tinted na ibabaw para sa mga opsyon sa paglalagay ng label—isang muted cobalt shade na nagpapahiwatig ng kulay nang hindi ginagambala ang monochrome palette. - Ink Black
#111111— Body text, mga default na border, mga balangkas ng icon, mga manipis na divider - ang nangingibabaw na kulay ng istruktura para sa mga heading, listahan, at mga link. - Pure White
#ffffff— Dapat gamitin ang mga neutral na estado ng anyo, teksto ng icon, at discreet na feedback ng UI kung saan nananatiling banayad ang kulay. Iwasang gamitin ito bilang pangunahing kulay para sa mga panawagan para sa aksyon. - Plaster
#ecedee— Pangalawang ibabaw para sa mga product card, background ng navigation bar, makinis at nakataas na antas sa itaas ng canvas. - Slate
#a1a4aa— Ang kulay ng frame ng card, ang neutral na button fill, at ang muted button border ay mga kulay abo na nagbibigay-diin sa mga gilid ng card nang hindi pinapadilim ang mga ito. - Fog
#d7d7d7— Magaan na frame ng card, mga linyang naghahati, pagkukulay ng hindi aktibong ibabaw.
Tipograpiya
mula 13 hanggang 128px · 7 hakbang
- Roobert — kapalit: Inter · mga balangkas 400, 500, 600, 700 · Ang pangunahing font ng brand ay ginagamit para sa lahat ng bagay mula sa body copy hanggang sa mga headline. Ang line spacing ay pare-pareho sa lahat ng laki, na nagpapahintulot sa maliliit na letra ng logo na magkaroon ng siksik at eskultural na masa. Ang bigat ng font ay tumataas depende sa konteksto: 400 para sa body copy at UI, 500 para sa mga naka-highlight na heading, 600 para sa mga pangalan ng produkto, at 700 para sa malalaking pamagat.
- Space Mono — kapalit: JetBrains Mono · mga balangkas 400, 600 · Ang teknikal na metadata—mga presyo (€189.00), mga numerikal na halaga para sa nangungunang 10 posisyon, mga simbolo ng ticker, at mga pangalan ng tindahan—ay idinaragdag kung saan ang pahina ay dapat makita bilang isang teknikal na detalye sa halip na isang tekstong pang-promosyon.
- Arial — kapalit: Inter · mga balangkas 400 · Arial - Matatagpuan sa nakuha na datos ngunit hindi inilarawan ng AI.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | karaniwan |
| Pangunahing hakbang | 16px |
| Radius ng buton | 10px |
| Radius ng card | 10px |
| Mga anino | minimal |
| Sa pagitan ng mga seksyon | 80px |
| Lapad ng pahina | 1440px |
Gagawa ang AI ng website mo sa estilong Zellerfeld at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Airbnb — Isang tahimik na puting gallery wall na may isang coral red bookmark
- Apple (España) — puting display case ng gallery
- Silencio — Isang puting silid na may mga lumulutang na artifact. Isang gallery display na gawa sa mainit na papel, kung saan ang bawat elemento ay pumuwesto laban sa isang negatibong backdrop ng volume, at ang katahimikan ay isang sinadyang desisyon sa disenyo.
- Oakâme — Isang Provençal workshop na nasisinagan ng araw na inukit mula sa mainit na bato
- Nike — Isang monochrome gallery ng mga nagawa sa palakasan – mga puting pader, ang produkto bilang isang likhang sining, chrome na natunaw sa likuran
- Arc — industriyal na puting gallery sa ibabaw ng tubig sa hatinggabi
- Rivian — Isang de-kuryenteng monolito sa kongkretong pader ng gallery. Inilalarawan ng Rivian ang bawat sasakyan bilang isang iskultura laban sa isang malawak na puting espasyo, na may napakalaking tipograpiya na nagiging isang elemento ng arkitektura, at isang mainit na dilaw na sumisira sa monokromatikong atmospera, tulad ng sikat ng araw sa isang matte na ibabaw.
- Analogue — Itim na display case ng gallery – mga paninda na nakapatong sa kawalan
- ddna — mainit na display case ng museo sa hindi ginamot na linen
- UY Studio — Ang galeriyang bato ng monasteryo ay isang tahimik na espasyo na may mga pader na kongkreto, kung saan nakatayo ang mga bote ng pabango sa mga puting plinth, na naliliwanagan ng isang 400-watt na lampara at apat na mainit na kulay abong bombilya.
- Basic.Space — galeriya ng kuratoryal sa puting marmol
- COS — isang naka-istilong gallery na may mga puting pader