ORYZO AI
Foto esej o mračnoj komori. Usamljeni predmet koji lebdi u toplom mraku, krem font jedini ukras.
ORYZO-ov vizualni sustav tretira svaki pojedinačni proizvod kao muzejski primjerak: platno u toplim, tamnim tonovima, kremasti font koji lebdi u velikom negativnom prostoru i potpuna odsutnost elemenata sučelja koji konkuriraju formi. Svi tekstualni elementi napisani su velikim slovima fonta debljine 500, s izuzetkom teksta tijela veličine 29px/400, koji je jedini konverzacijski element sustava. Jedna, jarko narančasta boja koristi se samo za atribucijske linije i poveznice studija - nikada za gumbe ili pozive na akciju - otuda i njegova rijetkost. Izgled se izmjenjuje između dva načina: fotografskog junaka (proizvod u kontekstu alata i materijala) i načina prikaza temeljenog na praznini (proizvod izoliran na toploj, tamnoj pozadini), povezanih tankim, točkastim razdjelnicima i kontrolama u obliku tableta.
Širina cijele stranice je neograničena - nema spremnika maksimalne širine, a svaki odjeljak zauzima 100vw. Početni zaslon: fotografija preko cijelog zaslona od vrha do dna s ogromnim ORYZO logotipom (51px+) u gornjem lijevom kutu, sloganom iznad, fiksnom minimalističkom navigacijom u gornjem desnom kutu, okomitom bočnom trakom uz desni rub, prozirnom info karticom u donjem lijevom kutu i sličicom videa u donjem desnom kutu. Sljedeći odjeljci: platno Walnut Shadow preko cijelog zaslona s centriranim 3D prikazom proizvoda okruženim naslovom poravnanim ulijevo i tekstom tijela poravnanim udesno - mrežom s tri stupca (tekst/objekt/tekst) sa širokim žljebovima od 18px. Prijelazi između odjeljaka su glatki, tamni na tamnoj pozadini; jedini prekidi su tanke točkaste razdjelnike. Navigacija je fiksna, prozirna, s maksimalno 4 elementa. Nema bočne trake, nema kroma u podnožju, nema kartica unutar kartica - svaki zaslon se osjeća kao jedna cjelina.
Fotografije su uredničke prirode, snimljene iz perspektive odozgo prema dolje i u kontekstu: podmetač od pluta leži na zelenoj podlozi za rezanje, okružen olovkama, nožem za rezanje i spajalicom - alatima zanata vidljivim u kadru. Zelena podloga za rezanje (#445231) je samo element prikaza, a ne element korisničkog sučelja. Odjeljcima posvećenim prezentaciji proizvoda dominiraju 3D prikazi: podmetač od pluta prikazan je izolirano na pozadini boje oraha, osvijetljen odozgo desno toplim svjetlom s rubom, s naizmjeničnim kutovima odozgo prema dolje do tri četvrtine. Nema fotografija životnog stila, nema ljudi, nema stock slika - objekt je protagonist, a alati su njegov kontekst. Slike zauzimaju cijeli zaslon, imaju oštre rubove (bez zaobljenih maski) i obrađene su s visokim kontrastom i toplom korekcijom boja.
Paleta
Neutralno
- Warm Cream
#ffedd7— Svijetli tekst na tamnim površinama, obrnuti natpisi i slike visokog kontrasta. - Walnut Shadow
#100904— Platno stranice i najdublja pozadina su topli, gotovo crni, ali ne i čisto crni. Praznina se krije iza svake najave proizvoda. - Bark Brown
#382416— Podignuta površina i ispunjena pozadina gumba nalaze se za jedan korak boje iznad platna i koriste se za jedan, kontinuirani poziv na akciju. - Cork Border
#40372e— Suptilne linije razdjeljivanja, isprekidane pregrade sekcija, jedva primjetni rubovi posuda – jedan korak toplije od samog platna. - Driftwood
#6c5f51— Topla, srednje siva boja za sekundarne pregrade i prigušene strukturne elemente, premošćuje jaz između boje kore i krem boje. - Ember Accent
#dc5000— Narančasta se koristi za označavanje poveznica, oznaka i kratkih fraza.
Tipografija
od 18 do 51px · 5 koraka
- halyard-display-variable — zamjena: Inter or Söhne · obrisi 400, 500 · Jedan font. Za naslove se koristi debljina 500 s razmakom od 51px, što pokazuje iznimno samopouzdanje u korištenju velikih slova; isti font s razmakom od 400/29px postaje jedini font za glavni tekst, koristeći miješanu upotrebu velikih i malih slova. Razmak između slova ostaje standardan - geometrijski oblici obavljaju svoj posao bez kompresije. Za bliže strukturno podudaranje možete koristiti 'Inter', 'Söhne' ili 'Neue Haas Grotesk'.
- Arial — zamjena: system-ui · obrisi 400, 500 · Rezervna opcija za mikrolegalne oznake na razini cijelog sustava (velika slova od 8 piksela, npr. "* ADOBE ILLUSTRATOR"). Ovo nije odluka o dizajnu, već zahtjev za automatski generirana odricanja od odgovornosti sustava.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 18px |
| Radijus gumba | 8px |
| Radijus kartice | 12px |
| Sjene | ne - obrubi umjesto sjena |
Umjetna inteligencija će izraditi vašu web stranicu u ORYZO AI 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
- 21 TSI — Grimizna praznina, jedna silueta – editorijal visoke mode gdje se korisničko sučelje rastvara u atmosferi
- Ysl — Snimka iz crno-bijelog filma - jedan model pod jednim logotipom, ništa drugo nije dopušteno
- Channel Studio — Studijski fotolaboratorij s jednim koraljnim abažurom
- Assembly Coffee London — Ugljen u mračnoj pržionici. Gotovo crno platno s toplim, slabo osvijetljenim fotografijama proizvoda i kurzivnim serifnim slovima - osjećaj jelovnika specijalizirane kave otisnutog u ponoćnom samizdatu.
- PostNew — Galerija otvorena nakon radnog vremena i uređena po danu
- Factory — Terminal "ratne sobe" u ponoć. "Tvornica" je potpuno crna kontrolna ploča na koju sleti jedna bijela kartica poput depeše osvijetljene baterijskom lampom - jedini predmet u sobi je sam rad.
- Numbered — Modno snimanje na crnom baršunu. Gotovo crna modna pista, gdje je kadar ispunjen jednim licem, a jedini tragovi su bijela tinta i jedva primjetna brončana nit.
- Apple (España) — crno kazalište s osvijetljenim elementima
- Home page | Impossible Foods — Krvavocrveni punk plakat u baršunastom mraku. Naručeno izrađen, komprimirani banner muti se preko platna boje vina, dok se jednobojni crveni pozivi na akciju probijaju poput cijene na mesarskom bloku.
- Ferrari — Frenetični cavallino na crnom mramoru. Crne praznine prekidane nepogrešivom crvenom bojom Ferrarija, velikim bijelim slovima i filmskim kadrovima pune širine.
- OpenSea — Crni trgovački terminal s mat plavim okvirima
- Arthursimonini — Filmski program ispisan crnom tintom