TotalApp Dökümanlar

Markalama

Uygulama adınızı belirleyin, logolarınızı yükleyin ve birincil vurgu renginizi seçin.

Uygulama Adı

Uygulama adı alanı, "TotalApp"ın tüm kullanıcı arayüzü yerleşimlerinde görünme şeklini değiştirir.

AlanNotlar
Uygulama AdıYalnızca metin, 40 karaktere kadar. Tarayıcı sekmesinde, başlık çubuğunda ve karşılama ekranlarında görünür.
Kısa Adİsteğe bağlı. Dar alan veya bildirim bağlamları için daha kısa bir sürüm. Boş bırakılırsa, Uygulama Adı kullanılır.

İpucu

Marka tutarlılığı açısından Uygulama Adınızı yüklediğiniz logodaki metinle eşleştirin. Bazı kullanıcılar hem metni hem de görseli okur.

Logo

TotalApp iki logo yuvası sunar — biri geniş kenar çubuğu görünümü için, diğeri simge modundaki daraltılmış kenar çubuğu için.

YuvaKullanım yeriÖnerilen boyutFormat
Tam LogoGenişletilmiş kenar çubuğu, karşılama ekranı120 × 32 pxSVG veya PNG (şeffaf arka plan)
Küçük LogoDaraltılmış kenar çubuğu (simge modu)32 × 32 pxSVG veya PNG (şeffaf arka plan)

SVG neden tercih edilir

SVG dosyaları herhangi bir ekran yoğunluğunda keskin görünür ve yükleme boyutu PNG'nin çok altındadır. PNG kullanacaksanız, Retina/HiDPI ekranlar için 2× boyutlarında (240 × 64 px ve 64 × 64 px) dışa aktarın.

Ana Renk

Ana renk, TotalApp'taki tüm aktif durum, düğme, bağlantı ve vurgu görsel öğelerini etkiler. Etkili bir marka oluşturmak için şirket renk paletinizdeki renklerden birini kullanın.

YönergeAyrıntılar
Giriş formatıHerhangi bir geçerli CSS renk değeri: #875a7b, rgb(135,90,123) veya adlandırılmış renkler.
KontrastRengin hem beyaz hem de koyu metin üzerinde en az 4,5:1 kontrast oranı sağlaması için WCAG AA kılavuz ilkelerini kullanın.
Canlı önizlemeRengini değiştirirken arayüz gerçek zamanlı olarak güncellenir — kaydetmeniz gerekmez.
SıfırlamaAna rengi varsayılan TotalApp indigo rengine geri döndürmek için alanı temizleyin.

Açık sarı veya beyazdan kaçının

Çok açık renkler (ör. #ffff00, #ffffff) beyaz arka planlar üzerinde görünmez hale gelir ve erişilebilirlik sorunlarına yol açar. Seçtiğiniz rengin karanlık ve açık temalar üzerinde test edilmesini öneririz.

Sık Sorulan Sorular

Logo yüklendikten sonra değişiklikler ne zaman görünür?
Anında — TotalApp logoyu sunucuya yükler ve sayfayı yenilediğinizde yeni logoyu gösterir. Diğer kullanıcılar tarayıcılarını yenilediklerinde değişikliği görürler.
Farklı temalar için farklı logolar kullanabilir miyim?
Hayır. Logo ayarı tüm temalar için geçerlidir. Açık ve koyu temalar için ayrı logolara ihtiyacınız varsa, her iki temada da görünür olan şeffaf arka planlı bir SVG logosu kullanın.
Maksimum dosya boyutu nedir?
Logo yüklemeleri 1 MB ile sınırlıdır. Üretim dağıtımları için 100 KB'ın altında tutulması önerilir.