M.AIM.AISoloLabsTam sayfa örneği · liquid glass← Stil detayı
STİL DEĞİŞTİR →
Minimalizm / minimalismDüz Tasarım / flat designCam Efekti / glassmorphismYumuşak Kabartma / neumorphismNeo-Brütalizm / neubrutalismWeb Brütalizmi / web brutalismKil Efekti / claymorphismGerçekçi Taklit / skeuomorphismY2K Estetiği / Y2K digital aestheticFrutiger Aero / frutiger aeroSıvı Cam / liquid glassEv Yapımı Web / vernacular web

Aynı sayfa, Sıvı Cam stiliyle

Aşağıdaki landing'in metni, yerleşimi ve HTML'i 12 stilde birebir aynı — sadece stil token'ları değişiyor. Yukarıdaki şeritten stil atlayarak farkı kendi gözünle gör: stil, içerikten bağımsız bir karardır.

Randevu yazılımı

Takvimin kendi kendini doldursun.

Müşteri linke tıklar, boş saati görür, randevusunu alır. Hatırlatma otomatik gider, kapora istersen tahsil edilir. Sen sadece işini yaparsın.

Kart istemiyoruz · 14 gün deneme · istediğin an sil

1
Otomatik hatırlatma

Randevudan 24 saat önce mesaj gider. Gelmeyen müşteri sayısı kendiliğinden düşer.

2
Tek ekranda takvim

Bütün çalışanların günü aynı ekranda. Çift kayıt ve çakışma olmaz.

3
Kapora linki

Randevuyu onaylarken ödeme linki gönder; para gelince takvim kesinleşir.

12.400
aylık randevu
%38
daha az boş koltuk
4,9
kullanıcı puanı
Sık sorulanlar
Kurulumu ne kadar sürer?+

Hesabı açtıktan sonra çalışma saatlerini ve hizmet listesini giriyorsun; ortalama 20 dakika. Mevcut randevularını tablodan içeri aktarabilirsin.

Müşterilerim uygulama indirecek mi?+

Hayır. Onlara giden link tarayıcıda açılır; randevu alma, erteleme ve iptal aynı sayfadan yapılır.

Kapora zorunlu mu?+

Değil. Hizmet bazında açıp kapatabilirsin — sadece ilk randevuda kapora isteyen işletmeler de var.

Vazgeçersem verilerim ne olur?+

Randevu ve müşteri listeni tek tuşla tablo olarak indirirsin; hesabı kapatınca kayıtlar 30 gün içinde silinir.

Bugün kur, yarın dolsun.

İlk randevunu 20 dakikada alabilir hâle gelirsin. Beğenmezsen tek tuşla çıkarsın.

© 2026 Vira · örnek şablondur, gerçek bir ürün değildirGizlilik · Koşullar · İletişim
BU SAYFA HANGİ PARÇALARDAN KURULU

Yukarıdaki landing, UI Sözlüğü'ndeki parçalardan kurulu. Aynı parçaların 12 stilde nasıl değiştiğini görmek, iki sözlüğü birleştiren yerdir: stil parçayı değiştirmez, giydirir.

Üst çubukVitrinKartAkordeonEylem çağrısıForm alanıAlt bilgi

BU STİLİ AJANINA NASIL SÖYLERSİN
Yüzeyi Apple'ın Liquid Glass dilinde kur. Önce MİMARİ: arayüzü iki katmana ayır — altta kaydırılan, OPAK içerik katmanı; üstte yüzen kontrol ve gezinme katmanı. Cam yalnızca üstteki katmanın malzemesidir. Belirleyici sinyaller: kenarlarda mercek gibi kırılma (altındaki içerik camın kenarı boyunca hafifçe eğilir — sadece blur uygularsan buzlu cam olur, sıvı cam değil); malzemenin altındaki içeriğe göre kendi tonunu açığa ya da koyuya kaydırması; kapsüle yaklaşan yüksek yarıçaplı kontroller; kenar boyunca camın kalınlığını gösteren ince parlak çizgi; dokunuşa esneyip birleşen akışkan hareket. CSS ile taklit edeceksen: yüksek blur (22-28px) + rgba(255,255,255,0.08) + üst kenarda 1px parlak beyaz highlight + 999px köşe kontrollerde; ama mümkünse platformun kendi malzemesini kullan, uyarlanabilir tonlama oradan gelir. Glassmorphism'e KAYMA: ayırt edici fark, buradaki camın yalnızca kontrol katmanına ayrılmış olmasıdır — cam üstüne cam yığmak glassmorphism'de imzadır, burada sistemin kaçınmanı söylediği hatadır. Erişilebilirlik şartları: reduced-motion açıkken akışkan animasyonları sadeleştir; saydamlığı azalt tercihinde malzemeyi opaklaştır; kapsül kontrollerde 44pt dokunma hedefini koru.

Blur maliyetlidir; katman sayısını sınırla, düşük cihazlarda fallback ver.

Sıvı Cam detayı · 12 stilin tamamı