ORYZO AI
Usa ka photo essay bahin sa usa ka dark room. Usa ka butang nga nag-inusara nga naglutaw-lutaw sa init nga kangitngit, ang krema nga font mao lamang ang dekorasyon.
Ang visual system sa ORYZO nagtratar sa matag indibidwal nga butang sa produkto isip usa ka piraso sa museyo: usa ka canvas sa mainiton ug ngitngit nga mga tono, creamy nga tipo nga naglutaw sa dako nga negatibo nga wanang, ug hingpit nga pagkawala sa mga elemento sa interface nga nakigkompetensya sa porma. Ang tanan nga mga elemento sa teksto gisulat sa tanan nga mga letra nga adunay 500-weight nga font, gawas sa body copy sa 29px/400, nga mao lamang ang elemento sa panagsulti sa sistema. Usa ka hayag nga kolor nga orange ang gigamit lamang alang sa mga linya sa pag-attribute ug mga link sa studio—dili gyud alang sa mga butones o mga panawagan sa aksyon—busa talagsaon kini. Ang layout nagpuli-puli tali sa duha ka mga mode: usa ka photographic hero (ang produkto nga naa sa konteksto sa mga himan ug materyales) ug usa ka void-based display mode (ang produkto nga gilain batok sa usa ka mainiton ug ngitngit nga background), nga konektado sa nipis, tuldok-tuldok nga mga divider ug mga kontrol nga porma sa pildoras.
Ang tibuok panid walay kinutuban sa gilapdon—walay sudlanan nga gitakda sa pinakataas nga gilapdon, ug ang matag seksyon mo-okupar og 100 ka piraso. Home screen: usa ka full-screen nga litrato gikan sa taas hangtod sa ubos nga adunay dakong logo sa ORYZO (51px+) sa ibabaw nga wala nga suok, usa ka tagline sa ibabaw, pirmi nga minimalist nga nabigasyon sa ibabaw nga tuo nga suok, usa ka bertikal nga sidebar sa tuo nga ngilit, usa ka translucent nga info card sa ubos nga wala nga suok, ug usa ka thumbnail sa video sa ubos nga tuo nga suok. Sunod nga mga seksyon: usa ka full-screen nga Walnut Shadow canvas nga adunay nakasentro nga 3D render sa produkto nga gilibutan sa usa ka wala nga gi-align nga titulo ug tuo nga gi-align nga body copy—usa ka tulo ka kolum nga grid (teksto/butang/teksto) nga adunay lapad nga 18px nga mga gutter. Ang mga transisyon tali sa mga seksyon hapsay, ngitngit sa usa ka ngitngit nga background; ang mga pahulay lamang mao ang nipis nga tuldok-tuldok nga mga divider. Ang nabigasyon pirmi, transparent, nga adunay maximum nga 4 ka elemento. Walay sidebar, walay chrome sa footer, walay mga kard sulod sa mga kard—ang matag screen daw usa ra ka entidad.
Ang mga litrato kay editoryal, gikuha gikan sa top-down nga perspektibo ug sa konteksto: usa ka cork coaster ang nagsandig sa usa ka berde nga cutting mat, gilibutan sa mga lapis, craft knife, ug paperclip—ang mga gamit sa trabaho nga makita sa frame. Ang berde nga cutting mat (#445231) usa lamang ka display element, dili usa ka UI element. Ang mga seksyon nga gipahinungod sa presentasyon sa produkto gidominar sa 3D renderings: ang cork coaster gipakita nga nahimulag batok sa background sa Walnut Shadow, nga gisiga gikan sa taas nga tuo nga adunay mainit nga suga sa rim, nga adunay nagpuli-puli nga mga anggulo gikan sa taas-paubos hangtod sa tulo ka kwarter. Walay mga litrato sa estilo sa kinabuhi, walay mga tawo, walay stock nga mga imahe—ang butang mao ang bida, ug ang mga gamit mao ang konteksto niini. Ang mga imahe nag-okupar sa tibuok screen, adunay presko nga mga ngilit (walay lingin nga mga maskara), ug giproseso nga adunay taas nga contrast ug mainit nga pagtul-id sa kolor.
Paleta
Neutral
- Warm Cream
#ffedd7— Hayag nga teksto sa ngitngit nga mga nawong, baliktad nga mga caption ug mga imahe nga taas og contrast. - Walnut Shadow
#100904— Ang canvas ug ang pinakalawom nga background sa panid init, halos itom, apan dili puro itom. Adunay haw-ang nga nagtago sa luyo sa matag anunsyo sa produkto. - Bark Brown
#382416— Ang gipataas nga nawong ug puno nga background sa butones usa ka kolor nga ang-ang ibabaw sa canvas, nga gigamit alang sa usa ka padayon nga panawagan sa aksyon. - Cork Border
#40372e— Mga linya nga nagbahinbahin, mga tuldok-tuldok nga nagbahinbahin, halos dili mamatikdan nga mga utlanan sa sudlanan – usa ka lakang nga mas init kay sa kanbas mismo. - Driftwood
#6c5f51— Usa ka mainiton, medium-toned nga abuhon para sa ikaduhang mga partisyon ug hinay nga mga elemento sa istruktura, kini nagsumpay sa kal-ang tali sa Bark ug Cream. - Ember Accent
#dc5000— Ang orange gigamit sa pag-highlight sa mga link, tag, ug mubo nga mga hugpong sa mga pulong.
Tipograpiya
gikan sa 18 ngadto sa 51px · 5 ka lakang
- halyard-display-variable — kapuli: Inter or Söhne · mga balangkas 400, 500 · Usa ra ka font. Ang 500 nga gibug-aton nga adunay 51px pitch gigamit para sa mga ulohan, nga nagpakita sa talagsaong pagsalig sa paggamit sa dagkong mga letra; ang parehas nga font nga adunay 400/29px pitch mao ra ang mahimong bugtong font para sa body text, gamit ang mixed case. Ang gilay-on sa mga letra nagpabilin nga standard—ang mga geometric nga porma nagbuhat sa ilang trabaho nga walay compression. Para sa mas duol nga structural match, mahimo nimong gamiton ang 'Inter', 'Söhne', o 'Neue Haas Grotesk'.
- Arial — kapuli: system-ui · mga balangkas 400, 500 · Usa ka sistema-tibuok nga fallback para sa mga microlegal label (8px uppercase, pananglitan, "* ADOBE ILLUSTRATOR"). Dili kini usa ka desisyon sa disenyo, apan usa ka kinahanglanon para sa awtomatikong gihimo nga mga disclaimer sa sistema.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | aberids |
| Batakang lakang | 18px |
| Radius sa butones | 8px |
| Radius sa kard | 12px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
Ang AI motukod sa imong website sa estilo sa ORYZO AI ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- 21 TSI — Usa ka mapula nga haw-ang, usa ka nag-inusarang silweta – usa ka editoryal nga taas og uso diin ang user interface natunaw ngadto sa atmospera
- Ysl — Usa ka hulagway gikan sa itom ug puti nga pelikula - usa ka modelo ubos sa usa ka logo, wala nay lain nga gitugot.
- Channel Studio — Usa ka studio photo lab nga adunay usa ka coral lampshade
- Assembly Coffee London — Mga uling sa usa ka ngitngit nga roastery. Usa ka halos itom nga canvas nga adunay mainiton, ngitngit nga mga litrato sa produkto ug cursive serif nga letra—ang pagbati sa usa ka espesyal nga menu sa kape nga giimprinta sa usa ka midnight samizdat.
- PostNew — Usa ka galeriya nga abli human sa oras sa trabaho ug gidisenyo sa maadlaw
- Factory — Ang terminal sa "war room" sa tungang gabii. Ang "pabrika" usa ka itom nga control panel diin ang usa ka puti nga kard motugpa nga daw flashlight—ang bugtong butang sa kwarto mao ang trabaho mismo.
- Numbered — Usa ka fashion shoot nga nagsul-ob og itom nga velvet. Usa ka halos itom nga catwalk, diin ang frame napuno sa usa ka nawong, ang mga marka lamang mao ang puti nga tinta ug usa ka halos dili mamatikdan nga bronse nga hilo.
- Apple (España) — itom nga teatro nga adunay mga suga nga suga
- Home page | Impossible Foods — Usa ka pula nga punk poster nga kolor dugo sa kangitngit nga pelus. Usa ka gipahaom nga disenyo, giputos nga banner ang hanap sa usa ka canvas nga kolor bino, samtang ang solidong pula nga mga panawagan sa aksyon migawas sama sa presyo sa bloke sa magbabaligya og karne.
- Ferrari — Usa ka nagdilaab nga cavallino sa itom nga marmol. Ang itom nga mga haw-ang gibalda sa dili masayop nga pula nga Ferrari, puti nga dagkong mga letra, ug tibuok gilapdon nga mga sinematikong kuha.
- OpenSea — Itom nga terminal sa pamatigayon nga adunay matte nga asul nga naka-frame nga mga bayanan
- Arthursimonini — Programa sa pelikula nga giimprinta gamit ang itom nga tinta