M.AIM.AISoloLabsTam sayfa örneği · glassmorphism← 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, Cam Efekti 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 glassmorphism ile kur. Belirleyici sinyaller: arkasındaki her şeyi bulanıklaştıran yarı saydam paneller; paletin KAYNAĞI olan canlı bir zemin (degrade, fotoğraf ya da renkli şekiller — düz tek renk zemin camı görünmez kılar); her panelin kenarında 1px yarı saydam beyaz çizgi, üst kenarda biraz daha parlak; panellerin zeminin ve birbirinin üstünde yüzdüğü katmanlı derinlik, geniş ve yumuşak gölgelerle ayrılmış. CSS: backdrop-filter: blur(16px) + background: rgba(255,255,255,0.12) (koyu temada rgba(0,0,0,0.25)) + border: 1px solid rgba(255,255,255,0.25) + 16-24px köşe. Zeminin renkleri ve görselleri serbest kalsın. Apple'ın Liquid Glass'ına KAYMA: ayırt edici fark, glassmorphism'in camı herhangi bir yüzeye giydirilen dekoratif bir deri olması, Liquid Glass'ın ise camı içeriğin üstünde yüzen kontrol katmanına ayırmasıdır. Erişilebilirlik şartları: metin EN KÖTÜ zemin üzerinde 4.5:1 kontrastı tutsun (gerekiyorsa panelin altına koyu bir scrim ekle); prefers-reduced-transparency açıkken opak yüzeye düş; blur'lu panel sayısını sınırla ve düşük güçlü cihazlar için blur'suz fallback ver; klavye odak halkasını camın kendi kenar çizgisinden açıkça farklı yap.

Kontrast düşer — metin arkasına koyu katman ekle; blur mobilde pahalıdır, az panelde kullan.

Cam Efekti detayı · 12 stilin tamamı