ORYZO AI
Garaňky otag barada surat oçerk. Ýyly garaňkylykda aýlanyp ýören ýekeje obýekt, krem reňkli şrift ýeke-täk bezeg.
ORYZO-nyň wizual ulgamy her bir önüm obýektini muzeý eseri hökmünde kabul edýär: ýyly, garaňky reňkli tuwal, uly negatiw giňişlikde ýüzýän krem reňkli şrift we forma bilen bäsleşýän interfeýs elementleriniň düýbünden ýoklugy. Ähli tekst elementleri 500 agramlyk şrift bilen uly harplar bilen ýazylýar, ulgamyň ýeke-täk gepleşik elementi bolan 29px/400 ölçegli esasy nusgadan başga. Ýeke, ýagty mämişi reňk diňe atribut setirleri we studiýa baglanyşyklary üçin ulanylýar - hiç haçan düwmeler ýa-da herekete çagyryşlar üçin däl - şonuň üçin ol seýrek duş gelýär. Düzüm iki režimiň arasynda üýtgeýär: fotosurat gahrymany (gurallar we materiallar bilen kontekstde önüm) we boşluk esasynda görkezilýän görnüş režimi (ýyly, garaňky fonda izolýasiýa edilen önüm), inçe, nokatly bölüjiler we tabletka şekilli dolandyryş elementleri bilen baglanyşykly.
Bütin sahypanyň giňligi çäksiz — iň ýokary giňlikli konteýner ýok we her bölüm 100vw tutýar. Baş sahypa: ýokarky çep burçda ägirt uly ORYZO logotipi (51px+), ýokarda şygar, ýokarky sag burçda üýtgewsiz minimalist nawigasiýa, sag gyrada dik gapdal panel, aşaky çep burçda şeffaf maglumat karty we aşaky sag burçda wideo miniatýurasy bolan ýokardan aşak doly ekranly surat. Indiki bölümler: çep tarapa deňleşdirilen at we sag tarapa deňleşdirilen esasy nusga bilen gurşalan önümiň merkezleşdirilen 3D renderi bolan doly ekranly Walnut Shadow kanwasy — giň 18px oýuklary bolan üç sütünli tor (tekst/obýekt/tekst). Bölümleriň arasyndaky geçişler ýumşak, garaňky fonda garaňky; ýeke-täk arakesmeler inçe nokatly bölüjilerdir. Nawigasiýa üýtgewsiz, açyk, iň köp 4 element bilen. Gapdal panel, aşaky bölümde hrom ýok, kartlaryň içinde kart ýok — her ekran ýeke-täk bir zat ýaly duýulýar.
Suratlar redaksiýa häsiýetine eýedir, ýokardan aşaky nukdaýnazardan we kontekstde düşürilen: mantar astary ýaşyl kesiş matasynyň üstünde ýerleşýär, onuň daş-töweregi galamlar, senet pyçagy we kagyz gysgyç bilen gurşalandyr - kadrda görünýän hünär gurallary. Ýaşyl kesiş mata (#445231) diňe displeý elementidir, UI elementi däl. Önümiň görkezilişine bagyşlanan bölümlerde 3D şekillendirmeler agdyklyk edýär: mantar astary Walnut Shadow fonunda aýry görkezilýär, ýokarky sag tarapdan ýyly gyra çyrasy bilen ýagtylandyrylýar, ýokardan aşaky üç çärýek bölegine çenli üýtgeýän burçlar bilen. Durmuş suratlary, adamlar, stok suratlary ýok - obýekt esasy gahryman, gurallar bolsa onuň konteksti. Suratlar tutuş ekrany eýeleýär, aýdyň gyralary bar (tegelek maskalar ýok) we ýokary kontrast we ýyly reňk düzedişi bilen işlenip düzülýär.
Palitra
Neýtral
- Warm Cream
#ffedd7— Garaňky ýüzlerdäki açyk tekst, tersine ýazylan ýazgylar we ýokary kontrastly suratlar. - Walnut Shadow
#100904— Sahypanyň tuwaly we iň çuň fony ýyly, diýen ýaly gara reňkde, ýöne arassa gara däl. Her bir önüm bildirişiniň arkasynda boşluk gizlenýär. - Bark Brown
#382416— Düwmäniň galdyrylan ýüzi we doldurylan fony tuwaldan bir reňkli ädim ýokarda ýerleşýär we ýeke-täk, üznüksiz herekete çagyryş üçin ulanylýar. - Cork Border
#40372e— Inçe bölüji çyzyklar, nokatly bölüjiler, gaty göze ilýän gap çäkleri – tuwalyň özünden bir ädim ýylyrak. - Driftwood
#6c5f51— Ikinji derejeli bölümler we ýumşak gurluş elementleri üçin ýyly, orta reňkli çal reňk, ol Bark we Cream reňkleriniň arasyndaky boşlugy doldurýar. - Ember Accent
#dc5000— Mämişi reňk baglanyşyklary, tegleri we gysga sözlemleri bellemek üçin ulanylýar.
Tipografiýa
18-den 51 piksele çenli · 5 ädim
- halyard-display-variable — çalyşmak: Inter or Söhne · konturlar 400, 500 · Ýeke şrift. Baş harplar üçin 51 piksel aralykly 500 agramy ulanylýar, bu bolsa uly harplaryň ulanylyşynda aýratyn ynamlylygy görkezýär; 400/29 piksel aralykly şol bir şrift garyşyk registrleri ulanyp, esasy tekst üçin ýeke-täk şrift bolýar. Harp aralygy standart bolmagynda galýar - geometrik şekiller öz işini gysyşsyz ýerine ýetirýär. Has ýakyn gurluş gabat gelmegi üçin "Inter", "Söhne" ýa-da "Neue Haas Grotesk" ulanyp bilersiňiz.
- Arial — çalyşmak: system-ui · konturlar 400, 500 · Mikroýuridiki ýazgylar üçin ulgam boýunça ätiýaçlyk nusga (8px uly harplar, mysal üçin, "* ADOBE ILLUSTRATOR"). Bu dizaýn çözgüdi däl, eýsem awtomatiki usulda döredilýän ulgam jogapkärçilikden boýun gaçyrmalar üçin talapdyr.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 18px |
| Düwme radiusy | 8px |
| Kart radiusy | 12px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
Süni intellekt web sahypaňyzy ORYZO AI stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- 21 TSI — Gyzyl boşluk, ýekeje siluet – ulanyjy interfeýsi atmosfera bilen garyşyp gidýän ýokary moda redaksiýasy
- Ysl — Gara-ak filmden bir kadr - bir logotipiň aşagynda bir model, başga hiç zada rugsat berilmeýär
- Channel Studio — Bir mercan abajurly studiýa fotolaboratoriýasy
- Assembly Coffee London — Garaňky bişiriji zawodyndaky kömürler. Ýyly, garaňky yşyklandyrylan önümleriň suratlary we kursiw serif harplary bolan diýen ýaly gara reňkli tuwal — ýary gijeki samizdatda çap edilen ýörite kofe menýusynyň duýgusy.
- PostNew — Gündizki wagtda dizaýn edilen we iş wagtyndan soň açyk galereýa
- Factory — Gije gijesindäki "uruş otagy" terminaly. "Fabrik" gara reňkli dolandyryş paneli bolup, ol ýerde ýekeje ak kartoçka fonar yşyklandyrylan habar beriş gullugy ýaly düşýär - otagdaky ýeke-täk zat işiň özi.
- Numbered — Gara mahmalda moda surata düşürilen surat. Tas gara podium, onuň çarçuwasy ýekeje ýüz bilen doldurylan, diňe ak syýa we duýulmaýan bürünç sapakdan ybarat.
- Apple (España) — yşyklandyrylan armaturaly gara teatr
- Home page | Impossible Foods — Mahmal garaňkylygynda gan-gyzyl pank plakaty. Şerap reňkli matada ýörite dizaýn edilen, gysylan banner görünýär, şol bir wagtyň özünde gyzyl reňkli çagyryşlar gassap dükanynyň üstündäki baha ýaly görünýär.
- Ferrari — Gara mermeriň üstünde gyzgyn kawallino. Gara boşluklar ýalňyşsyz "Ferrari"-niň gyzyl, ak baş harplar we giňlikdäki kinematografik kadrlar bilen bölünýär.
- OpenSea — Gara söwda terminaly, mat gök çarçuwaly çarçuwaly
- Arthursimonini — Gara syýa bilen çap edilen film programmasy