M.AIM.AISoloLabsTam sayfa örneği · neumorphism← 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, Yumuşak Kabartma 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 neumorphism ile kur. Belirleyici sinyaller: zemin ve kartlar BİREBİR aynı renk (#e6e9ef gibi nötr açık bir ton) — öğeyi ayıran şey renk değil ışıktır; dışa kabarık öğelerde çift gölge (10px koyu sağ-alt + 10px beyaz sol-üst), basılı ve girdi öğelerinde aynı çiftin inset hâli, yani kabarık/gömük ikiliği stilin dilbilgisi; kenarlık YOK, sınırı gölge belirler; 16-24px yumuşak köşe; tek pastel vurgu rengi. KULLANIM SINIRI: bunu az sayıda büyük kontrolü olan vitrin ekranlarında uygula (oynatıcı, termostat, hesap makinesi); yoğun form, tablo ve uzun metin bu stilin en kötü kullanımıdır. Claymorphism'e KAYMA: ayırt edici fark, burada panelin zeminle aynı renkte olmasıdır; panelin kendi rengi zeminden ayrılıyorsa yaptığın şey kildir. Erişilebilirlik şartları — bu stilin kalbi bir erişilebilirlik sorunudur: WCAG 1.4.11 arayüz bileşeni sınırı için 3:1 ister, saf neumorphism bunu sağlamaz; gerçek üründe gölgeye ek bir ayırt edici koy (kontrastlı kenar, etiket ya da renk), ikonları etiketsiz bırakma, klavye odağını gölgeyle değil ayrı ve kontrastlı bir halkayla göster.

Kontrast ve erişilebilirlik zayıftır — form ağırlıklı gerçek ürünlerde ölçülü kullan.

Yumuşak Kabartma detayı · 12 stilin tamamı