Zerolyner AI.
UI Tasarım · Design System · Figma UI Kit
AI araçları ve SaaS ürünleri için hazırlanan, 13+ yüksek sadakatli ekran ve bir design system içeren Figma UI kit.
Zerolyner AI, karmaşık AI iş akışlarına sahip ürünler için hazır bir arayüz temeli sunan bir Figma dosyasıdır. Kit; design system, iki landing page, giriş/kayıt, iki dashboard, kütüphane, iki editör paneli, fiyatlandırma, ödeme ile başarılı ve başarısız işlem ekranlarını içerir.
AI ürünlerinde arayüz; editör, katmanlar, özellik panelleri ve fiyatlandırma gibi yoğun bilgi içeren ekranları bir arada taşımak zorundadır. Bu ekranların tek bir görsel sistem içinde tutarlı kalması gerekiyordu.
Nasıl ele aldık
Design System
Tüm ekranlar ortak renk, tipografi ve bileşen kuralları üzerine kuruldu.
Ürün Ekranları
Editör paneli, dashboard ve kütüphane gibi yoğun ekranlar net hiyerarşiyle düzenlendi.
Satış Akışı
Fiyatlandırma, ödeme ve sonuç ekranları uçtan uca bir satın alma akışı olarak tasarlandı.
Renk ve tipografi
- Gece#0B0C10
- Turkuaz Vurgu#62F9EE
- Açık Metin#E2E3E4
İlk ziyaretten hedefe
- Landing
- Kayıt / Giriş
- Dashboard
- Editör
- Fiyatlandırma & Ödeme
Ortaya, AI ve SaaS ürünlerinin tasarım sürecini hızlandıran; landing sayfasından ödeme sonucuna kadar tutarlı bir görsel sistem sunan, kullanıma hazır bir Figma UI kit çıktı.
indesignstudio.gumroad.com/l/zerolyner-ai-figma