ORYZO AI
Qorong'u xona haqida fotoinsho. Iliq zulmatda suzib yurgan yolg'iz buyum, krem rangli shrift esa yagona bezak.
ORYZO vizual tizimi har bir alohida mahsulot obyektini muzey asari sifatida ko'rib chiqadi: issiq, to'q tusdagi, kremsi rangli shriftdagi kanvas katta salbiy bo'shliqda suzib yuradi va shakl bilan raqobatlashadigan interfeys elementlarining to'liq yo'qligi. Barcha matn elementlari 500 og'irlikdagi shrift bilan katta harflar bilan yozilgan, tizimning yagona suhbat elementi bo'lgan 29px/400 o'lchamdagi asosiy nusxa bundan mustasno. Yagona, yorqin to'q sariq rang faqat atribut chiziqlari va studiya havolalari uchun ishlatiladi - hech qachon tugmalar yoki harakatga chaqiruvlar uchun emas - shuning uchun u noyobdir. Joylashuv ikkita rejim o'rtasida almashinadi: fotosurat qahramoni (asboblar va materiallar bilan kontekstdagi mahsulot) va bo'shliqqa asoslangan displey rejimi (iliq, to'q fonda izolyatsiya qilingan mahsulot), ingichka, nuqtali bo'lgichlar va tabletka shaklidagi boshqaruv elementlari bilan bog'langan.
Butun sahifa kengligi cheksiz — maksimal kenglikdagi konteyner yo'q va har bir bo'lim 100vw ni egallaydi. Bosh ekran: yuqoridan pastgacha to'liq ekranli fotosurat, yuqori chap burchakda ulkan ORYZO logotipi (51px+), yuqori shior, yuqori o'ng burchakda o'rnatilgan minimalist navigatsiya, o'ng chekkada vertikal yon panel, pastki chap burchakda shaffof ma'lumot kartasi va pastki o'ng burchakda video eskiz. Keyingi bo'limlar: chapga tekislangan sarlavha va o'ngga tekislangan asosiy nusxa bilan o'ralgan, mahsulotning markazlashtirilgan 3D renderiga ega to'liq ekranli Walnut Shadow kanvasi — keng 18px oluklarga ega uch ustunli panjara (matn/ob'ekt/matn). Bo'limlar orasidagi o'tishlar silliq, qorong'i fonda qorong'i; faqat uzilishlar ingichka nuqtali bo'lgichlardir. Navigatsiya o'rnatilgan, shaffof, maksimal 4 ta element bilan. Yon panel, pastki qismda xrom yo'q, kartalar ichida kartalar yo'q — har bir ekran bitta obyekt kabi his qilinadi.
Suratlar tahririyat xarakteriga ega bo'lib, yuqoridan pastga va kontekstda suratga olingan: mantarli taglik yashil kesish gilamchasida joylashgan bo'lib, uning atrofida qalamlar, qo'l san'ati pichog'i va qog'oz qisqich - ramkada ko'rinadigan hunarmandchilik asboblari joylashgan. Yashil kesish gilamchasi (#445231) faqat displey elementi bo'lib, UI elementi emas. Mahsulot taqdimotiga bag'ishlangan bo'limlarda 3D tasvirlar ustunlik qiladi: mantarli taglik Walnut Shadow fonida izolyatsiya qilingan holda ko'rsatilgan, yuqori o'ng tomondan iliq chekka chiroq bilan yoritilgan, yuqoridan pastga uchdan to'rtgacha o'zgaruvchan burchaklar bilan. Turmush tarzi fotosuratlari, odamlar, stok tasvirlari yo'q - obyekt bosh qahramon, asboblar esa uning kontekstidir. Tasvirlar butun ekranni egallaydi, aniq qirralarga ega (yumaloq niqoblar yo'q) va yuqori kontrast va iliq ranglarni tuzatish bilan ishlov berilgan.
Palitra
Neytral
- Warm Cream
#ffedd7— Qorong'u yuzalardagi och matn, teskari sarlavhalar va yuqori kontrastli tasvirlar. - Walnut Shadow
#100904— Sahifaning tuvali va eng chuqur foni iliq, deyarli qora, ammo sof qora emas. Har bir mahsulot e'lonining orqasida bo'shliq yashiringan. - Bark Brown
#382416— Tugmaning ko'tarilgan yuzasi va to'ldirilgan foni tuvaldan bir rangli qadam yuqorida joylashgan bo'lib, bitta, uzluksiz harakatga chaqiruv uchun ishlatiladi. - Cork Border
#40372e— Nozik ajratuvchi chiziqlar, nuqtali bo'lak ajratgichlar, deyarli sezilmaydigan konteyner chegaralari – tuvalning o'ziga qaraganda bir qadam iliqroq. - Driftwood
#6c5f51— Ikkilamchi bo'linmalar va xira strukturaviy elementlar uchun issiq, o'rta tusli kulrang, u Bark va Cream o'rtasidagi bo'shliqni to'ldiradi. - Ember Accent
#dc5000— Apelsin rangi havolalar, teglar va qisqa iboralarni ta'kidlash uchun ishlatiladi.
Tipografiya
18 dan 51 pikselgacha · 5 qadam
- halyard-display-variable — almashtirish: Inter or Söhne · konturlar 400, 500 · Bitta shrift. Sarlavhalar uchun 51 pikselli 500 og'irlikdagi shrift ishlatiladi, bu bosh harflardan foydalanishda o'ziga xos ishonchni namoyish etadi; aralash katta-kichik registrlardan foydalangan holda asosiy matn uchun 400/29 pikselli bir xil shrift yagona shriftga aylanadi. Harflar oralig'i standart bo'lib qolmoqda - geometrik shakllar o'z vazifasini siqmasdan bajaradi. Strukturaviy moslikni yaqinroq qilish uchun siz "Inter", "Söhne" yoki "Neue Haas Grotesk" dan foydalanishingiz mumkin.
- Arial — almashtirish: system-ui · konturlar 400, 500 · Mikrohuquqiy yorliqlar uchun tizim bo'ylab zaxira nusxasi (8 piksel katta harflar, masalan, "* ADOBE ILLUSTRATOR"). Bu dizayn qarori emas, balki avtomatik ravishda yaratilgan tizim ogohlantirishlari uchun talab.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | o'rtacha |
| Asosiy qadam | 18px |
| Tugma radiusi | 8px |
| Karta radiusi | 12px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
Sun'iy intellekt veb-saytingizni ORYZO AI uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- 21 TSI — Qip-qizil bo'shliq, bitta siluet – foydalanuvchi interfeysi atmosferaga singib ketgan yuqori moda tahririyati
- Ysl — Qora va oq filmdan olingan kadr - bitta logotip ostida bitta model, boshqa hech narsaga ruxsat berilmaydi
- Channel Studio — Bitta marjon abajurli studiya fotolaboratori
- Assembly Coffee London — Qorong'u qovurish zavodidagi ko'mirlar. Issiq, xira yoritilgan mahsulot fotosuratlari va kursiv serif yozuvlari tushirilgan deyarli qora tuval — yarim tunda samizdatda bosilgan maxsus kofe menyusining tuyg'usi.
- PostNew — Kunduzi loyihalashtirilgan va ish vaqtidan tashqari ochiq galereya
- Factory — Yarim tunda "urush xonasi" terminali. "Zavod" - bu qora boshqaruv paneli bo'lib, u yerga bitta oq kartochka xuddi chiroq yonib turgan xabarnoma kabi tushadi - xonadagi yagona narsa - bu ishning o'zi.
- Numbered — Qora baxmalda moda fotosessiyasi. Deyarli qora podium, unda ramka bitta yuz bilan to'ldirilgan va faqat oq siyoh va zo'rg'a seziladigan bronza ip izlari qolgan.
- Apple (España) — yoritilgan armatura bilan qora teatr
- Home page | Impossible Foods — Baxmal zulmatda qon-qizil pank uslubidagi plakat. Maxsus dizayndagi, siqilgan banner sharob rangidagi kanvas ustida xira ko'rinib turibdi, qizil rangli chaqiriqlar esa qassob do'konidagi narx yorlig'i kabi ichkaridan o'tib ketmoqda.
- Ferrari — Qora marmar ustidagi shiddatli kavallino. Qora bo'shliqlar qizil, oq bosh harflar va to'liq kenglikdagi kinematografik kadrlar bilan ajralib turadi.
- OpenSea — Moviy rangli ramkali qora savdo terminali
- Arthursimonini — Qora siyohda bosilgan film dasturi