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

Zellerfeld

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

Zellerfeld se doima kao galerija digitalnih kipara na bijelom mramoru - tržište za 3D printane cipele, gdje monokromatske površine, obilje bijelog prostora i veliki, mali fontovi omogućavaju da svaki proizvod djeluje kao muzejski eksponat. Interfejs je izuzetno suzdržan: akromatsko platno s jednom električno kobaltnom bojom (#000aff) rezerviranom za hitne trenutke - ikone, aktivnu navigaciju "Prodavnica" i trenutni status slajda. Kartice lebde na toploj biserno sivoj pozadini, umjesto 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 liči na stranicu za dizajnersku štampu nego na blagajnu u maloprodaji - predmeti se fotografišu, a ne prodaju.

Stranica se proteže cijelom širinom stranice i ima traku sadržaja od 1440px. Glavni element je foto baner preko cijelog ekrana s plutajućim UI prekrivačem. 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 kontakt informacijama za medije. Svaki odjeljak proizvoda centrira svoj sadržaj unutar trake i koristi 80px vertikalnog prostora između odjeljaka. Navigacija je fiksna gornja traka u jednom redu s tankom reklamnom trakom iznad nje. Kartice proizvoda su poravnate prema strogoj mreži - područje slike uvijek je centrirano na siluetu cipele s gornjim/donjim paddingom od 40px unutar kartice, a klaster metapodataka je usidren u donjem lijevom kutu s logotipom brenda veličine 40x40.

Fotografija proizvoda je dominantan vizualni element - svaka cipela je fotografirana na čisto bijeloj ili gipsanoj površini pod uglom od tri četvrtine, ispunjavajući cijelu karticu bez ikakvog konteksta, modela ili okoline. Glavni element je potpuno razvijena lifestyle fotografija: izrezani snimci stopala i cipela na pijesku ili betonu, uvijek u ljudskoj mjeri, nikada savršeno studijskog kvaliteta. Primjenjuje se princip "subjekt je glavni element" - cipele zauzimaju 40% vidljive površine 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

Brend

  • Electric Cobalt #000aff — Nove ikone, aktivna navigacijska traka, indikator trenutnog slajda, trenuci aktivacije - jedini hromatski znak u sistemu, korišten štedljivo kako bi se percipirao kao aktivacija, a ne kao dekoracija.

Neutralno

  • Pale Iris #e5e7ff — Novo ispunjavanje bojama za značke, meko isticanje i nijansirana površina za opcije označavanja - prigušena kobaltna nijansa koja nagovještava boju bez narušavanja monokromatske palete.
  • Ink Black #111111 — Tekst u tijelu, zadani okviri, obrisi ikona, tanki razdjelnici - dominantna strukturna boja za naslove, liste i linkove.
  • Pure White #ffffff — Neutralna stanja forme, tekst ikona i diskretne povratne informacije korisničkog interfejsa treba 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 dugmeta i prigušeni obrub dugmeta su sive nijanse koje ističu rubove kartice bez njihovog zatamnjivanja.
  • Fog #d7d7d7 — Okvir od svijetle kartice, linije razdjeljivanja, 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 u tijelu oglasa do naslova. Razmak između redova je konzistentan u svim veličinama, što omogućava malim slovima logotipa da imaju gustu, skulpturalnu masu. Težina fonta se povećava ovisno o kontekstu: 400 za tekst u tijelu oglasa i korisnički interfejs, 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 stranica trebala biti percipirana kao tehnička specifikacija, a ne kao promotivni tekst.
  • Arial — zamjena: Inter · obrisi 400 · Arial - Pronađen u izdvojenim podacima, ali ga vještačka inteligencija ne opisuje.

Intervali i forma

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

Vještačka inteligencija će izgraditi vašu web stranicu u Zellerfeld stilu i popuniti je

  • Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
  • Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
  • Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
  • Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.

Slični stilovi

  • Airbnb — Tihi bijeli galerijski zid s jednom koraljno crvenom oznakom stranice
  • Apple (España) — bijela vitrina za galeriju
  • Silencio — Bijela soba s lebdećim artefaktima. Galerijski postav napravljen od toplog papira, gdje svaki element zauzima svoje mjesto nasuprot negativnoj volumenskoj pozadini, a tišina je namjerna dizajnerska odluka.
  • Oakâme — Provansalska radionica okupana suncem, isklesana od toplog kamena
  • Nike — Monohromatska galerija sportskih dostignuća – bijeli zidovi, proizvod kao umjetničko djelo, hrom rastvoren 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 prekida monohromatsku 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 manastira je tihi prostor s betonskim zidovima, gdje bočice parfema stoje na bijelim postoljima, osvijetljene jednom lampom od 400 vati i četiri tople sive sijalice.
  • Basic.Space — kustoska galerija na bijelom mramoru
  • COS — moderna galerija s bijelim zidovima