ORYZO AI
Un eseu foto despre o cameră obscură. Un obiect solitar plutind în întunericul cald, singurul decor fiind fontul crem.
Sistemul vizual al ORYZO tratează fiecare obiect individual de produs ca pe o piesă de muzeu: o pânză în tonuri calde și întunecate, cu fonturi cremoase plutind într-un spațiu negativ mare și o absență completă a elementelor de interfață care concurează cu forma. Toate elementele de text sunt scrise cu majuscule, cu un font de grosime 500, cu excepția corpului textului la 29px/400, care este singurul element conversațional al sistemului. O singură culoare portocalie strălucitoare este folosită doar pentru liniile de atribuire și linkurile studioului - niciodată pentru butoane sau îndemnuri la acțiune - de unde și raritatea sa. Aspectul alternează între două moduri: un erou fotografic (produsul în context cu instrumente și materiale) și un mod de afișare bazat pe goluri (produsul izolat pe un fundal cald și întunecat), conectate prin separatoare subțiri, punctate și comenzi în formă de pastilă.
Întreaga pagină are lățime nelimitată — nu există un container cu lățime maximă, iar fiecare secțiune ocupă 100vw. Ecran principal: o fotografie pe ecran complet de sus în jos, cu un logo ORYZO masiv (51px+) în colțul din stânga sus, un slogan deasupra, navigare minimalistă fixă în colțul din dreapta sus, o bară laterală verticală de-a lungul marginii din dreapta, o fișă informativă translucidă în colțul din stânga jos și o miniatură video în colțul din dreapta jos. Secțiunile ulterioare: o pânză Walnut Shadow pe ecran complet, cu o randare 3D centrată a produsului, înconjurată de un titlu aliniat la stânga și un text al corpului aliniat la dreapta — o grilă pe trei coloane (text/obiect/text) cu jgheaburi late de 18px. Tranzițiile dintre secțiuni sunt line, întunecate pe un fundal închis; singurele întreruperi sunt separatoarele punctate subțiri. Navigarea este fixă, transparentă, cu maximum 4 elemente. Nu există bară laterală, nu există crom în subsol, nu există fișe în fișe — fiecare ecran pare o singură entitate.
Fotografiile sunt de natură editorială, realizate dintr-o perspectivă de sus în jos și în context: un suport de pahar din plută se sprijină pe un suport de tăiere verde, înconjurat de creioane, un cuțit de lucru și o agrafă de birou - uneltele meseriei vizibile în cadru. Suportul de tăiere verde (#445231) este doar un element de afișare, nu un element de interfață utilizator. Secțiunile dedicate prezentării produsului sunt dominate de randări 3D: suportul de pahar din plută este prezentat izolat pe un fundal Walnut Shadow, iluminat din dreapta sus cu o lumină caldă pe margine, cu unghiuri alternante de sus în jos la trei sferturi. Nu există fotografii de lifestyle, nu există oameni, nu există imagini de stoc - obiectul este protagonistul, iar uneltele sunt contextul său. Imaginile ocupă întregul ecran, au margini clare (fără măști rotunjite) și sunt procesate cu contrast ridicat și corecție caldă a culorilor.
Paletă
Neutru
- Warm Cream
#ffedd7— Text deschis pe suprafețe întunecate, legende inversate și imagini cu contrast ridicat. - Walnut Shadow
#100904— Pânza paginii și fundalul cel mai profund sunt calde, aproape negre, dar nu negru pur. În spatele fiecărui anunț de produs se ascunde un gol. - Bark Brown
#382416— Suprafața în relief și fundalul umplut al butonului se află cu o treaptă de culoare deasupra pânzei, fiind folosite pentru un singur îndemn la acțiune continuu. - Cork Border
#40372e— Linii subtile de demarcație, separatoare de secțiuni punctate, margini abia vizibile ale containerelor – cu un pas mai calde decât pânza în sine. - Driftwood
#6c5f51— Un gri cald, cu tonuri medii, pentru pereți despărțitori secundare și elemente structurale discrete, acesta face legătura dintre nuanțele Bark și Cream. - Ember Accent
#dc5000— Portocaliul este folosit pentru a evidenția linkuri, etichete și fraze scurte.
Tipografie
de la 18 la 51px · 5 pași
- halyard-display-variable — înlocuire: Inter or Söhne · contururi 400, 500 · Un singur font. Grosimea de 500 cu un pas de 51px este utilizată pentru titluri, demonstrând o încredere excepțională în utilizarea majusculelor; același font cu un pas de 400/29px devine singurul font pentru corpul de text, folosind majuscule/minuscule mixte. Spațierea dintre litere rămâne standard - formele geometrice își fac treaba fără compresie. Pentru o potrivire structurală mai precisă, puteți utiliza „Inter”, „Söhne” sau „Neue Haas Grotesk”.
- Arial — înlocuire: system-ui · contururi 400, 500 · O soluție de rezervă la nivel de sistem pentru etichetele microlegale (cu majuscule de 8px, de exemplu, „* ADOBE ILLUSTRATOR”). Aceasta nu este o decizie de design, ci o cerință pentru declinarea responsabilității generată automat de sistem.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | medie |
| Pasul de bază | 18px |
| Raza butonului | 8px |
| Raza cardului | 12px |
| Umbre | fără - margini în loc de umbre |
Inteligența artificială vă va construi site-ul web în stilul ORYZO AI și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- 21 TSI — Un gol purpuriu, o singură siluetă – un editorial de modă de înaltă clasă în care interfața utilizator se dizolvă în atmosferă
- Ysl — O imagine dintr-un film alb-negru - un model sub un singur logo, nimic altceva nu este permis
- Channel Studio — Un laborator foto de studio cu un abajur coral
- Assembly Coffee London — Cărbuni într-o prăjitoare întunecată. O pânză aproape neagră cu fotografii de produse calde, slab iluminate, și litere cursive cu serife – senzația unui meniu de cafea specială tipărit într-un samizdat de miezul nopții.
- PostNew — O galerie deschisă după orele de program și proiectată la lumina zilei
- Factory — Terminalul „camera de război” la miezul nopții. „Fabrica” este un panou de control negru, unde o singură cartelă albă aterizează ca o dispeceră luminată de o lanternă - singurul obiect din cameră este lucrarea în sine.
- Numbered — O ședință foto de modă pe catifea neagră. Un podium aproape negru, unde cadrul este umplut cu o singură față, iar singurele urme sunt cerneală albă și un fir de bronz abia perceptibil.
- Apple (España) — teatru negru cu corpuri iluminate
- Home page | Impossible Foods — Un poster punk roșu-sângeriu într-un întuneric catifelat. Un banner comprimat, personalizat, se estompează pe o pânză de culoarea vinului, în timp ce îndemnurile la acțiune de un roșu solid se strecoară ca o etichetă de preț pe un blat de măcelar.
- Ferrari — Un cavallino frenetic pe marmură neagră. Goluri negre întrerupte de inconfundabilul roșu Ferrari, litere majuscule albe și cadre cinematografice pe toată lățimea.
- OpenSea — Terminal de tranzacționare negru cu rame albastre mate
- Arthursimonini — Program de film tipărit cu cerneală neagră