Açık yüzey
Graphite + Turquoise ana kullanım.
Onaylı uygulamalar
Yüzeye göre renk
Geometri değişmez. Yalnızca yüzey kontrastına göre onaylı renk ataması kullanılır.
Koyu yüzey
Cloud White + Turquoise. Koyu zeminde graphite kullanılmaz.
Turkuaz · Ink + White
O sol/X sağ Ink; karşı modüller White.
Turkuaz · White + Ink
Önceki varyantın ters renk akışı.
Dijital durumlar
Loading ve splash kullanımı
Animasyon uygulamanın kontrol ettiği yükleme durumunda çalışır. İşletim sistemi açılış ekranları kendi platform kurallarını kullanır.
İçerik yükleniyorİçerik üzerinde loading
Bu örnek blocking durumdur: yarı saydam scrim yalnız ilgili alanı bekletir. Arka plan yenilemesinde scrim kullanılmaz.
iOS launch screen
Açıkta Primary, koyuda On Dark statik işareti kullanılır. Animasyon gerekirse ilk uygulama karesinden sonra başlar.
Android 12+ splash
Açık ve koyu uygulama ikonları yüzeyle eşleşir. Platform AVD’si tek sefer ve en fazla 1000 ms çalışır.
- Başlangıç
- 300 ms’den kısa işler için loader gösterilmez.
- Boyut
- Varsayılan 96 px, normal aralık 48–96 px, incelemesiz üst sınır 128 px.
- Erişilebilirlik
- Azaltılmış hareket tercihinde statik OX ve metinsel durum kullanılır.
- Uzun işlem
- 10 saniyeden sonra durum metni ve mümkünse kurtarma eylemi gösterilir.
Tasarım token’ları
Renk sistemi
Logo yalnızca ana renkleri kullanır. Genişletilmiş ton skalaları arayüz ve destek yüzeyleri içindir.
TURQUOISE
#19C7B5GRAPHITE
#17202BINK
#0D1218CLOUD
#F4F7F8WHITE
#FFFFFFKaynak tarayıcı
Tüm görsel varlıklar
Dosya adına veya açıklamaya göre ara; kategoriler arasında filtrele. Görüntüle bağlantısı gerçek kaynağı açar.
Bu aramayla eşleşen varlık bulunamadı.
Teslim merkezi
Kullanılabilir dosyalar
SVG üretim kaynağıdır. PNG ve ICO çıktıları uygulamalarda doğrudan kullanılabilir.
