Prosedürel Shader Galerisi

Prosedürel shader kahraman bölümü ve ayrıntı sayfalarını açan, üzerine gelindiğinde açığa çıkan büyük bir indekse sahip sinematik ürün galerisi. Kendi sitenizi oluşturmak için istemi kopyalayın.

Loading preview...
Bu istemle başlayın

Shader odaklı sinematik bir ürün galerisi oluşturun

Kahve Markasına Dönüştürme

Galeriyi özel kahve serisi etrafında yeniden temalandırın.

Kimi Build'i deneyin
Kurgusal bir elektrikli araç markası olan Nexus Automotive için sinematik bir showroom web sitesi oluşturun. Kahraman bölümünde, iki satır büyük puntolu serif yazı ve kısa bir sloganın arkasında, gerçek zamanlı akan ışıklardan oluşan tam ekran prosedürel bir fragment shader yer alsın; kaydırdıkça bunu marka manifestosu bölümü izlesin. Ana bölüm, büyük tipografik satırlar halinde listelenen dört araçtan (amiral gemisi sedan, uzun yol SUV'si, yüksek performanslı süperspor otomobil ve kompakt şehir otomobili) oluşan bir model indeksi olsun. Bir satırın üzerine gelindiğinde o aracın görseli listenin yanında gösterilsin ve diğer girişler soluklaşsın; tıklandığında ise konumlandırma sunumu ve üç metin bölümü (tasarım, kabin, performans) içeren, ayrıca listeye geri dönüş bağlantısı bulunan özel bir ayrıntı sayfası açılsın. Marka deneyimine yönelik bir video bölümü ve deneyim merkezi adresiyle çalışma saatlerini içeren bir iletişim alt bilgisi ekleyin. Renk paletini neredeyse monokrom tutun, serif bir display yazı tipini mono bir etiket yazı tipiyle eşleştirin ve yumuşak kaydırma, hafif paralaks ile belirme geçişleri kullanın. Tarayıcıda doğrudan çalışan statik bir site sunun — kaydırma, üzerine gelince açığa çıkma efektleri ve sayfa geçişleri gerçekten çalışmalıdır. Örneklerdeki içeriği özel bir kahve markasıyla değiştirin: beş ürün serisi, beş tek kökenli kahve çekirdeğine dönüşsün; shader kahraman bölümü sıcak kahverengi buhar ve kahve çekirdeği parçacıklarına geçsin; her ayrıntı sayfasına da köken, işleme yöntemi, lezzet notları ve demleme ipuçları eklensin. 
İletişim Formu Ekle

Ayrıntı sayfalarının altına bir iletişim formu ekleyin.

Kimi Build'i deneyin
Kurgusal bir elektrikli araç markası olan Nexus Automotive için sinematik bir showroom web sitesi oluşturun. Kahraman bölümünde, iki satır büyük puntolu serif yazı ve kısa bir sloganın arkasında, gerçek zamanlı akan ışıklardan oluşan tam ekran prosedürel bir fragment shader yer alsın; kaydırdıkça bunu marka manifestosu bölümü izlesin. Ana bölüm, büyük tipografik satırlar halinde listelenen dört araçtan (amiral gemisi sedan, uzun yol SUV'si, yüksek performanslı süperspor otomobil ve kompakt şehir otomobili) oluşan bir model indeksi olsun. Bir satırın üzerine gelindiğinde o aracın görseli listenin yanında gösterilsin ve diğer girişler soluklaşsın; tıklandığında ise konumlandırma sunumu ve üç metin bölümü (tasarım, kabin, performans) içeren, ayrıca listeye geri dönüş bağlantısı bulunan özel bir ayrıntı sayfası açılsın. Marka deneyimine yönelik bir video bölümü ve deneyim merkezi adresiyle çalışma saatlerini içeren bir iletişim alt bilgisi ekleyin. Renk paletini neredeyse monokrom tutun, serif bir display yazı tipini mono bir etiket yazı tipiyle eşleştirin ve yumuşak kaydırma, hafif paralaks ile belirme geçişleri kullanın. Tarayıcıda doğrudan çalışan statik bir site sunun — kaydırma, üzerine gelince açığa çıkma efektleri ve sayfa geçişleri gerçekten çalışmalıdır. Her ayrıntı sayfasının altına ad, e-posta ve mesaj alanları içeren, gönderildiğinde başarı durumunu gösteren bir iletişim formu ekleyin. Gezinme çubuğuna, forma yumuşakça kaydıran sabit bir "Bilgi Al" düğmesi ekleyin. 
İngilizce Sürüm

Yurt dışındaki ziyaretçiler için tüm metinleri İngilizceye çevirin.

Kimi Build'i deneyin
Kurgusal bir elektrikli araç markası olan Nexus Automotive için sinematik bir showroom web sitesi oluşturun. Kahraman bölümünde, iki satır büyük puntolu serif yazı ve kısa bir sloganın arkasında, gerçek zamanlı akan ışıklardan oluşan tam ekran prosedürel bir fragment shader yer alsın; kaydırdıkça bunu marka manifestosu bölümü izlesin. Ana bölüm, büyük tipografik satırlar halinde listelenen dört araçtan (amiral gemisi sedan, uzun yol SUV'si, yüksek performanslı süperspor otomobil ve kompakt şehir otomobili) oluşan bir model indeksi olsun. Bir satırın üzerine gelindiğinde o aracın görseli listenin yanında gösterilsin ve diğer girişler soluklaşsın; tıklandığında ise konumlandırma sunumu ve üç metin bölümü (tasarım, kabin, performans) içeren, ayrıca listeye geri dönüş bağlantısı bulunan özel bir ayrıntı sayfası açılsın. Marka deneyimine yönelik bir video bölümü ve deneyim merkezi adresiyle çalışma saatlerini içeren bir iletişim alt bilgisi ekleyin. Renk paletini neredeyse monokrom tutun, serif bir display yazı tipini mono bir etiket yazı tipiyle eşleştirin ve yumuşak kaydırma, hafif paralaks ile belirme geçişleri kullanın. Tarayıcıda doğrudan çalışan statik bir site sunun — kaydırma, üzerine gelince açığa çıkma efektleri ve sayfa geçişleri gerçekten çalışmalıdır. Büyük indeks, ayrıntı sayfası gövde metinleri ve gezinme dâhil tüm site metinlerini İngilizceye çevirin. Shader görsellerini ve üzerine gelme etkileşimlerini değiştirmeden, yazı boyutlarıyla satır yüksekliklerini İngilizce için yeniden ayarlayın.