ORYZO AI
Qaranlıq otaq haqqında foto esse. İsti qaranlıqda dalğalanan tənha bir obyekt, yeganə bəzək krem şriftdir.
ORYZO-nun vizual sistemi hər bir fərdi məhsul obyektini muzey əsəri kimi qəbul edir: isti, tünd tonlarda, krem rəngli şriftdə, böyük neqativ məkanda üzən və forma ilə rəqabət aparan interfeys elementlərinin tamamilə olmaması. Sistemin yeganə danışıq elementi olan 29px/400 ölçülü əsas mətn istisna olmaqla, bütün mətn elementləri 500 çəki şrifti ilə böyük hərflərlə yazılır. Tək, parlaq narıncı rəng yalnız atribut xətləri və studiya bağlantıları üçün istifadə olunur - düymələr və ya hərəkətə çağırışlar üçün heç vaxt istifadə edilmir - buna görə də nadirdir. Dizayn iki rejim arasında dəyişir: fotoqrafik qəhrəman (alətlər və materiallarla kontekstdə məhsul) və boşluq əsaslı ekran rejimi (isti, tünd fonda təcrid olunmuş məhsul), nazik, nöqtəli bölücülər və həb formalı idarəetmə elementləri ilə birləşdirilir.
Bütün səhifənin eni məhdudiyyətsizdir — maksimum en konteyneri yoxdur və hər bölmə 100vw tutur. Əsas ekran: yuxarıdan aşağıya doğru tam ekranlı bir şəkil, yuxarı sol küncdə böyük ORYZO loqosu (51px+), yuxarıda şüar, yuxarı sağ küncdə sabit minimalist naviqasiya, sağ kənarda şaquli yan panel, aşağı sol küncdə şəffaf məlumat kartı və aşağı sağ küncdə video eskizi. Sonrakı bölmələr: məhsulun mərkəzləşdirilmiş 3D render-i, sola düzülmüş başlıq və sağa düzülmüş əsas nüsxəsi ilə əhatə olunmuş tam ekranlı Walnut Shadow kətan — geniş 18px novları olan üç sütunlu şəbəkə (mətn/obyekt/mətn). Bölmələr arasında keçidlər hamar, tünd fonda tünddür; yeganə fasilələr nazik nöqtəli bölücülərdir. Naviqasiya sabit, şəffafdır, maksimum 4 elementdən ibarətdir. Yan panel, altbilgidə xrom, kartların içərisində kart yoxdur — hər ekran tək bir varlıq kimi hiss olunur.
Fotoşəkillər redaksiya xarakteri daşıyır, yuxarıdan aşağıya doğru perspektivdən və kontekstdə çəkilib: mantar altlığı yaşıl kəsmə xalçasının üzərində dayanır, ətrafı qələmlər, sənətkarlıq bıçağı və kağız sancağı ilə əhatə olunub - çərçivədə görünən sənət alətləri. Yaşıl kəsmə xalçası (#445231) yalnız ekran elementidir, UI elementi deyil. Məhsul təqdimatına həsr olunmuş bölmələrdə 3D görüntülər üstünlük təşkil edir: mantar altlığı Walnut Shadow fonunda təcrid olunmuş şəkildə göstərilir, yuxarı sağdan isti halqa işığı ilə işıqlandırılır, yuxarıdan aşağıya doğru dörddə üçə qədər dəyişən bucaqlarla. Həyat tərzi fotoşəkilləri, insanlar, stok şəkillər yoxdur - obyekt baş qəhrəmandır və alətlər onun kontekstidir. Şəkillər bütün ekranı tutur, aydın kənarları var (yuvarlaq maskalar yoxdur) və yüksək kontrast və isti rəng korreksiyası ilə işlənir.
Palitra
Neytral
- Warm Cream
#ffedd7— Tünd səthlərdə açıq mətn, tərs çevrilmiş başlıqlar və yüksək kontrastlı şəkillər. - Walnut Shadow
#100904— Səhifənin kətan hissəsi və ən dərin fonu isti, demək olar ki, qara rəngdədir, lakin təmiz qara deyil. Hər məhsul elanının arxasında bir boşluq gizlənir. - Bark Brown
#382416— Düymənin qaldırılmış səthi və doldurulmuş arxa planı kətandan bir rəng pillə yuxarıdadır və tək, davamlı hərəkətə çağırış üçün istifadə olunur. - Cork Border
#40372e— İncə ayırıcı xətlər, nöqtəli bölmə ayırıcıları, çətinliklə nəzərə çarpan konteyner sərhədləri – kətandan bir addım daha isti. - Driftwood
#6c5f51— İkinci dərəcəli arakəsmələr və solğun struktur elementləri üçün isti, orta tonlu boz rəng, Qabıq və Qaymaq arasındakı boşluğu aradan qaldırır. - Ember Accent
#dc5000— Narıncı rəng linkləri, etiketləri və qısa ifadələri vurğulamaq üçün istifadə olunur.
Tipoqrafiya
18-dən 51 pikselə qədər · 5 addım
- halyard-display-variable — əvəzetmə: Inter or Söhne · konturlar 400, 500 · Tək şrift. Başlıqlar üçün 500 çəki və 51 piksel aralıq istifadə olunur ki, bu da böyük hərflərin istifadəsində müstəsna inam nümayiş etdirir; 400/29 piksel aralıq ilə eyni şrift qarışıq registr istifadə edilərək əsas mətn üçün yeganə şrift olur. Hərf aralığı standart olaraq qalır - həndəsi formalar sıxılmadan öz işini görür. Daha yaxın struktur uyğunluğu üçün 'Inter', 'Söhne' və ya 'Neue Haas Grotesk' istifadə edə bilərsiniz.
- Arial — əvəzetmə: system-ui · konturlar 400, 500 · Mikrohüquqi etiketlər üçün sistem miqyaslı ehtiyat ehtiyat (8 piksel böyük hərflərlə, məsələn, "* ADOBE ILLUSTRATOR"). Bu, dizayn qərarı deyil, avtomatik olaraq yaradılan sistem imtinaları üçün tələbdir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 18px |
| Düymə radiusu | 8px |
| Kart radiusu | 12px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
Süni intellekt veb saytınızı ORYZO AI üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- 21 TSI — Qırmızımtıl boşluq, tək bir siluet – istifadəçi interfeysinin atmosferə hopduğu yüksək moda redaksiyası
- Ysl — Ağ-qara filmdən bir kadr - bir loqo altında bir model, başqa heç nəyə icazə verilmir
- Channel Studio — Bir mərcan abajurlu studiya fotolaboratoriyası
- Assembly Coffee London — Qaranlıq qovurma sexində kömürlər. İsti, zəif işıqlandırılmış məhsul fotoşəkilləri və kursiv serif yazıları olan demək olar ki, qara kətan — gecə yarısı samizdatda çap olunmuş xüsusi qəhvə menyusunun hissi.
- PostNew — Gündüz işığında dizayn edilmiş və iş saatlarından sonra açıq olan qalereya
- Factory — Gecəyarısı "müharibə otağı" terminalı. "Fabrik" qara rəngli idarəetmə panelidir, burada tək bir ağ kart fənərlə işıqlandırılmış mesaj kimi düşür — otaqdakı yeganə obyekt əsərin özüdür.
- Numbered — Qara məxmər üzərində dəbli fotosessiya. Çərçivənin tək bir üzlə dolu olduğu, yalnız izləri ağ mürəkkəb və güclə hiss olunan bürünc sapdan ibarət olduğu, demək olar ki, qara rəngli podium.
- Apple (España) — işıqlı armaturları olan qara teatr
- Home page | Impossible Foods — Məxmər qaranlıqda qan qırmızı pank afişası. Xüsusi hazırlanmış, sıxılmış banner şərab rəngli kətan üzərində bulanıq görünür, qırmızı rəngli çağırışlar isə qəssab dükanının üzərindəki qiymət etiketi kimi görünür.
- Ferrari — Qara mərmər üzərində coşğun bir kavallino. Qara boşluqlar qırmızı, ağ böyük hərflər və tam enli kinematoqrafik kadrlarla kəsilir.
- OpenSea — Mat mavi çərçivəli qara ticarət terminalı
- Arthursimonini — Film proqramı qara mürəkkəblə çap olunub