Zellerfeld
Egy szobrászműhely fehér márványon – a talapzat monolitikus felületei, egyetlen kobaltszikra, a padlótól a mennyezetig suttogó kisbetűk
A Zellerfeld olyan, mint egy fehér márványon festő digitális szobrászok galériája – egy piactér a 3D nyomtatott cipők számára, ahol a monokróm felületek, a bőséges fehér terület és a nagyméretű, kisbetűs betűtípusok lehetővé teszik, hogy minden termék múzeumi kiállításként viselkedjen. A kezelőfelület rendkívül visszafogott: egy akromatikus vászon egyetlen elektromos kobalt színnel (#000aff), amelyet a sürgős pillanatoknak tartanak fenn – ikonok, aktív „Vásárlás” navigáció és az aktuális dia állapota. A kártyák meleg gyöngyszürke háttér előtt lebegnek a tiszta fehér helyett, így a rács tapintható, gipszöntvényt kölcsönözve. A betűtípus továbbra is egyetlen egyedi sans-serif (Roobert) szoros betűközzel, a Space Mono pedig csak az árakhoz, a terméklistákhoz és a műszaki metaadatokhoz használatos. Ennek eredményeként a termékoldal inkább egy tervezői sajtóoldalra, mint egy kiskereskedelmi pénztárra hasonlít – a tárgyakat fényképezik, nem pedig eladják.
Az oldal a teljes szélességet kitölti, és egy 1440 képpontos tartalomsávot tartalmaz. A fő elem egy teljes képernyős fotóbanner lebegő felhasználói felülettel. A termékrészek egy 4 oszlopos rácsot használnak, amely táblagépeken 2, mobileszközökön pedig 1 oszlopra omlik össze. A szekciók ritmusa a következő: nagyméretű termékleírás → szerkesztői értékelési rács → újdonságok rácsa → sajtókapcsolati információk panelje. Minden termékrész a sávon belül középre igazítja a tartalmát, és 80 képpontos függőleges helyet használ a szekciók között. A navigáció egy fix felső sáv egyetlen sorban, felette egy vékony hirdetési sávval. A termékkártyák szigorú rácshoz vannak igazítva – a képterület mindig a cipő sziluettjére összpontosít, 40 képpontos felső/alsó margóval a kártyán belül, a metaadat-klaszter pedig a bal alsó sarokban van rögzítve egy 40x40-es márkajelzéssel.
A termékfotó a domináns vizuális elem – minden cipőt tiszta fehér vagy gipszkarton felületen, háromnegyedes szögben fényképeznek, kitöltve az egész kártyát kontextus, modell vagy környezet nélkül. A fő elem egy teljes értékű életstílusfotó: kivágott felvételek lábakról és cipőkről homokon vagy betonon, mindig emberi léptékben, soha nem tökéletesen stúdióminőségben. A „téma a fő elem” elv érvényesül – a cipők a kép látható területének 40%-át foglalják el, még a fő szerkesztői elemben is. Semmilyen dekoratív grafikai elemet, absztrakt mintát vagy illusztrációt nem használnak. Az ikonok lineárisak, fekete körvonallal vannak ellátva, soha nincsenek kitöltve, soha nincsenek kiszínezve.
Paletta
Márka
- Electric Cobalt
#000aff— Új ikonok, aktív navigációs sáv, aktuális dia jelző, aktiválási pillanatok – az egyetlen kromatikus jelzés a rendszerben, amelyet takarékosan használnak, hogy inkább aktiválásnak, mint dekorációnak érzékeljék.
Semleges
- Pale Iris
#e5e7ff— Új színkitöltés a jelvényekhez, lágy kiemelés és színezett felület a címkézési lehetőségekhez – egy tompa kobalt árnyalat, amely a színekre utal anélkül, hogy megzavarná a monokróm palettát. - Ink Black
#111111— Törzsszöveg, alapértelmezett szegélyek, ikonkörvonalak, vékony elválasztók – a címsorok, listák és hivatkozások domináns szerkezeti színe. - Pure White
#ffffff— Semleges űrlapállapotokat, ikonszövegeket és diszkrét felhasználói felület-visszajelzéseket kell használni ott, ahol a szín visszafogott marad. Kerüld a cselekvésre ösztönzések elsődleges színeként való használatát. - Plaster
#ecedee— Másodlagos felület a termékkártyákhoz, navigációs sáv háttere, sima, kiemelt szint a vászon felett. - Slate
#a1a4aa— A kártya keretárnyékolása, a semleges gombkitöltés és a tompított gombszegély szürkék, amelyek kiemelik a kártya széleit anélkül, hogy sötétítenék azokat. - Fog
#d7d7d7— Világos kártyakeret, elválasztó vonalak, inaktív felület színezése.
Tipográfia
13-ról 128 képpontra · 7 lépésben
- Roobert — csere: Inter · körvonalak 400, 500, 600, 700 · Az elsődleges márkabetűtípust használják mindenhez, a törzsszövegtől a címsorokig. A sorköz minden méretben egységes, így a logó kisbetűi sűrű, szoborszerű tömeget alkotnak. A betűvastagság a kontextustól függően növekszik: 400 a törzsszöveghez és a felhasználói felülethez, 500 a kiemelt címsorokhoz, 600 a terméknevekhez és 700 a hosszú címekhez.
- Space Mono — csere: JetBrains Mono · körvonalak 400, 600 · A technikai metaadatokat – árakat (189,00 €), a top 10 pozíció numerikus értékeit, a tőzsdei szimbólumokat és az üzletek nevét – ott adják hozzá, ahol az oldalt technikai specifikációként, nem pedig promóciós szövegként kell értelmezni.
- Arial — csere: Inter · körvonalak 400 · Arial – Megtalálható a kinyert adatokban, de a mesterséges intelligencia nem írja le.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | átlagos |
| Alapvető lépés | 16px |
| Gomb sugara | 10px |
| Kártya sugara | 10px |
| Árnyékok | minimális |
| Szakaszok között | 80px |
| Oldal szélessége | 1440px |
A mesterséges intelligencia Zellerfeld stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Airbnb — Egy csendes fehér galériafal egyetlen korallvörös könyvjelzővel
- Apple (España) — fehér galériavitrin
- Silencio — Egy fehér szoba lebegő műtárgyakkal. Meleg papírból készült galériakiállítás, ahol minden elem a negatív térfogatú háttér előtt foglalja el a helyét, a csend pedig szándékos tervezési döntés.
- Oakâme — Egy napsütötte provence-i műhely, meleg kőből faragva
- Nike — Sportteljesítmények monokróm galériája – fehér falak, a termék mint műalkotás, a króm a háttérbe olvadva
- Arc — ipari fehér galéria éjféli víz felett
- Rivian — Egy elektromos monolit a galéria betonfalán. Rivian minden járművet szoborként mutat be egy hatalmas fehér tér előtt, olyan nagyméretű tipográfiával, hogy az építészeti elemmé válik, és egyetlen meleg sárga színnel, amely megtöri a monokróm hangulatot, mint a napfény egy matt felületen.
- Analogue — Fekete galériavitrin – áruk lebegnek az ürességben
- ddna — meleg múzeumi vitrin kezeletlen vászonra helyezve
- UY Studio — A kolostor kőgalériája egy csendes tér betonfalakkal, ahol parfümös üvegek állnak fehér talapzatokon, amelyeket egy 400 wattos lámpa és négy melegszürke izzó világít meg.
- Basic.Space — kurátori galéria fehér márványon
- COS — egy divatos galéria fehér falakkal