Zellerfeld
Skulptoriaus dirbtuvės ant balto marmuro – monolitiniai pjedestalo paviršiai, viena kobalto kibirkštis, mažųjų raidžių šnabždesys nuo grindų iki lubų
„Zellerfeld“ atrodo kaip skaitmeninių skulptorių galerija ant balto marmuro – 3D spausdintuvu atspausdintų batų prekyvietė, kur monochrominiai paviršiai, gausi balta erdvė ir dideli mažųjų raidžių šriftai leidžia kiekvienam produktui atrodyti kaip muziejaus eksponatui. Sąsaja yra itin santūri: achromatinė drobė su viena elektrinio kobalto spalva (#000aff), skirta skubiems momentams – piktogramos, aktyvi „Parduotuvės“ navigacija ir dabartinė skaidrės būsena. Kortelės plūduriuoja šiltame perlų pilkumo fone, o ne grynai baltame, todėl tinklelis atrodo lyg lytėjimo, gipso liejinys. Šriftas išlieka vienas pasirinktinis be serifų (Roobert) su griežtais tarpais tarp raidžių, o „Space Mono“ naudojamas tik kainodarai, produktų sąrašams ir techniniams metaduomenims. Dėl to produkto puslapis labiau primena dizaino spaudos svetainę, o ne mažmeninės prekybos kasą – objektai fotografuojami, o ne parduodami.
Puslapis užima visą puslapio plotį ir jame yra 1440 pikselių turinio juostelė. Pagrindinis elementas yra viso ekrano nuotraukų reklamjuostė su plaukiojančia vartotojo sąsajos perdanga. Produktų skyriams naudojama 4 stulpelių tinklelis, kuris planšetiniuose kompiuteriuose sutraukiamas į 2, o mobiliuosiuose įrenginiuose – į 1. Skyrių ritmas yra toks: didelis produkto aprašymas → redakcinio įvertinimo tinklelis → naujų leidimų tinklelis → spaudos kontaktinės informacijos skydelis. Kiekvieno produkto skyriaus turinys centruojamas juostelėje, o tarp skyrių naudojama 80 pikselių vertikali erdvė. Navigacija yra fiksuota viršutinė juosta vienoje eilutėje su plona reklamos juostele virš jos. Produktų kortelės yra lygiuojamos pagal griežtą tinklelį – vaizdo sritis visada centruojama ties batų siluetu su 40 pikselių viršutine / apatine užpildymu kortelėje, o metaduomenų grupė yra pritvirtinta prie apatinio kairiojo kampo su 40x40 prekės ženklo logotipu.
Produkto fotografija yra dominuojantis vizualinis elementas – kiekvienas batas fotografuojamas ant grynai balto arba tinkuoto paviršiaus trijų ketvirtadalių kampu, užpildant visą kortelę be jokio konteksto, modelio ar aplinkos. Pagrindinis elementas yra visavertė gyvenimo būdo fotografija: apkirpti pėdų ir batų kadrai ant smėlio ar betono, visada žmogaus masteliu, niekada ne idealiai studijinės kokybės. Galioja principas „objektas yra pagrindinis elementas“ – batai užima 40 % matomo kadro ploto, net ir pagrindiniame redakciniame elemente. Nenaudojami jokie dekoratyviniai grafiniai elementai, abstraktūs raštai ar iliustracijos. Piktogramos yra linijinės, juodu kontūru, niekada neužpildytos, niekada nespalvotos.
Paletė
Prekės ženklas
- Electric Cobalt
#000aff— Naujos piktogramos, aktyvi naršymo juosta, dabartinės skaidrės indikatorius, aktyvavimo momentai – vienintelis chromatinis signalas sistemoje, naudojamas saikingai, kad būtų suvokiamas kaip aktyvavimas, o ne puošmena.
Neutralus
- Pale Iris
#e5e7ff— Nauja spalvų užpildymo parinktis ženkliukams, švelnus paryškinimas ir tonuotas paviršius ženklinimo parinktims – prislopintas kobalto atspalvis, kuris užsimena apie spalvas, netrikdydamas vienspalvės paletės. - Ink Black
#111111— Pagrindinis tekstas, numatytosios rėmeliai, piktogramų kontūrai, ploni skirtukai – dominuojanti antraščių, sąrašų ir nuorodų struktūrinė spalva. - Pure White
#ffffff— Neutralios formų būsenos, piktogramų tekstas ir diskretiškas vartotojo sąsajos grįžtamasis ryšys turėtų būti naudojami ten, kur spalva išlieka subtili. Venkite jos naudoti kaip pagrindinės spalvos raginimams veikti. - Plaster
#ecedee— Antrinis produktų kortelių paviršius, naršymo juostos fonas, lygus iškilęs lygis virš drobės. - Slate
#a1a4aa— Kortelės rėmelio atspalvis, neutralus mygtuko užpildymas ir prislopinta mygtuko riba yra pilkos spalvos, kurios paryškina kortelės kraštus jų neužtamsindamos. - Fog
#d7d7d7— Šviesus kortelės rėmelis, skiriamosios linijos, neaktyvaus paviršiaus tonavimas.
Tipografija
nuo 13 iki 128 pikselių · 7 žingsniai
- Roobert — pakeitimas: Inter · kontūrai 400, 500, 600, 700 · Pagrindinis prekės ženklo šriftas naudojamas viskam – nuo pagrindinio teksto iki antraščių. Eilučių tarpai yra vienodi visuose dydžiuose, todėl mažosios logotipo raidės gali sudaryti tankią, skulptūrišką masę. Šrifto storis didėja priklausomai nuo konteksto: 400 pagrindiniam tekstui ir vartotojo sąsajai, 500 paryškintoms antraštėms, 600 produktų pavadinimams ir 700 dideliems pavadinimams.
- Space Mono — pakeitimas: JetBrains Mono · kontūrai 400, 600 · Techniniai metaduomenys – kainos (189,00 €), skaitinės 10 populiariausių pozicijų vertės, akcijų simboliai ir parduotuvių pavadinimai – pridedami ten, kur puslapis turėtų būti suvokiamas kaip techninė specifikacija, o ne reklaminis tekstas.
- Arial — pakeitimas: Inter · kontūrai 400 · „Arial“ – rastas išgautuose duomenyse, bet dirbtinis intelektas jo neaprašė.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | vidutinis |
| Pagrindinis žingsnis | 16px |
| Mygtuko spindulys | 10px |
| Kortelės spindulys | 10px |
| Šešėliai | minimalus |
| Tarp sekcijų | 80px |
| Puslapio plotis | 1440px |
Dirbtinis intelektas sukurs jūsų svetainę Zellerfeld stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Airbnb — Rami balta galerijos siena su vienu koralų raudonumo skirtuku
- Apple (España) — balta galerijos vitrina
- Silencio — Baltas kambarys su plaukiojančiais artefaktais. Galerijos ekspozicija, sukurta iš šilto popieriaus, kur kiekvienas elementas užima savo vietą neigiamo tūrio fone, o tyla yra sąmoningas dizaino sprendimas.
- Oakâme — Saulės nutviekstos Provanso dirbtuvės, iškaltos iš šilto akmens
- Nike — Monochrominė sporto pasiekimų galerija – baltos sienos, gaminys kaip meno kūrinys, chromas ištirpęs fone
- Arc — pramoninė balta galerija virš vidurnakčio vandens
- Rivian — Elektrinis monolitas ant galerijos betoninės sienos. Rivian kiekvieną transporto priemonę pristato kaip skulptūrą didžiulės baltos erdvės fone, kurios tipografija tokia didelė, kad ji tampa architektūriniu elementu, o viena šilta geltona spalva pertraukia monochromatinę atmosferą, tarsi saulės šviesa ant matinio paviršiaus.
- Analogue — Juoda galerijos vitrina – prekės kybo tuštumoje
- ddna — šilta muziejaus vitrina ant neapdoroto lino
- UY Studio — Vienuolyno akmeninė galerija – tai rami erdvė su betoninėmis sienomis, kur ant baltų cokolių stovi kvepalų buteliukai, apšviesti vienos 400 vatų lempos ir keturių šiltų pilkų lempučių.
- Basic.Space — kuratorių galerija ant balto marmuro
- COS — madinga galerija su baltomis sienomis