ORYZO AI
Isang sanaysay tungkol sa isang madilim na silid. Isang nag-iisang bagay na nakalutang sa mainit na dilim, kulay krema ang tanging palamuti.
Tinatrato ng visual system ng ORYZO ang bawat indibidwal na bagay ng produkto bilang isang piraso ng museo: isang canvas na may mainit at madilim na kulay, kremang tipo na lumulutang sa malaking negatibong espasyo, at kumpletong kawalan ng mga elemento ng interface na nakikipagkumpitensya sa anyo. Lahat ng elemento ng teksto ay nakasulat sa all-caps na may 500-weight na font, maliban sa body copy na 29px/400, na siyang tanging elemento ng sistema sa pakikipag-usap. Isang matingkad na kulay kahel lamang ang ginagamit para sa mga attribution lines at studio links—hindi kailanman para sa mga button o call to action—kaya naman ito ay bihira. Ang layout ay nagpapalit-palit sa pagitan ng dalawang mode: isang photographic hero (ang produkto ay nasa konteksto ng mga tool at materyales) at isang void-based display mode (ang produkto ay nakahiwalay laban sa isang mainit at madilim na background), na pinagdudugtong ng manipis at tuldok-tuldok na mga divider at mga kontrol na hugis-pill.
Walang limitasyon ang lapad ng buong pahina—walang lalagyan na may pinakamataas na lapad, at ang bawat seksyon ay sumasakop ng 100 piraso. Home screen: isang full-screen na larawan mula itaas hanggang ibaba na may napakalaking logo ng ORYZO (51px+) sa kaliwang sulok sa itaas, isang tagline sa itaas, nakapirming minimalistang nabigasyon sa kanang sulok sa itaas, isang patayong sidebar sa kanang gilid, isang translucent na info card sa kaliwang sulok sa ibaba, at isang thumbnail ng video sa kanang sulok sa ibaba. Mga kasunod na seksyon: isang full-screen na Walnut Shadow canvas na may nakasentrong 3D render ng produkto na napapalibutan ng pamagat na nakahanay sa kaliwa at body copy na nakahanay sa kanan—isang grid na may tatlong hanay (teksto/bagay/teksto) na may malapad na 18px na gutter. Ang mga transisyon sa pagitan ng mga seksyon ay makinis, madilim sa isang madilim na background; ang tanging mga pahinga ay manipis na tuldok-tuldok na mga divider. Ang nabigasyon ay nakapirmi, transparent, na may maximum na 4 na elemento. Walang sidebar, walang chrome sa footer, walang mga card sa loob ng mga card—ang bawat screen ay parang isang entity.
Ang mga litrato ay may katangiang editoryal, kinunan mula sa top-down na perspektibo at nasa konteksto: isang cork coaster na nakapatong sa isang berdeng cutting mat, napapalibutan ng mga lapis, isang craft knife, at isang paperclip—ang mga kagamitang pangkalakalan na nakikita sa frame. Ang berdeng cutting mat (#445231) ay isang display element lamang, hindi isang UI element. Ang mga seksyong nakatuon sa presentasyon ng produkto ay pinangungunahan ng mga 3D rendering: ang cork coaster ay ipinapakitang nakahiwalay laban sa background ng Walnut Shadow, na naiilawan mula sa kanang itaas na may mainit na ilaw sa gilid, na may salit-salit na anggulo mula top-down hanggang three-quarters. Walang mga larawan ng pamumuhay, walang mga tao, walang mga stock na imahe—ang bagay ang bida, at ang mga kagamitan ang konteksto nito. Ang mga imahe ay sumasakop sa buong screen, may malulutong na gilid (walang bilugan na maskara), at pinoproseso nang may mataas na contrast at mainit na pagwawasto ng kulay.
Paleta
Neutral
- Warm Cream
#ffedd7— Maliwanag na teksto sa madilim na mga ibabaw, nakabaligtad na mga caption at mga imaheng may mataas na contrast. - Walnut Shadow
#100904— Mainit, halos itim, ngunit hindi purong itim ang canvas at pinakamalalim na background ng pahina. May nakatagong kawalan sa likod ng bawat anunsyo ng produkto. - Bark Brown
#382416— Ang nakataas na ibabaw at puno na background ng buton ay isang hakbang ng kulay sa itaas ng canvas, na ginagamit para sa isang tuluy-tuloy na panawagan para sa aksyon. - Cork Border
#40372e— Mga banayad na linyang naghahati, mga tuldok-tuldok na panghati, mga hangganan ng lalagyan na halos hindi mapansin – isang hakbang na mas mainit kaysa sa mismong canvas. - Driftwood
#6c5f51— Isang mainit, katamtamang kulay abo para sa mga pangalawang partisyon at mga mahinang elemento ng istruktura, tinutulay nito ang agwat sa pagitan ng Bark at Cream. - Ember Accent
#dc5000— Ginagamit ang kulay kahel upang i-highlight ang mga link, tag, at maiikling parirala.
Tipograpiya
mula 18 hanggang 51px · 5 hakbang
- halyard-display-variable — kapalit: Inter or Söhne · mga balangkas 400, 500 · Isang font. Ang 500 weight na may 51px pitch ay ginagamit para sa mga heading, na nagpapakita ng pambihirang kumpiyansa sa paggamit ng malalaking titik; ang parehong font na may 400/29px pitch ang nagiging tanging font para sa body text, gamit ang mixed case. Ang espasyo ng mga letra ay nananatiling standard—ginagawa ng mga geometric na hugis ang kanilang trabaho nang walang compression. Para sa mas malapit na tugmang istruktura, maaari mong gamitin ang 'Inter', 'Söhne', o 'Neue Haas Grotesk'.
- Arial — kapalit: system-ui · mga balangkas 400, 500 · Isang fallback sa buong sistema para sa mga microlegal label (8px uppercase, hal., "* ADOBE ILLUSTRATOR"). Hindi ito isang desisyon sa disenyo, kundi isang kinakailangan para sa mga awtomatikong nabuong disclaimer ng sistema.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | karaniwan |
| Pangunahing hakbang | 18px |
| Radius ng buton | 8px |
| Radius ng card | 12px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
Gagawa ang AI ng website mo sa estilong ORYZO AI at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- 21 TSI — Isang pulang kawalan, isang nag-iisang silweta – isang editoryal na may mataas na istilo kung saan ang user interface ay natutunaw sa kapaligiran
- Ysl — Isang litrato mula sa isang itim at puting pelikula - isang modelo sa ilalim ng isang logo, wala nang iba pang pinapayagan
- Channel Studio — Isang studio photo lab na may isang coral lampshade
- Assembly Coffee London — Mga baga sa isang madilim na roastery. Isang halos itim na canvas na may mainit at madilim na mga larawan ng produkto at cursive serif na letra—ang pakiramdam ng isang espesyal na menu ng kape na nakalimbag sa isang midnight samizdat.
- PostNew — Isang gallery na bukas pagkatapos ng oras ng trabaho at dinisenyo sa liwanag ng araw
- Factory — Ang terminal ng "war room" sa hatinggabi. Ang "pabrika" ay isang matingkad na itim na control panel kung saan may isang puting card na lumalapag na parang isang dispatch na may ilaw na flashlight—ang tanging bagay sa silid ay ang mismong gawa.
- Numbered — Isang fashion shoot sa itim na pelus. Isang halos itim na catwalk, kung saan ang frame ay puno ng iisang mukha, ang tanging marka ay puting tinta at isang halos hindi mahahalatang sinulid na tanso.
- Apple (España) — itim na teatro na may mga ilaw na kagamitan
- Home page | Impossible Foods — Isang pulang-dugong punk poster sa madilim na pelus. Isang pasadyang dinisenyo at naka-compress na banner ang lumalabo sa isang kulay-alak na canvas, habang ang purong pulang mga panawagan para sa aksyon ay tumatagos na parang presyo sa isang butcher's block.
- Ferrari — Isang masiglang cavallino sa itim na marmol. Ang mga itim na puwang ay naputol ng hindi mapagkakamalang pulang Ferrari, puting malalaking titik, at mga full-width na cinematic shot.
- OpenSea — Itim na terminal ng kalakalan na may mga kuwadrong may matte na asul na kulay
- Arthursimonini — Programa ng pelikula na nakalimbag gamit ang itim na tinta