Marka renkleriyle video: logodan palete, okunabilir kontrasta
MaestroCut Editorial Team 2 dk okumaYayın:
Videoda marka renklerini kullanırken renkleri doğrudan yazıya değil rollere ata: arka plan, yüzey, metin, soluk metin, vurgu, ikinci vurgu ve vurgu üstü metin. Normal metin arka plana karşı en az 4,5:1, büyük başlıklar ve vurgu rengi en az 3:1 kontrast vermelidir. Logodaki renkler bu oranları tutmuyorsa tonu korunup yalnızca açıklığı ayarlanmalıdır.
Renkleri rollere ayırmak
| Rol | Nerede kullanılır |
|---|---|
| Arka plan (bg) | Sahnenin zemini |
| Yüzey (surface) | Kartlar, kutular |
| Ters yüzey (surfaceAlt) | Ters sayfalar, kontrast bloklar |
| Metin (text) | Başlık ve gövde metni |
| Soluk metin (muted) | Alt satırlar, etiketler |
| Vurgu (accent) | Vurgulanan kelime, butonlar, çizgiler |
| İkinci vurgu (accent2) | İkincil süslemeler, grafikler |
| Vurgu üstü (onAccent) | Vurgu renginin üzerindeki yazı |
| Çizgi (line) | İnce ayraçlar, ızgaralar |
Bir rengi rolüne göre seçmek, aynı videonun farklı stillerde (Kinetik, Lüks, Arayüz…) yeniden giydirilmesini sağlar: stil değişir, renk rolleri aynı kalır.
Kontrast: okunabilirliğin sayısal kuralı
- Normal metin / arka plan: en az 4,5:1 (WCAG AA).
- Büyük başlık ve vurgu rengi / arka plan: en az 3:1.
- Soluk metin / yüzey: en az 4,5:1 (alt satırlar küçük puntodadır).
- Vurgu üstü metin: vurgu rengine karşı en az 4,5:1.
Logodan palet çıkarmak
- 1
Arka planı ayıkla
Şeffaf logoda şeffaf pikseller, düz zeminli logoda kenarlardaki baskın renk arka plan sayılır ve palete alınmaz.
- 2
Renkleri kümele
Pikseller algısal bir renk uzayında (OKLab) kümelenir; kenar yumuşatma ara tonları ve çok küçük kümeler atılır.
- 3
Rolleri ata
En canlı küme vurgu, ondan belirgin farklı tondaki ikinci vurgu olur; zemin ve metin renkleri en koyu/açık tonlardan türetilir.
- 4
Kontrastı onar
Her rol çifti eşik değerleri sağlayana kadar yalnızca açıklık ayarlanır.
Koyu mu, açık mı?
MaestroCut sektör kılavuzlarındaki 93 paletin %48'i koyu, kalanı açık temadır. Koyu temalar teknoloji, oyun ve gece etkinliklerinde; açık temalar sağlık, eğitim, kafe ve perakendede öne çıkar. Ekranda parlayan renkler koyu zeminde daha canlı görünür; uzun metinler açık zeminde daha rahat okunur.
Türkçe karakterler ve font seçimi
Türkçe metin için fontun latin-ext alt kümesini (ğ, ş, ı, İ) desteklemesi gerekir. MaestroCut tema setindeki 74 font ailesinin 74'ü bu alt kümeyi destekler. Başlıkta karakterli bir display font, gövdede sade bir metin fontu kullanmak en güvenli eşleşmedir.
Her sektörün font eşleşmeleri sektör rehberlerinde, en sık önerilen başlık fontları video raporunda yer alır.
Sık sorulan sorular
Videoda yazı kontrastı ne olmalı?
+
Normal metin için en az 4,5:1, büyük başlıklar ve vurgu rengi için en az 3:1 (WCAG AA).
Logomdaki renk yazı için çok açıksa ne yapmalıyım?
+
Rengin tonunu koruyup açıklığını azalt (ya da koyu zeminde artır). Böylece marka rengi tanınır ve kontrast eşiği sağlanır.
Türkçe karakter destekleyen font nasıl seçilir?
+
Google Fonts'ta fontun "Latin Extended" alt kümesini desteklediğini kontrol et; ğ, ş, ı ve İ harflerini örnek metinde dene.
Kaynaklar ve notlar
Bu sayfa en son tarihinde gözden geçirildi. Rakamlar MaestroCut platform ve sektör veri setinden hesaplanır; platformlar sınırlarını değiştirdikçe güncellenir. Rakamları nasıl hesaplıyoruz
Logonu yükle, paletini çıkaralım
Kontrastı denetlenmiş marka temasıyla videon dakikalar içinde hazır.