Yöneticiler, tüm organizasyon için açık, koyu veya sistem modunu seçer. Marka rengi, her iki modda da butonları, aktif yan menü öğelerini, odak halkalarını ve üzerine gelme durumlarını yönlendirir — tek bir CSS geçersiz kılma olmadan.
Gösterge paneliniz genel bir yönetici konsolu değildir — ürününüzün bir parçasıdır. Gösterge paneli teması, tüm organizasyon için açık, koyu veya sistem modunu seçmenizi sağlar ve marka renginizin UI'nin kullandığı her vurgudan akmasını sağlar. Bir Kaydet butonu, iki dakikalık kurulum, geliştirici yok.
Ayarlar — Branding'den, yöneticiler ve sahipler, tek bir tutarlı görünüm oluşturan üç şeyi kontrol eder:
Tüm gösterge paneli, organizasyonun her üyesi için seçimi anında benimser. Yönetici olmayan ekip arkadaşları seçilen temayı görür; yalnızca yöneticiler/sahipler bunu değiştirebilir.
Temalar, her katmanın farklı bir CSS değişken setine dokunduğu için temiz bir şekilde yığılır:
--primary, --ring, --accent, artı yan menü varyantları. Butonlar, aktif gezinme öğeleri, odak halkaları ve üzerine gelme durumları, her iki modda da marka rengini benimser.Marka rengi yalnızca vurguları boyadığı için, orta tonlu bir arka planda okunamaz metin veya koyu modda kaybolan açık bir buton almazsınız. Sistem ayrıca doğru metin rengini otomatik olarak seçer — açık marka renklerinde siyah metin, koyu renklerde beyaz metin — WCAG aydınlatma formülünü kullanarak. Tasarım bunu gerektiriyorsa, o seçimi geçersiz kılabilirsiniz.
Çoğu tema sistemi, açık marka renkleri için bozulur. Kaydet butonundaki soluk sarı bir marka, üzerine gelindiğinde neredeyse görünmez bir vurgulu ton üretmemelidir. Vurgulu ton algoritması, markanın açıklığını kontrol eder: koyu ve orta markalar *daha açık* bir ton alır, zaten açık markalar *daha koyu* bir ton alır. Her iki durumda da, birincil ve vurgulu arasında anlamlı bir kontrast adımı vardır — bu nedenle üzerine gelme ve odak durumları her zaman net bir şekilde okunur.
Bir yönetici temayı değiştirdiğinde, bir yayın olayı, aynı tarayıcıdaki her açık gösterge paneli sekmesini yeniden almak ve yeniden uygulamak için tetikler — yeniden yüklemeye gerek yok. Cihazlar ve diğer üyeler arasında, yeni tema bir sonraki sayfa yüklemesinde görünür.
Tema, organizasyon gösterge paneline ve kamu yardım merkezine uygulanır. Pazarlama sayfaları, belgeler ve giriş, tasarım gereği açık kalır — tüm müşteriler arasında paylaşılır ve herhangi bir organizasyonun markasını takip etmemelidir. Çerçeve, bu rotalarda açık modu zorlar, böylece koyu bir gösterge panelinden giriş sayfasına geçiş temiz bir şekilde sıfırlanır.
Markanızla eşleşen bir gösterge paneli, kozmetik bir detay değildir. Platformun *sizin* olduğunun sinyalidir, kiraladığınız genel bir SaaS aracı değildir. Destek ekibiniz ve bilgi tabanı yazarlarınız, ürününüze benzeyen bir şeye giriş yaptıklarında, bunu işlerinin bir parçası olarak görürler — tahammül ettikleri bir üçüncü taraf yönetici paneli değil. Ve bir müşteri markalı yardım merkezinizde bulunduğunda, deneyim, kimin destek aldığını pekiştirir, kimin temel aracı oluşturduğunu değil.