Clarvia AgentsPlatformTasarım sistemiYükleme
Koyu tema
Bileşenler

Yükleme

Belirsiz ve belirli bekleme dilleri, iskelet ve açılış perdesi.

.ld-*
Satır içi200 ms – 1 s · düzen kaymaz
Adım dönüşü.ld-spin · işaret 90°'lik adımlarla döner
Üç hücre.ld-dots · sohbetteki .typing aynı gövde
Çalışıyor
Canlılık noktası.p-run · bu yükleme değil, süregiden bağlantı

200 ms'nin altındaki bekleme gösterge almaz: beliren ve hemen kaybolan bir gösterge beklemenin kendisinden rahatsız. 10 saniyeyi geçen bekleme ise gösterge almaz, metin alır — ne yapıldığı, kaç adım kaldığı, iptal edilebilir mi.

İskelet.ld-sk

Ölçüler uydurma değil, gerçek satırın ölçüsü: 26 px hücre, iki yazı satırı, sağda sayı alanı. Yanlış ölçüdeki iskelet dolunca satırı zıplatır — o zaman iskelet değil, gürültüdür.

Kenar şeridi.ld-strip
içerik yerinde kalır

Marka gradyanı burada meşru: 2 px ve tek yönde gerçekten yol alıyor. Yüzeye sürülen sekiz derecelik bir parlatma marka değil, doku efektidir.

Izgara dalgası.ld-grid · yanan hücre ≈ %7

Aksan bütçesi hareket ederken de geçerli: aynı karede yanan hücre oranı %10'u geçmez. Geçtiği anda vurgu vurgu olmaktan çıkar, ızgara bir gösterge değil ışık gösterisi olur. Dalganın arkasındaki nötr dolu hücre yönü okutuyor.

Belirliyüzde ölçülebiliyorsa
42%420 / 1 000 çağrı
Hücre sayacı.ld-count · hücre zaten bir birim durum
İşaret dolumu.ld-fill · sayfada birden fazlası olmaz
Tek kaynaküç gösterge de bu oranı okuyor

Ölçülemeyen yüzde uydurulmaz, belirsiz varyantta kalınır. %90'da takılan bir çubuk beklemeden fazlasını kaybettirir.

Açılış.ld-boot · oturum başına bir kez
Preparing your workspace

Tam sayfa yükleme bir marka anı; mesh gradyan zemin bu yüzden yalnızca burada görünüyor. İşaret kendi çizim sırasıyla kuruluyor: sol üst dirsek, sağ alt dirsek, sözcük markası. Her sayfa geçişinde çıkarsa marka anı olmaktan çıkıp gecikmenin reklamına döner.