Marka Kimliği Temelleri: Logo, Renk, Tipografi

Marka kimliği çoğu işletmede tek bir logo dosyasından ibaret sanılır. Oysa logo yalnızca bir parçadır; asıl belirleyici olan o logonun farklı yerlerde nasıl davrandığı, yanında hangi renklerin ve hangi yazı tipinin durduğudur. Dijitalde tutarsızlık en çok burada görünür.

Marka kimliği için en az ne gerekli?

Dört şey yeterlidir: logonun farklı ortamlar için hazırlanmış sürümleri, iki üç renkten oluşan bir palet, bir yazı tipi ailesi ve bunların nerede nasıl kullanılacağını anlatan kısa bir not. Kapsamlı bir marka kılavuzu büyük kurumların işidir; küçük bir işletme için bu dördü, tutarlı görünmek adına gereken her şeyi karşılar.

Logo hangi biçimlerde hazır olmalı

Tek bir dosya yetmez. Asgari set şudur:

• Vektör (SVG): asıl kaynak. Her ölçüde net kalır, web'de doğrudan kullanılır.
• Açık ve koyu zemin sürümleri: koyu zeminde okunmayan bir logo, sitenin footer'ında kaybolur.
• Yatay ve kare sürüm: yatay logo profil fotoğrafı alanına sığmaz; kare (simge) sürüm gerekir.
• Sadeleştirilmiş simge: 16 pikselde tam logo okunmaz. Tarayıcı sekmesi ve uygulama simgesi için harf işareti veya sembol kullanılır.

Bu dört sürüm hazır değilse her yeni ihtiyaçta tasarımcıya dönmek gerekir ve zamanla birbirinden farklı, elle kırpılmış kopyalar ortaya çıkar.

Renk paleti nasıl kurulur

Üç katmanlı basit bir yapı çoğu iş için yeterlidir:

En sık yapılan hata ana rengi her yere yaymaktır. Ana renk az kullanıldığında dikkat çeker; sayfanın yarısı marka rengiyse hiçbir şey öne çıkmaz.

Renkleri seçerken kontrast oranını da kontrol edin. Açık gri zemin üzerinde açık gri metin şık görünebilir ama okunmaz; erişilebilirlik için normal metinde 4.5:1 oranı taban kabul edilir.

Yazı tipi seçimi

İki yazı tipi çoğu marka için yeterlidir: biri başlıklar, biri gövde metni. Tek bir aile içinde farklı kalınlıklar kullanmak da geçerli ve genelde daha tutarlı bir sonuç verir.

Web için üç ölçüte bakın:

1. Türkçe karakter desteği. ğ ş ı İ ç ö ü eksikse yazı tipi kullanılamaz. Latin-ext desteği aranmalıdır.
2. Dosya boyutu. Her kalınlık ayrı bir dosyadır. Gereğinden fazla kalınlık yüklemek sayfa hızını düşürür; genelde iki üç kalınlık yeter.
3. Küçük puntoda okunabilirlik. Başlıkta güzel duran dekoratif bir yazı tipi 14 pikselde okunmaz.

Yazı tiplerini kendi sunucunuzdan sunmak (self-host) hem hızlı hem de üçüncü tarafa veri gitmediği için gizlilik açısından daha temizdir.

Tutarlılığı koruyan şey belge değil, dosya düzeni

Uzun kılavuzlar yazılır ve okunmaz. İşe yarayan yöntem, doğru dosyayı bulmayı kolaylaştırmaktır: tek bir klasörde, adları açık şekilde yazılmış logo sürümleri ve renk kodlarının yazılı olduğu kısa bir not.

Bir kişi logoyu ekran görüntüsünden kırpıp kullandığında tutarlılık orada bozulur; bunun sebebi genelde kötü niyet değil, doğru dosyayı bulamamaktır.

Dijitalde en çok gözden kaçan üç yer

1. Tarayıcı sekmesi simgesi. Eksik olduğunda sekmede boş kâğıt simgesi görünür; küçük ama güven kıran bir ayrıntıdır.
2. Paylaşım görseli. Site bağlantısı sosyal medyada paylaşıldığında çıkan kart. Tanımlı değilse bağlantı çıplak metin olarak görünür.
3. E-posta imzası. Ekipteki herkes kendi imzasını tasarladığında aynı işletmeden gelen iletiler farklı firmalardan geliyormuş gibi durur.

