iOS, Android ve Web için entegrasyon kalıpları. HBT, Logo, Mikro ve benzeri entegratörlerin kendi markalarıyla çatışmadan, yapay zekayı muhasebe akışlarına eklemesi için pratik wireframe rehberi.
Kilikon, entegratörün kendi markasını boğmaz. Tek bir altın aksesuar renk ve sade etiketleme kullanır; kendi renk paletinle yan yana durur.
Birincil aksesuar tek tonda altındır. Geri kalan her şey nötr — beyaz, mürekkep siyahı ve gri tonları.
iOS'ta San Francisco, Android'de Roboto, Web'de Inter veya sistem yığını. Premium hissi letter-spacing ve nefes verir; ekstra font yüklemeye gerek yok.
-apple-system, Inter, Roboto, sans-serif
Küçük etiketler ve giriş alanları 12px, kart ve sheet 16px, hub kartları ve büyük modal'lar 24px.
Kilikon'u UI içinde tanıtırken yalnızca küçük altın etiket kullan. Butonun yanına logo gömme, başlığı altın yapma.
Tüm aksiyon butonları, kart başlıkları ve mikrofon ikonları minimum boyutu karşılamalı. Yan yana dokunma hedeflerinde 8pt boşluk.
Sheet açılışları 240ms ease-out, ses dalga animasyonu 1.2s döngü, skeleton 1.4s pulse. Hızlı, ölçülü, gösterişsiz.
Tab bar'a yerleşen altın AI ikonundan başlayan, ses · görsel · sohbet üçlüsüyle ilerleyen bir akış. Tüm aksiyonlar son adımda onay sheet'i ile teyit edilir.
Altın halkalı koyu ikon — kullanıcı tek dokunuşla Kilikon Hub'a ulaşır. Etiket olarak yalnızca "Kilikon" yazılır.
Ses, kamera, sohbet — her biri eşit ağırlıkta. Eski kullanıcılar son kullandıkları akışı en üstte görür.
Tam ekran koyu mod — kullanıcı odaklansın. Canlı dalga, anlık transkripsiyon ve otomatik duraklatma.
Ses → metin → görsel fatura taslağı → tek onay. Düzenle linki sheet'in altında her zaman bulunur.
Altın köşe işaretleri, kenar algılayınca otomatik odak. "Çek" beyaz büyük buton, "Galeri" outline.
Üstte siyah pill içinde FATURA / FİŞ / KAŞE etiketi. AI özetinin altında tek birincil aksiyon.
AI eksik bilgileri sorar, son adımda inline fatura kartı yerleşir. Uzun raporlar PDF kartı olarak görünür.
Tam ekran modal — onay alınmadan AI akışı başlatılamaz. 4 net madde, tek birincil buton, vazgeç linki.
Material You renk uyumu, sistem geri tuşu, bottom sheet ve Snackbar — Android'in beklediği davranış kalıplarını koru. Kilikon kimliği değişmez; etkileşim Android'in kurallarına uyar.
Sağ alt köşede etiketli FAB — siyah arka plan, altın mikrofon. Android'in beklediği "ana aksiyon" konumu.
FAB'a tıklayınca Material ModalBottomSheet açılır. Listeden seçim sonrası tam ekrana açılır.
Android'in geri jesti aktif — kullanıcı sağdan sola kaydırarak çıkar. Snackbar ile durum bildir.
Birincil siyah, ikincil tonal krem. Üstte Material chip grubu ile sekme alternatifi sunuluyor.
Desktop'ta Kilikon, çalışma akışını kesmeden sağdan açılan bir panel olarak yaşar. Klavye kısayolu (⌘ K veya Ctrl K) ile her sayfadan çağrılır.
Drag-drop yükleme. Modal odakta, arka plan dim. Kesik altın çizgili dropzone — dosya sürüklenince katı çizgiye geçer.
Alt sağ chat bubble. Persistent panel istemeyen küçük entegrasyonlar için. Sayfa içeriğinin üstünde yüzer, açılınca soft drawer olur.
375px altında Kilikon paneli tam ekran bottom sheet'e dönüşür. Sidebar gizlenir, header'da AI ikonu görünür.
768–1024px arası panel %50 genişlikte açılır, ana içerik daralır. Klavye kısayolu opsiyonel.
1280px üstünde sağda sürekli panel önerilir. Kullanıcı tercihine göre toggle edilebilir, durum saklanır.
Yapay zekayı kullanıcının asistanı olarak konumla, sürücü koltuğuna oturtma. Her aksiyon onaylanabilir, her sonuç doğrulanabilir, her hata kibarca tekrar denenebilir olmalı.
Etiketleyerek belli et — kullanıcı bir AI çıktısına baktığını bilsin. Ama hiçbir aksiyonu kullanıcı görmeden çalıştırma. Onay sheet'leri kutsal.
Ses → metin → kart → onay. Hiçbir sesli komut tek başına gönderilmez. Transkripti göster, taslak kartı çıkar, kullanıcı son sözü söylesin.
Network kayıpları, OCR başarısızlıkları, model timeout'u — hepsi açık metinle anlatılır ve Tekrar Dene butonu sunulur. Sessizce çökme yok.
Skeleton iskelet veya yumuşak pulse animasyonu. "AI düşünüyor…" metni 1.5 saniyeden uzun sürdüğünde ne yaptığını söyle ("Faturayı taslağa çeviriyor…").
Offline'da çalışan UI iskeleti, retry banner, queue'ya alınan istekler. Sesli komut kaydı offline'da bile yapılsın, bağlantı gelince gönderilsin.
"Powered by Kilikon" küçük etiket yeterli. Sen HBT'sin, Logo'sun, Mikro'sun — kullanıcı senin markanı görmeli. Kilikon arka planda iyi iş çıkartır.