Zellerfeld
Kuvanveistäjän työpaja valkoisella marmorilla – jalustan monoliittiset pinnat, yksi koboltin kipinä, pienten kirjainten kuiskaus lattiasta kattoon
Zellerfeld tuntuu kuin digitaalisten kuvanveistäjien galleria valkoiselle marmorille – 3D-tulostettujen kenkien markkinapaikka, jossa yksiväriset pinnat, runsas valkoinen tila ja suuret, pienet kirjasintyypit antavat jokaisen tuotteen toimia kuin museonäyttely. Käyttöliittymä on äärimmäisen hillitty: akromaattinen kangas, jossa on yksi sähköinen koboltinväri (#000aff) varattu kiireellisille hetkille – kuvakkeet, aktiivinen "Kauppa"-navigointi ja dian nykyinen tila. Kortit kelluvat lämpimän helmenharmaalla taustalla puhtaan valkoisen sijaan, mikä antaa ruudukolle tuntuvan, kipsivaloksen. Kirjasintyyppi on edelleen yksi mukautettu sans-serif (Roobert) tiheällä kirjasinvälityksellä, ja Space Monoa käytetään vain hinnoitteluun, tuoteluetteloihin ja teknisiin metatietoihin. Tämän seurauksena tuotesivu tuntuu enemmän suunnittelulehdistön sivustolta kuin vähittäiskaupan kassalta – esineitä valokuvataan, ei myydä.
Sivu ulottuu koko sivun leveydelle ja siinä on 1440 pikselin sisältöpalkki. Pääelementti on koko näytön valokuvabanneri, jossa on kelluva käyttöliittymäpeitto. Tuoteosiot käyttävät nelisarakkeista ruudukkoa, joka kutistuu kahteen tableteilla ja yhteen mobiililaitteilla. Osioiden rytmi on: suuri tuotekuvaus → toimituksellinen arviointiruudukko → uutuustuotteiden ruudukko → lehdistöyhteystietojen paneeli. Jokainen tuoteosio keskittää sisältönsä nauhaan ja käyttää 80 pikselin pystysuoraa tilaa osioiden välillä. Navigointi on kiinteä yläpalkki yhdellä rivillä, jonka yläpuolella on ohut mainospalkki. Tuotekortit on tasattu tiukkaan ruudukkoon – kuva-alue keskittyy aina kengän siluettiin, ja kortin sisällä on 40 pikselin ylä- ja alaosan täyte, ja metatietoklusteri on ankkuroitu vasempaan alakulmaan 40x40-merkkisen tuotemerkin logolla.
Tuotekuvaus on hallitseva visuaalinen elementti – jokainen kenkä on kuvattu puhtaanvalkoiselle tai kipsipinnalle kolmen neljäsosan kulmassa, täyttäen koko kortin ilman kontekstia, mallia tai ympäristöä. Pääelementti on täysimittainen lifestyle-valokuva: rajattuja kuvia jaloista ja kengistä hiekalla tai betonilla, aina ihmisen mittakaavassa, ei koskaan täydellisesti studiolaatuisia. "Kohde on pääelementti" -periaate pätee – kengät vievät 40 % kuvan näkyvästä alueesta, jopa pääeditoriaalisessa elementissä. Koristeellisia graafisia elementtejä, abstrakteja kuvioita tai kuvituksia ei käytetä. Kuvakkeet ovat lineaarisia, mustalla ääriviivoin varustettuja, eivätkä koskaan täytettyjä tai värillisiä.
Paletti
Merkki
- Electric Cobalt
#000aff— Uudet kuvakkeet, aktiivinen navigointipalkki, nykyisen dian ilmaisin, aktivointihetket – järjestelmän ainoa kromaattinen vihje, jota käytetään säästeliäästi, jotta se mielletään aktivointina eikä koristeena.
Neutraali
- Pale Iris
#e5e7ff— Uusi väritäyttö merkeille, pehmeä korostus ja sävytetty pinta merkintävaihtoehdoille – vaimennettu koboltin sävy, joka vihjaa väreihin häiritsemättä yksiväristä palettia. - Ink Black
#111111— Leipäteksti, oletusreunat, kuvakkeiden ääriviivat, ohuet väliseinät – otsikoiden, luetteloiden ja linkkien hallitseva rakenneväri. - Pure White
#ffffff— Hienovaraisten värien kohdalla tulisi käyttää neutraaleja lomakkeita, kuvaketekstejä ja huomaamatonta käyttöliittymäpalautetta. Vältä käyttämästä sitä toimintakehotuksen päävärinä. - Plaster
#ecedee— Tuotekorttien toissijainen pinta, navigointipalkin tausta, sileä kohotaso kankaan yläpuolella. - Slate
#a1a4aa— Kortin kehyksen sävy, neutraali painikkeen täyttö ja vaimennettu painikkeen reunus ovat harmaita, jotka korostavat kortin reunoja tummentamatta niitä. - Fog
#d7d7d7— Vaalea korttikehys, jakoviivat, passiivisen pinnan sävytys.
Typografia
13:sta 128 pikseliin · 7 vaihetta
- Roobert — korvaava: Inter · ääriviivat 400, 500, 600, 700 · Ensisijaista brändifonttia käytetään kaikessa leipätekstistä otsikoihin. Riviväli on yhdenmukainen kaikissa kokoluokissa, minkä ansiosta logon pienillä kirjaimilla voi olla tiivis, veistoksellinen massa. Fontin paino kasvaa asiayhteydestä riippuen: 400 leipätekstille ja käyttöliittymälle, 500 korostetuille otsikoille, 600 tuotenimille ja 700 suurille otsikoille.
- Space Mono — korvaava: JetBrains Mono · ääriviivat 400, 600 · Tekniset metatiedot – hinnat (189,00 €), kymmenen suosituimman sijoituksen numeeriset arvot, osakesymbolit ja kauppojen nimet – lisätään kohtaan, jossa sivun tulisi näkyä teknisenä erittelynä eikä mainostekstinä.
- Arial — korvaava: Inter · ääriviivat 400 · Arial - Löytyy poimituista tiedoista, mutta tekoäly ei kuvaile sitä.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | keskimäärin |
| Perusvaihe | 16px |
| Painikkeen säde | 10px |
| Kortin säde | 10px |
| Varjot | minimaalinen |
| Osioiden välillä | 80px |
| Sivun leveys | 1440px |
Tekoäly rakentaa verkkosivustosi Zellerfeld -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Airbnb — Hiljainen valkoinen galleriaseinä ja yksi korallinpunainen kirjanmerkki
- Apple (España) — valkoinen galleriavitriini
- Silencio — Valkoinen huone, jossa leijuu esineitä. Lämpimästä paperista tehty gallerianäyttely, jossa jokainen elementti on sijoitettu omalle paikalleen negatiivisen volyymin taustaa vasten ja hiljaisuus on harkittu suunnitteluratkaisu.
- Oakâme — Aurinkoinen provencelainen työpaja, joka on veistetty lämpimästä kivestä
- Nike — Urheilusaavutusten mustavalkoinen galleria – valkoiset seinät, tuote taideteoksena, kromi sulautunut taustaan
- Arc — teollinen valkoinen galleria keskiyön veden yllä
- Rivian — Sähköinen monoliitti gallerian betoniseinällä. Rivian esittelee jokaisen ajoneuvon veistoksena valtavaa valkoista tilaa vasten, jonka typografia on niin suurta, että siitä tulee arkkitehtoninen elementti, ja yksi lämmin keltainen rikkoo monokromaattisen tunnelman kuin auringonvalo mattapinnalla.
- Analogue — Musta galleriavitriini – tavarat leijuvat tyhjyydessä
- ddna — lämmin museovitriini käsittelemättömällä pellavalla
- UY Studio — Luostarin kivigalleria on hiljainen tila, jossa on betoniseinät. Siellä hajuvesipullot seisovat valkoisilla jalustoilla, joita valaisee yksi 400 watin lamppu ja neljä lämpimän harmaata polttimoa.
- Basic.Space — kuraattorigalleria valkoisella marmorilla
- COS — trendikäs galleria valkoisine seinineen