Ne zaman yenilemeli

Marka kimliğini sık değiştirmek tanınırlığı zedeler. Yenilemeyi haklı çıkaran durumlar sınırlıdır: iş kolunun değişmesi, hedef kitlenin belirgin şekilde farklılaşması veya mevcut kimliğin teknik olarak kullanılamaz olması (vektör kaynağın kayıp olması gibi).

Bunların hiçbiri yoksa, kimliği değiştirmek yerine uygulamasını düzeltmek genelde daha çok kazandırır.

Kimlik ile web tasarımı arasındaki ilişki

Marka kimliği web tasarımının yerine geçmez, ona zemin hazırlar. Tasarımcıya yalnızca bir logo dosyası verildiğinde renk ve tipografi kararları proje sırasında doğaçlama verilir; sonuç genelde güzel ama markadan bağımsız bir site olur.

Kimlik önden tanımlıysa tasarım süreci hem kısalır hem tartışma azalır: renk seçimi, başlık puntosu ve buton görünümü zaten belirlidir, konuşulacak konu yerleşim ve içerik olur.

Bu yüzden site yenileme projelerinde sıra şudur: önce kimlik netleşir, sonra tasarım başlar. Tersi yapıldığında kimlik siteye göre şekillenir ve basılı işlerde uyumsuzluk çıkar.

Sosyal medyada tutarlılık

Profil görselleri kare ve küçüktür; tam logo çoğu zaman okunmaz. Simge sürümünü kullanın ve tüm platformlarda aynı görseli koyun.

Kapak görselleri platformdan platforma farklı oranlarda kırpılır. Önemli içeriği ortada tutmak, her platformda ayrı görsel hazırlama zahmetinden kurtarır.

Bir de isim tutarlılığı var: kullanıcı adının her platformda aynı olması, hem arama motorunun bunları aynı markayla ilişkilendirmesini kolaylaştırır hem insanların sizi bulmasını.

Ölçü ve boşluk kuralları

Logonun etrafında ne kadar boşluk kalacağı, kimliğin en çok ihlal edilen kuralıdır. Basit bir ölçüt işe yarar: logodaki harflerden birinin yüksekliği kadar boşluk her yönde korunur.

Aynı şekilde bir alt sınır belirleyin: logonun kullanılabileceği en küçük genişlik. Bunun altına inildiğinde tam logo yerine simge sürüm kullanılır.

Sık sorulanlar

Logoyu kendim mi yaptırmalıyım, hazır mı almalıyım? Hazır şablonlar hızlı ve ucuzdur ama aynı şablon başkalarında da olabilir ve marka tescilinde sorun çıkarabilir. Uzun vadeli bir marka kuruyorsanız özgün tasarım daha güvenlidir.

Kaç renk kullanmalıyım? Bir ana renk, üç beş nötr ton ve üç durum rengi çoğu iş için yeterli. Daha fazlası tutarlılığı korumayı zorlaştırır.

Yazı tipi lisansı gerekir mi? Ticari kullanımda evet. Ücretsiz görünen bazı yazı tipleri yalnızca kişisel kullanıma açıktır; web'de kullanmadan önce lisansını kontrol edin.

Kimliği devretmek

Tasarım işi bittiğinde elinizde yalnızca hazır görseller değil, kaynak dosyalar da olmalı: logonun vektör hâli, kullanılan yazı tiplerinin adları ve lisans bilgisi, renk kodları.

Bunlar teslim alınmadığında birkaç yıl sonra en basit ihtiyaç bile — bir tabela, bir ambalaj — yeniden tasarım gerektirir. Sözleşmede "kaynak dosyalar teslim edilir" satırının bulunması, bu yüzden görsel bir ayrıntı değil ticari bir güvencedir.

Logonuzdan tarayıcı sekmesi simgesi ve uygulama ikonlarını üretmek için Favicon Oluşturucu, renk kodları arasında dönüşüm yapmak için Geliştirici Araçları sayfasındaki renk dönüştürücüyü kullanabilirsiniz.