ORYZO AI
Valokuvaessee pimiöstä. Yksinäinen esine leijuu lämpimässä pimeydessä, kermanvärinen fontti ainoana koristeena.
ORYZOn visuaalinen järjestelmä käsittelee jokaista yksittäistä tuoteobjektia museoesineenä: lämpimin, tummin sävyin maalattu kangas, kermanvärinen fontti kelluu suuressa negatiivisessa tilassa ja ilman lainkaan muodon kanssa kilpailevia käyttöliittymäelementtejä. Kaikki tekstielementit on kirjoitettu kokonaan isoilla kirjaimilla 500-painoisella fontilla, lukuun ottamatta leipätekstiä, jonka koko on 29px/400 ja joka on järjestelmän ainoa keskusteluelementti. Yhtä kirkkaan oranssia väriä käytetään vain attribuutioriveissä ja studiolinkeissä – ei koskaan painikkeissa tai toimintakehotuksissa – siksi se on harvinainen. Asettelussa vaihtelee kaksi tilaa: valokuvamainen sankari (tuote kontekstissa työkalujen ja materiaalien kanssa) ja tyhjään tilaan perustuva näyttötila (tuote eristettynä lämpimällä, tummalla taustalla), jotka on yhdistetty ohuilla, pisteviivaisilla ja pillerinmuotoisilla säätimillä.
Koko sivun leveys on rajoittamaton – säilölle ei ole enimmäisleveyttä, ja jokainen osio vie 100vw. Aloitusnäyttö: koko näytön valokuva ylhäältä alas, massiivinen ORYZO-logo (yli 51px) vasemmassa yläkulmassa, iskulause yläpuolella, kiinteä minimalistinen navigointi oikeassa yläkulmassa, pystysuora sivupalkki oikeassa reunassa, läpikuultava infokortti vasemmassa alakulmassa ja videon pikkukuva oikeassa alakulmassa. Seuraavat osiot: koko näytön Walnut Shadow -kangas, jossa on keskitetty 3D-renderöinti tuotteesta, jota ympäröi vasemmalle tasattu otsikko ja oikealle tasattu leipäteksti – kolmen sarakkeen ruudukko (teksti/objekti/teksti) leveillä 18px:n sisäviivoilla. Osioiden väliset siirtymät ovat sulavia, tummia tummalla taustalla; ainoat katkokset ovat ohuita pisteviivajakajia. Navigointi on kiinteä, läpinäkyvä, enintään 4 elementtiä. Ei sivupalkkia, ei kromia alatunnisteessa, ei kortteja korttien sisällä – jokainen näyttö tuntuu yhdeltä kokonaisuudelta.
Valokuvat ovat luonteeltaan toimituksellisia, otettu ylhäältä alas -perspektiivistä ja kontekstissaan: korkkinen lasinalus lepää vihreällä leikkuualustalla, ja sitä ympäröivät kyniä, askarteluveitsi ja paperiliitin – alan työkalut näkyvät kuvassa. Vihreä leikkuualusta (#445231) on vain esittelyelementti, ei käyttöliittymäelementti. Tuote-esittelyille omistettuja osioita hallitsevat 3D-renderöinnit: korkkinen lasinalus näkyy erillään Walnut Shadow -taustaa vasten, valaistuna oikeasta yläkulmasta lämpimällä reunavalolla, ja kuvakulmat vaihtelevat ylhäältä alas ja kolme neljäsosaa kuvakulmasta. Kuvassa ei ole lifestyle-kuvia, ihmisiä tai kuvapankkikuvia – esine on päähenkilö ja työkalut sen konteksti. Kuvat täyttävät koko näytön, niissä on terävät reunat (ei pyöristettyjä maskeja), ja ne on käsitelty korkealla kontrastilla ja lämpimällä värikorjauksella.
Paletti
Neutraali
- Warm Cream
#ffedd7— Vaalea teksti tummilla pinnoilla, käänteiset kuvatekstit ja suurikontrastiset kuvat. - Walnut Shadow
#100904— Sivun kangas ja syvin tausta ovat lämpimiä, lähes mustia, mutta eivät täysin mustia. Jokaisen tuotejulkistuksen takana vaanii tyhjyys. - Bark Brown
#382416— Painikkeen kohopinta ja täytetty tausta ovat yhden väriaskeleen verran kanvaasin yläpuolella, ja niitä käytetään yhtenäisenä toimintakehotuksena. - Cork Border
#40372e— Hienovaraiset jakoviivat, pisteviivaiset osioiden väliseinät, tuskin havaittavat astioiden reunat – askeleen lämpimämpää kuin itse kangas. - Driftwood
#6c5f51— Lämmin, keskisävyinen harmaa toissijaisiin väliseiniin ja hillityihin rakenneosiin, se kuroo umpeen kuilun Barkin ja Creamin välillä. - Ember Accent
#dc5000— Oranssia käytetään linkkien, tunnisteiden ja lyhyiden lauseiden korostamiseen.
Typografia
18:sta 51 pikseliin · 5 vaihetta
- halyard-display-variable — korvaava: Inter or Söhne · ääriviivat 400, 500 · Yksi fontti. Otsikoissa käytetään 500-painoista fonttia ja 51 pikselin välein olevaa fonttia, mikä osoittaa poikkeuksellista varmuutta isojen kirjainten käytössä. Samasta fontista, jonka väli on 400/29 pikseliä, tulee leipätekstin ainoa fontti, jossa käytetään sekamuotoisia kirjainkokoja. Kirjainvälistys pysyy vakiona – geometriset muodot toimivat ilman pakkausta. Saat tarkemman rakenteellisen vastaavuuden käyttämällä fontteja 'Inter', 'Söhne' tai 'Neue Haas Grotesk'.
- Arial — korvaava: system-ui · ääriviivat 400, 500 · Järjestelmänlaajuinen vararatkaisu mikrotason lakiteksteille (8 pikselin isot kirjaimet, esim. "* ADOBE ILLUSTRATOR"). Tämä ei ole suunnitteluratkaisu, vaan vaatimus automaattisesti luoduille järjestelmän vastuuvapauslausekkeille.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | keskimäärin |
| Perusvaihe | 18px |
| Painikkeen säde | 8px |
| Kortin säde | 12px |
| Varjot | ei - reunoja varjojen sijaan |
Tekoäly rakentaa verkkosivustosi ORYZO AI -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- 21 TSI — Karmiininpunainen tyhjyys, yksi siluetti – huippumuodin editoriaali, jossa käyttöliittymä sulautuu tunnelmaan
- Ysl — Kuva mustavalkoisesta filmistä - yksi malli yhden logon alla, mikään muu ei ole sallittua
- Channel Studio — Studiovalokuvauslaboratorio, jossa on yksi korallinvärinen lampunvarjostin
- Assembly Coffee London — Hiilet tummassa paahtimossa. Lähes musta kangas, jossa on lämpimiä, himmeästi valaistuja tuotekuvia ja kursiivilla kirjoitettuja serif-kirjaimia – tunnelmaa erikoiskahvilistalta, joka on painettu keskiyön samizdatissa.
- PostNew — Galleria avoinna aukioloaikojen ulkopuolella ja suunniteltu päivänvalossa
- Factory — "Sotahuoneen" terminaali keskiyöllä. "Tehdas" on karun musta ohjauspaneeli, johon yksi valkoinen kortti laskeutuu kuin taskulampun valaisema lähetys – huoneen ainoa esine on itse työ.
- Numbered — Muotikuvaus mustalla sametilla. Lähes musta catwalk, jossa kuvan täyttää yksi kasvot, ainoat jäljet valkoista mustetta ja tuskin havaittava pronssinen lanka.
- Apple (España) — musta teatteri valaistuilla kalusteilla
- Home page | Impossible Foods — Verenpunainen punk-juliste samettisessa pimeydessä. Mittatilaustyönä tehty, puristettu banneri sumenee viininpunaisella kankaalla, ja yksiväriset punaiset toimintakehotukset pilkistävät esiin kuin hintalappu teurastajan hyllyllä.
- Ferrari — Kiihkeä cavallino mustalla marmorilla. Mustia tyhjiä kohtia katkovat erehtymättömän punaiset Ferrari-kuviot, valkoiset isot kirjaimet ja koko leveyden elokuvamaiset kuvat.
- OpenSea — Musta kaupankäyntipääte mattasinisin kehyksin
- Arthursimonini — Elokuvaohjelma painettu mustalla musteella