ORYZO AI
Bir karanlık odayı konu alan fotoğraf denemesi. Sıcak karanlığın içinde tek başına duran bir obje, tek dekorasyonu krem rengi yazı tipi.
ORYZO'nun görsel sistemi, her bir ürün nesnesini bir müze parçası gibi ele alıyor: sıcak, koyu tonlarda bir tuval, geniş negatif alanda yüzen kremsi yazı tipi ve formla rekabet eden arayüz öğelerinin tamamen yokluğu. Tüm metin öğeleri, sistemin tek konuşma öğesi olan 29px/400 boyutundaki gövde metni hariç, 500 ağırlığında bir yazı tipiyle büyük harflerle yazılmıştır. Tek bir parlak turuncu renk, yalnızca atıf satırları ve stüdyo bağlantıları için kullanılır; asla düğmeler veya harekete geçirici mesajlar için kullanılmaz; bu nedenle nadirdir. Düzen, iki mod arasında geçiş yapar: fotoğrafik bir kahraman (ürün, araçlar ve malzemelerle birlikte bağlam içinde) ve boşluk tabanlı bir görüntüleme modu (ürün, sıcak, koyu bir arka plana karşı izole edilmiş), ince, noktalı ayırıcılar ve hap şeklinde kontrollerle birbirine bağlanır.
Sayfanın genişliği sınırsızdır; maksimum genişlik sınırlaması yoktur ve her bölüm 100vw yer kaplar. Ana ekran: Sol üst köşede devasa bir ORYZO logosu (51px+), üstte bir slogan, sağ üst köşede sabit minimalist bir navigasyon, sağ kenar boyunca dikey bir kenar çubuğu, sol alt köşede yarı saydam bir bilgi kartı ve sağ alt köşede bir video küçük resmi bulunan, yukarıdan aşağıya tam ekran bir fotoğraf. Sonraki bölümler: Solda hizalanmış başlık ve sağda hizalanmış gövde metniyle çevrili, ürünün ortalanmış 3B render görüntüsüne sahip tam ekran bir Ceviz Gölgesi tuvali; 18px genişliğinde boşluklara sahip üç sütunlu bir ızgara (metin/nesne/metin). Bölümler arasındaki geçişler yumuşak, koyu bir arka plan üzerinde koyu renktedir; tek kırılmalar ince noktalı ayırıcılarla sağlanır. Navigasyon sabit, şeffaf ve en fazla 4 öğeden oluşur. Kenar çubuğu yok, altbilgide krom yok, kart içinde kart yok; her ekran tek bir varlık gibi hissettiriyor.
Fotoğraflar editoryal nitelikte olup, yukarıdan aşağıya bir perspektiften ve bağlam içinde çekilmiştir: yeşil bir kesme matının üzerinde bir mantar altlık, etrafında kalemler, bir maket bıçağı ve bir ataş – kadrajda görünen meslek araçları – bulunmaktadır. Yeşil kesme matı (#445231) yalnızca bir görüntüleme öğesidir, bir kullanıcı arayüzü öğesi değildir. Ürün sunumuna ayrılan bölümlerde 3D render'lar hakimdir: mantar altlık, ceviz gölgesi arka planına karşı izole edilmiş olarak, sağ üstten sıcak bir kenar ışığıyla aydınlatılmış ve yukarıdan aşağıya ve üç çeyrek açılardan değişen açılarla gösterilmiştir. Yaşam tarzı fotoğrafları, insanlar, stok görseller yok – nesne baş kahraman, araçlar ise bağlamı oluşturuyor. Görüntüler tüm ekranı kaplıyor, keskin kenarlara sahip (yuvarlak maskeler yok) ve yüksek kontrast ve sıcak renk düzeltmesiyle işlenmiştir.
Palet
Doğal
- Warm Cream
#ffedd7— Koyu yüzeyler üzerinde açık renkli metin, ters çevrilmiş altyazılar ve yüksek kontrastlı görüntüler. - Walnut Shadow
#100904— Sayfanın tuvali ve en koyu arka planı sıcak, neredeyse siyah, ama tam siyah değil. Her ürün duyurusunun ardında bir boşluk gizleniyor. - Bark Brown
#382416— Düğmenin kabartmalı yüzeyi ve dolgulu arka planı, tuvalin bir renk tonu üstünde olup, tek ve sürekli bir eylem çağrısı için kullanılır. - Cork Border
#40372e— İnce bölme çizgileri, noktalı bölüm ayırıcılar, neredeyse fark edilmeyen konteyner kenarları – tuvalin kendisinden bir adım daha sıcak. - Driftwood
#6c5f51— İkincil bölmeler ve sade yapısal unsurlar için sıcak, orta tonlu bir gri olan bu renk, Bark ve Cream renkleri arasındaki boşluğu dolduruyor. - Ember Accent
#dc5000— Turuncu renk, bağlantıları, etiketleri ve kısa ifadeleri vurgulamak için kullanılır.
Tipografi
18 ila 51 piksel arası · 5 adım
- halyard-display-variable — yenisiyle değiştirme: Inter or Söhne · ana hatlar 400, 500 · Tek bir yazı tipi. Başlıklar için 51 piksel aralıklı 500 kalınlık kullanılmıştır; bu da büyük harflerin kullanımında olağanüstü bir güveni göstermektedir. Aynı yazı tipi, 400/29 piksel aralıkla gövde metni için tek yazı tipi haline gelir ve büyük ve küçük harfler karışık olarak kullanılır. Harf aralığı standart kalır; geometrik şekiller sıkıştırma olmadan görevlerini yerine getirir. Daha yakın bir yapısal eşleşme için 'Inter', 'Söhne' veya 'Neue Haas Grotesk' yazı tiplerini kullanabilirsiniz.
- Arial — yenisiyle değiştirme: system-ui · ana hatlar 400, 500 · Mikro yasal etiketler (8 piksel büyük harfler, örneğin "* ADOBE ILLUSTRATOR") için sistem genelinde bir yedekleme. Bu bir tasarım kararı değil, otomatik olarak oluşturulan sistem uyarıları için bir gerekliliktir.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 18px |
| Düğme yarıçapı | 8px |
| Kart yarıçapı | 12px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
Yapay zeka, web sitenizi ORYZO AI tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- 21 TSI — Kırmızı bir boşluk, tek bir silüet – kullanıcı arayüzünün atmosferle bütünleştiği yüksek moda bir çekim.
- Ysl — Siyah beyaz bir filmden bir kare - tek bir logo altında tek bir model, başka hiçbir şeye izin verilmiyor.
- Channel Studio — Mercan rengi bir abajuru olan stüdyo fotoğraf laboratuvarı.
- Assembly Coffee London — Karanlık bir kavurma fırınındaki kömürler. Sıcak, loş ışıklı ürün fotoğrafları ve el yazısı serif harflerle yazılmış, neredeyse siyah bir zemin; gece yarısı basılmış bir samizdat özel kahve menüsünü andırıyor.
- PostNew — Gündüz vakti tasarlanmış ve mesai saatleri dışında da açık olan bir galeri.
- Factory — Gece yarısı "savaş odası" terminali. "Fabrika", tek bir beyaz kartın el feneriyle aydınlatılmış bir emir gibi düştüğü simsiyah bir kontrol paneli; odadaki tek nesne işin kendisi.
- Numbered — Siyah kadife üzerinde bir moda çekimi. Neredeyse simsiyah bir podyum, kadrajı tek bir yüzün doldurduğu, tek izlerin beyaz mürekkep ve zar zor fark edilebilen bronz bir iplik olduğu bir alan.
- Apple (España) — Aydınlatmalı siyah tiyatro
- Home page | Impossible Foods — Kadifemsi karanlıkta kan kırmızısı bir punk posteri. Özel olarak tasarlanmış, sıkıştırılmış bir afiş, şarap rengi bir zemin üzerinde bulanık bir şekilde belirirken, koyu kırmızı eylem çağrıları bir kasap tezgahındaki fiyat etiketi gibi göze çarpıyor.
- Ferrari — Siyah mermer üzerinde çılgın bir atlı araba. Siyah boşluklar, Ferrari'nin ayırt edici kırmızısı, beyaz büyük harfler ve tam genişlikte sinematik çekimlerle kesintiye uğruyor.
- OpenSea — Mat mavi çerçeveli siyah işlem terminali
- Arthursimonini — Film programı siyah mürekkeple basılmıştır.