Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukgaratzaileEnpresentzako IA tresnak garatzen. Kalitate handikoa. Merkea.Idatzi Telegram bidez
Zellerfeld — estilo honetako gune baten aurrebista

Zellerfeld

Eskultore baten tailerra marmol zurian —pedestalaren gainazal monolitikoak, kobaltozko txinparta bakarra, letra minuskulen xuxurla zorutik sabairaino

Zellerfeld marmol zurian eskultore digitalen galeria baten antzekoa da —3D inprimatutako oinetakoen merkatu bat, non gainazal monokromoak, espazio zuri ugari eta letra-tipo handi eta minuskulak produktu bakoitzari museo erakusketa baten antzera jokatzea ahalbidetzen dioten. Interfazea oso neurritsua da: mihise akromatiko bat, kobalto kolore elektriko bakarrarekin (#000aff), premiazko uneetarako gordeta —ikonoak, "Denda" nabigazio aktiboa eta uneko diapositiba egoera. Txartelak perla gris epel baten atzealdean flotatzen dira, zuri hutsaren ordez, sareari igeltsuzko molde taktil bat emanez. Letra-tipoa sans-serif pertsonalizatu bakarra da (Roobert), letren arteko tarte estuarekin, eta Space Mono prezioetarako, produktuen zerrendetarako eta metadatu teknikoetarako soilik erabiltzen da. Ondorioz, produktuaren orrialdea diseinu prentsa gune baten antzekoagoa da txikizkako ordainketa bat baino —objektuak argazkiak ateratzen dira, ez saltzen dira.

Orrialdeak orriaren zabalera osoa hartzen du eta 1440px-ko eduki-zerrenda bat dauka. Elementu nagusia pantaila osoko argazki-banner bat da, UI gainjarri flotatzaile batekin. Produktu-atalek 4 zutabeko sareta bat erabiltzen dute, tabletetan 2ra eta gailu mugikorretan 1era tolestuz. Atalen erritmoa hau da: produktuaren deskribapen handia → erredakzio-balorazio-sareta → argitalpen berrien sarea → prentsa-harremanetarako informazio-panela. Produktu-atal bakoitzak bere edukia zerrendan zentratzen du eta 80px-ko tarte bertikala erabiltzen du atalen artean. Nabigazioa goiko barra finko bat da, errenkada bakarrean, gainean iragarki-zerrenda mehe batekin. Produktu-txartelak sareta zorrotz batean lerrokatuta daude: irudi-eremua beti oinetakoen siluetan zentratzen da, txartelean 40px-ko goiko/beheko betegarriarekin, eta metadatuen multzoa beheko ezkerreko izkinan ainguratuta dago, 40x40 markaren logotipo batekin.

Produktuen argazkilaritza da elementu bisual nagusia: oinetako bakoitza gainazal zuri edo igeltsuzko batean ateratzen da hiru laurdeneko angeluan, txartel osoa betez, testuinguru, modelo edo ingurunerik gabe. Elementu nagusia bizimoduaren argazki osoa da: oinen eta oinetakoen argazki moztuak hondarretan edo hormigoian, beti eskala humanoan, inoiz ez estudioko kalitate perfektuan. "Subjektua da elementu nagusia" printzipioa aplikatzen da: oinetakoek markoaren azalera ikusgaiaren % 40 hartzen dute, baita elementu editorial nagusian ere. Ez da elementu grafiko apaingarririk, eredu abstrakturik edo ilustraziorik erabiltzen. Ikonoak linealak dira, beltzez markatuak, inoiz ez beteak, inoiz ez koloreztatuak.

Paleta

Marka

  • Electric Cobalt #000aff — Ikono berriak, nabigazio-barra aktiboa, uneko diapositiba-adierazlea, aktibazio-uneak —sistemako zantzu kromatiko bakarra, neurriz erabilia apaingarri gisa baino aktibazio gisa hautemateko.

Neutroa

  • Pale Iris #e5e7ff — Txapa-marketarako kolore-betegarri berri bat, nabarmentze leun bat eta etiketatze-aukeretarako gainazal tindatu bat —kobalto tonu apal bat, kolorea iradokitzen duena paleta monokromoa eten gabe.
  • Ink Black #111111 — Gorputzeko testua, lehenetsitako ertzak, ikonoen eskemak, banatzaile meheak - izenburu, zerrenden eta esteken egitura-kolore nagusia.
  • Pure White #ffffff — Kolorea sotila den lekuetan, egoera neutroak, ikonoen testua eta UI feedback diskretua erabili behar dira. Saihestu ekintzarako deietarako kolore nagusi gisa erabiltzea.
  • Plaster #ecedee — Produktu-txartelen bigarren mailako gainazala, nabigazio-barraren atzeko planoa, mihisearen gainetik altxatutako maila leuna.
  • Slate #a1a4aa — Txartelaren markoaren itzala, botoi neutroaren betegarria eta botoi isilaren markoa grisak dira, txartelaren ertzak ilundu gabe nabarmentzen dituztenak.
  • Fog #d7d7d7 — Karta argiaren markoa, banaketa-lerroak, gainazal inaktiboaren tindaketa.

Tipografia

13tik 128px-ra · 7 urrats

  • Roobert — ordezkapena: Inter · eskemak 400, 500, 600, 700 · Markaren letra-tipo nagusia erabiltzen da testuaren gorputzetik hasi eta izenburuetaraino. Lerroen arteko tartea tamaina guztietan koherentea da, logotipoaren letra xeheek masa trinko eta eskultorikoa izan dezaten. Letra-tipoaren pisua testuinguruaren arabera handitzen da: 400 testuaren gorputzerako eta erabiltzaile-interfazerako, 500 izenburu nabarmenduetarako, 600 produktuen izenetarako eta 700 izenburu handietarako.
  • Space Mono — ordezkapena: JetBrains Mono · eskemak 400, 600 · Metadatu teknikoak —prezioak (189,00 €), lehenengo 10 posizioen balio numerikoak, ticker ikurrak eta denden izenak— gehitzen dira orrialdea testu promozional gisa baino zehaztapen tekniko gisa hauteman behar den lekuetan.
  • Arial — ordezkapena: Inter · eskemak 400 · Arial - Ateratako datuetan aurkitu da, baina ez du IA-k deskribatu.

Tarteak eta forma

HelburuaEsanahia
Dentsitateabatez bestekoa
Oinarrizko urratsa16px
Botoiaren erradioa10px
Txartelaren erradioa10px
Itzalakminimoa
Atalen artean80px
Orriaren zabalera1440px

Adimen artifizialak zure webgunea Zellerfeld estiloan eraikiko du eta beteko du

  • Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
  • Transferitu edukia zure gune zaharretik: zehaztu helbidea.
  • Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
  • Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.

Estilo antzekoak

  • Airbnb — Galeria-horma zuri lasai bat, koral gorrizko laster-marka bakarrarekin
  • Apple (España) — galeria zuriaren erakusleihoa
  • Silencio — Gela zuri bat artefaktu flotatzaileak dituena. Paper beroz egindako galeria-erakusketa bat, non elementu bakoitzak bere lekua hartzen duen bolumen negatiboko atzealde baten aurrean, eta isiltasuna diseinu-erabaki nahita bat den.
  • Oakâme — Harri epelez zizelkatutako Proventzako tailer eguzkitsu bat
  • Nike — Kirol lorpenen galeria monokromo bat – horma zuriak, produktua artelan gisa, kromoa atzealdean disolbatuta
  • Arc — Galeria zuri industriala gauerdiko uraren gainean
  • Rivian — Monolito elektriko bat galeriaren hormigoizko horman. Rivianek ibilgailu bakoitza eskultura gisa aurkezten du espazio zuri zabal baten aurrean, hain tipografia handia elementu arkitektoniko bihurtzen delarik, eta hori bero bakarrarekin, atmosfera monokromatikoa hausten duena, gainazal mate batean eguzki-argia bezala.
  • Analogue — Galeria beltzaren erakusleihoa – ondasunak hutsunean flotatzen
  • ddna — museoko erakusleiho epela liho tratatu gabean
  • UY Studio — Monasterioko harrizko galeria hormigoizko hormak dituen espazio lasaia da, non lurrin-botilak oinarri zurien gainean dauden, 400 watteko lanpara batek eta lau bonbilla gris epelek argiztatuta.
  • Basic.Space — marmol zuriaren gaineko komisario-galeria
  • COS — galeria moderno bat horma zuriekin