Telegram, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukprogramerRazvoj AI alata za tvrtke. Visokokvalitetni. Pristupačni.Pišite nam na Telegram
Zellerfeld — pregled stranice u ovom stilu

Zellerfeld

Kiparova radionica na bijelom mramoru - monolitne površine postolja, jedna iskra kobalta, šapat malih slova od poda do stropa

Zellerfeld se doima kao galerija digitalnih kipara na bijelom mramoru - tržnica za 3D printane cipele, gdje monokromatske površine, obilje bijelog prostora i veliki, mali fontovi omogućuju da svaki proizvod djeluje poput muzejskog eksponata. Sučelje je izuzetno suzdržano: akromatsko platno s jednom električno kobaltnom bojom (#000aff) rezerviranom za hitne trenutke - ikone, aktivnu navigaciju "Trgovina" i trenutni status slajda. Kartice lebde na toploj biserno sivoj pozadini, a ne na čisto bijeloj, dajući mreži taktilni, gipsani odljev. Font ostaje jedan prilagođeni sans-serif (Roobert) s uskim razmakom između slova, a Space Mono se koristi samo za cijene, popise proizvoda i tehničke metapodatke. Kao rezultat toga, stranica proizvoda više nalikuje web-mjestu za dizajnerski tisak nego na blagajnu u maloprodaji - predmeti se fotografiraju, a ne prodaju.

Stranica se proteže cijelom širinom stranice i ima traku sadržaja od 1440px. Glavni element je foto banner preko cijelog zaslona s plutajućim UI slojem. Odjeljci proizvoda koriste mrežu s 4 stupca, koja se smanjuje na 2 na tabletima i 1 na mobilnim uređajima. Ritam odjeljaka je: veliki opis proizvoda → mreža uredničkih ocjena → mreža novih izdanja → ploča s kontaktnim informacijama za medije. Svaki odjeljak proizvoda centrira svoj sadržaj unutar trake i koristi 80px okomitog prostora između odjeljaka. Navigacija je fiksna gornja traka u jednom redu s tankom oglasnom trakom iznad nje. Kartice proizvoda poravnate su prema strogo mrežom - područje slike uvijek je centrirano na siluetu cipele s gornjim/donjim paddingom od 40px unutar kartice, a skupina metapodataka usidrena je u donjem lijevom kutu s logotipom marke 40x40.

Fotografija proizvoda je dominantan vizualni element - svaka cipela je fotografirana na čisto bijeloj ili gipsanoj površini pod kutom od tri četvrtine, ispunjavajući cijelu karticu bez ikakvog konteksta, modela ili okoline. Glavni element je potpuno razvijena lifestyle fotografija: izrezane snimke stopala i cipela na pijesku ili betonu, uvijek u ljudskoj mjeri, nikada savršeno studijske kvalitete. Primjenjuje se princip "subjekt je glavni element" - cipele zauzimaju 40% vidljivog područja kadra, čak ni u glavnom uredničkom elementu. Ne koriste se dekorativni grafički elementi, apstraktni uzorci ili ilustracije. Ikone su linearne, ocrtane crnom bojom, nikada ispunjene, nikada obojene.

Paleta

Robna marka

  • Electric Cobalt #000aff — Nove ikone, aktivna navigacijska traka, indikator trenutnog slajda, trenuci aktivacije - jedini kromatski znak u sustavu, korišten rijetko kako bi se doživio kao aktivacija, a ne kao ukras.

Neutralno

  • Pale Iris #e5e7ff — Nova ispuna boja za značke, meko isticanje i tonirana površina za opcije označavanja - prigušena kobaltna nijansa koja nagovještava boju bez narušavanja monokromatske palete.
  • Ink Black #111111 — Tekst tijela, zadani okviri, obrisi ikona, tanki razdjelnici - dominantna strukturna boja za naslove, popise i poveznice.
  • Pure White #ffffff — Neutralna stanja obrasca, tekst ikona i diskretne povratne informacije korisničkog sučelja trebaju se koristiti tamo gdje boja ostaje suptilna. Izbjegavajte korištenje kao primarne boje za pozive na akciju.
  • Plaster #ecedee — Sekundarna površina za kartice proizvoda, pozadina navigacijske trake, glatka podignuta razina iznad platna.
  • Slate #a1a4aa — Nijansa okvira kartice, neutralno ispunjavanje gumba i prigušeni obrub gumba su sive boje koje ističu rubove kartice bez da ih potamnjuju.
  • Fog #d7d7d7 — Okvir svijetle kartice, razdjelne linije, nijansiranje neaktivne površine.

Tipografija

od 13 do 128px · 7 koraka

  • Roobert — zamjena: Inter · obrisi 400, 500, 600, 700 · Primarni font brenda koristi se za sve, od teksta do naslova. Razmak između redaka je dosljedan u svim veličinama, što malim slovima logotipa omogućuje gustu, skulpturalnu masu. Težina fonta povećava se ovisno o kontekstu: 400 za tekst i korisničko sučelje, 500 za istaknute naslove, 600 za nazive proizvoda i 700 za velike naslove.
  • Space Mono — zamjena: JetBrains Mono · obrisi 400, 600 · Tehnički metapodaci - cijene (189,00 €), numeričke vrijednosti za prvih 10 pozicija, simboli tickera i nazivi trgovina - dodaju se tamo gdje bi se stranica trebala doživljavati kao tehnička specifikacija, a ne kao promotivni tekst.
  • Arial — zamjena: Inter · obrisi 400 · Arial - Pronađen u izdvojenim podacima, ali ga umjetna inteligencija ne opisuje.

Intervali i forma

SvrhaZnačenje
Gustoćaprosjek
Osnovni korak16px
Radijus gumba10px
Radijus kartice10px
Sjeneminimalno
Između odjeljaka80px
Širina stranice1440px

Umjetna inteligencija će izraditi vašu web stranicu u Zellerfeld stilu i ispuniti je

  • Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
  • Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
  • Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
  • Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.

Slični stilovi

  • Airbnb — Tihi bijeli galerijski zid s jednom koraljnocrvenom oznakom stranice
  • Apple (España) — bijela galerijska vitrina
  • Silencio — Bijela soba s lebdećim artefaktima. Galerijski postav izrađen od toplog papira, gdje svaki element zauzima svoje mjesto na pozadini negativnog volumena, a tišina je namjerna dizajnerska odluka.
  • Oakâme — Provansalska radionica okupana suncem, isklesana od toplog kamena
  • Nike — Monokromatska galerija sportskih postignuća – bijeli zidovi, proizvod kao umjetničko djelo, krom otopljen u pozadini
  • Arc — Industrijska bijela galerija iznad ponoćne vode
  • Rivian — Električni monolit na betonskom zidu galerije. Rivian predstavlja svako vozilo kao skulpturu naspram ogromnog bijelog prostora, s tipografijom toliko velikom da postaje arhitektonski element, i jednom toplom žutom bojom koja razbija monokromatsku atmosferu, poput sunčeve svjetlosti na mat površini.
  • Analogue — Crna galerijska vitrina – roba lebdi u praznini
  • ddna — topla muzejska vitrina na netretiranom lanu
  • UY Studio — Kamena galerija samostana je miran prostor s betonskim zidovima, gdje bočice parfema stoje na bijelim postoljima, osvijetljene jednom lampom od 400 vata i četiri tople sive žarulje.
  • Basic.Space — kustoska galerija na bijelom mramoru
  • COS — moderna galerija s bijelim zidovima