1. Renk ve Tipografi Seçimi: Markalar İçin Pratik Rehber
Bir markanın ilk “göz temasında” verdiği his, çoğu zaman metinden önce renk ve tipografi ile oluşur. Sorun şu: pek çok ekip bu seçimi “beğeni” ile yapar; sonra web, sosyal medya ve offline materyaller birbirinden kopar ve revizyonlar bitmez. Bu rehber; sektör, hedef kitle ve konumlandırmayı baz alarak 1 ana + 2 destek renk ve 1–2 font ile sade ama güçlü bir sistem kurmanı sağlar; otel ve B2B örnekleriyle uygulanabilir hale getirir.
2. Renk Psikolojisi ve Marka Algısı
Renk psikolojisi “her renge tek anlam” yüklemek değildir; bağlam, kültür ve sektörle birlikte çalışır. Aynı mavi; otelde “sakinlik”, B2B’de “güven” çağrıştırabilir; ama yanlış ton ve kontrast seçiminde “ucuz” algısı da üretebilir. Bu yüzden renk kararını “trend” değil, konumlandırma ve persona ile kurmak gerekir.
Marka için doğru renk paleti nasıl seçilir?
Net cevap: Önce konumlandırmayı netleştir (premium mu, aile mi, yenilikçi mi?), sonra 1 ana + 2 destek rengi rol bazlı seç (CTA, arka plan, vurgu), en son kontrast ve erişilebilirlik testini yap. Palet “hex listesi” değil, kullanım kuralı olmalı.
- •Markanız “premium/rahat/enerjik/kurumsal” hangisi? (tek kelimeyle)
- •Ana renk CTA’da mı yoksa sadece marka vurgusunda mı kullanılacak?
- •Arka plan–metin kontrastı her yerde okunuyor mu?
Ne yapmalıyım?
- • 1. Markayı 1 cümleyle tanımla: “Kim için, hangi fayda, hangi his?”
- • 2. Ana rengi “rol” olarak belirle (CTA mı, vurgu mu?).
- • 3. Destek renkleri işlevsel seç (badge, link, arka plan).
- • 4. Son adım: kontrast testlerini yap ve kural setini yaz.
3. Ana/Renk Paleti Nasıl Kurulur?
Palet kurmanın pratik yolu: Core (marka) + Support (işlev) şeklinde iki katman kullanmaktır. Core renkler marka kimliğini taşır; support renkler UI/CTA ve içerik tiplerine hizmet eder. Sektör farkı burada görünür: otelde “atmosfer”; B2B’de “netlik” baskındır.
Palet İskeleti (Sade Model)
- •1 Ana renk: Marka sinyali (primary)
- •2 Destek renk:
- •Destek-1: CTA/Link (action)
- •Destek-2: Badge/Info (info)
- •Nötrler: Arka plan + metin + yüzey (2–3 ton)
Sıcak/Soğuk Tonlar ve Sektör Uyumu
- •Otel: sıcak tonlar “misafirperverlik”, soğuk tonlar “rahatlık/serinlik” taşıyabilir
- •B2B: soğuk/nötr tonlar “güven”, vurgu renkleri “yenilik” sinyali verir
Ne yapmalıyım?
- • 1. Paleti “rol tablosu” olarak yaz: CTA, link, arka plan, badge.
- • 2. Sezonluk renkleri support katmanda sınırlı tut (kampanya dönemi).
- • 3. Aynı paleti web + sosyal + sunum şablonlarına sabitle.
4. Tipografi Hiyerarşisi (Başlık–Gövde–Vurgu)
Tipografi; “ne söylediğin” kadar “nasıl söylediğin”dir. Güçlü hiyerarşi; kullanıcıya nereden başlayacağını ve neyi önemli görmesi gerektiğini söyler. En büyük hata: çok font kullanmak veya her yerde aynı ağırlıkla yazmaktır.
Başlık ve gövde fontu seçerken nelere dikkat edilmeli?
Net cevap: Başlık fontu karakter taşır, gövde fontu okunabilirlik taşır. İkisini uyumlu seç; gövdede ekran okunabilirliği yüksek bir font kullan; 2 fontu geçme. Ağırlık ve harf aralığını (kerning/letter spacing) hiyerarşiye göre standardize et.
“İki Font Kuralı” (Kilit Pratik)
- •1 başlık fontu: marka tonu
- •1 gövde fontu: yüksek okunabilirlik
- •Vurgu için yeni font açma; ağırlık/italik/renk kullan
- •Gövde metni mobilde 16px civarı okunuyor mu?
- •Başlık–gövde arasında net kontrast var mı?
- •3’ten fazla font ağırlığı kullanıyor musunuz? (genelde hata)
Ne yapmalıyım?
- • 1. H1/H2/H3 + body boyutlarını 3 kademe ile sabitle.
- • 2. Başlık fontunu “daha az ama daha etkili” kullan.
- • 3. Vurguyu font değiştirmeden yönet (bold/renk/boşluk).
5. Ekran Okunabilirliği ve Ağırlık/Kerning
Ekranda tipografi; basılı işlerden farklı çalışır. İnce fontlar mobilde kaybolur, sıkı kerning okunurluğu düşürür. Burada amaç “şık” değil, okunur ve hızlı taranır metin üretmektir.
Okunabilirlik Pratikleri
- •Gövde: 16–18px (mobil öncelik)
- •Satır aralığı: rahat (metni nefes aldır)
- •Ağırlık: 400–500 gövde, 600–700 başlık (çoğu senaryoda yeter)
- •Letter spacing: küçük ayar (abartma)
Ne yapmalıyım?
- • 1. Mobilde 3 ekran testi yap: ana sayfa, hizmet sayfası, blog.
- • 2. Çok ince fontları (light) sadece büyük başlıklarda kullan.
- • 3. CTA butonlarında harf aralığını aşırı artırma.
6. Otel ve B2B İçin Örnek Palet & Font Kombinasyonları
Bu bölümün amacı “tek doğru palet” vermek değil; karar modelini örneklendirmek. Otelde konsept (premium/rahat/aile) ve destinasyon hissi; B2B’de sektör (SaaS/kurumsal) ve persona (CEO/CMO/operasyon) tonu belirler.
Otel Örnekleri (Konsept Bazlı)
- •Premium: nötr + düşük doygun vurgu; tipografide güçlü başlık
- •Rahat/Resort: sıcak nötr + yumuşak vurgu; gövdede akışkan okuma
- •Aile: daha enerjik vurgu; ama yine de kontrol (gürültü yok)
Varsayım: Antalya/Belek gibi resort bölgelerde “ferahlık ve premium” algısı, aşırı doygun renklerden daha iyi performans verir.
B2B Örnekleri (Persona Bazlı)
- •Kurumsal: güçlü nötrler + sınırlı vurgu
- •Dijital/SaaS: daha net kontrast + modern tipografi
- •Yenilikçi: vurgu rengi belirgin; ama UI’da kontrollü
Otel ve B2B için örnek renk & font kombinasyonları neler?
Net cevap: Otelde premium/rahat/aile konseptine göre paletin doygunluğunu ve nötr ağırlığını değiştir; B2B’de güven (nötr/soğuk) + yenilik (vurgu) dengesini kur. Her iki tarafta da 1 ana + 2 destek renk ve 1 başlık + 1 gövde fontu yaklaşımı tutarlılık sağlar.
Ne yapmalıyım?
- • 1. Konsept/persona’yı yazılı hale getir.
- • 2. Paleti rol bazlı tabloyla sabitle.
- • 3. Tipografi hiyerarşisini component’lere bağla (web + sosyal şablon).
- • 4. UI/UX uygulaması için ilgili sayfaya bağlan. (İç link: /tr/creative/ui-ux-tasarim)
7. Sonuç ve Uygulama Planı
Renk ve tipografi; marka tutarlılığının “temel taşı”dır. Bu ikisi sistemleştiğinde, yeni sayfa ve kampanya üretiminde tasarım karar süresi kısalır, revizyon azalır ve tüm kanallarda aynı his korunur. Bu rehberdeki modelle önce karar çerçevesini kur, sonra paleti ve tipografiyi şablonlara göm; yılda en az 1 kez güncelleyerek (trendler/erişilebilirlik) sistemi canlı tut.
8. Marka Renk & Tipografi Seçim Checklist’ini İndir — Creative / Design Basics
Marka Renk & Tipografi Seçim Checklist’ini İndir — Creative / Design Basics (v1.0)
Bu asset, renk ve tipografi seçiminde “beğeni” yerine konumlandırma + persona + erişilebilirlik temelli karar vermeniz için hazırlanmıştır. 1 ana + 2 destek renk ve 1 başlık + 1 gövde fontu sistemini hızlıca kurmanıza yardımcı olur. 14 günlük sprint planı ile web ve sosyal şablonlara uygulamayı standardize eder.
Kim Kullanır?
Marka yöneticisi, pazarlama ekibi, UI/UX tasarımcısı, ajans ve içerik ekipleri.
Nasıl Kullanılır?
- Konumlandırma ve persona’yı 1 cümleyle netleştir.
- Paleti rol bazlı seç (CTA/arka plan/vurgu) ve kontrastı kontrol et.
- Tipografi hiyerarşisini kur ve 14 günlük sprint ile şablonlara uygula.
Ölçüm & Önceliklendirme (Kısa sürüm)
- ▢ ✅ Konumlandırma & Persona: Marka tonu tek kelimeyle net mi? (premium/rahat/kurumsal/yenilikçi)
- ▢ ✅ Konumlandırma & Persona: Hedef kitle/persona yazılı mı?
- ▢ ✅ Konumlandırma & Persona: Kanallar belli mi? (web/sosyal/offline)
- ▢ ✅ Renk Paleti: Ana renk rolü net mi? (marka mı CTA mı?)
- ▢ ✅ Renk Paleti: Destek-1 CTA/link için tanımlı mı?
- ▢ ✅ Renk Paleti: Destek-2 badge/info için tanımlı mı?
- ▢ ✅ Renk Paleti: Nötrler (arka plan/yüzey/metin) ayrıldı mı?
- ▢ ✅ Renk Paleti: Sezon/kampanya renkleri support katmanda mı?
- ▢ ✅ Kontrast & Erişilebilirlik: Metin–arka plan kontrastı okunuyor mu?
- ▢ ✅ Kontrast & Erişilebilirlik: CTA buton metni her zeminde okunuyor mu?
- ▢ ✅ Kontrast & Erişilebilirlik: Renkler “sadece renkle” bilgi vermiyor mu? (ikon/etiket desteği var mı?)
- ▢ ✅ Tipografi: 2 fontu geçmiyor mu?
- ▢ ✅ Tipografi: H1/H2/H3 + body hiyerarşisi sabit mi?
- ▢ ✅ Tipografi: Mobilde gövde 16–18px okunur mu?
- ▢ ✅ Tipografi: Ağırlıklar kontrol altında mı (çok fazla weight yok)?
- ▢ ✅ Skor (Varsayım: 0–2) — 0: yok — 1: kısmi — 2: net/uygulanıyor
PDF içinde: Problem→Kök Neden→Çözüm tablosu + 14 gün sprint planı + önce/sonra KPI tablosu
Bir Sonraki Adım
(Mevcut renk/font setinizi sektör–persona–konumlandırma açısından denetleyip 2 haftalık uygulama planı çıkaralım.)
İlgili İçerikler
İlgili Yazılar