Marka Renk Paleti ve Tipografi Seçimi: Kurumsal Kimlik Rehberi

Bir markayı ilk kez gören biri kararının büyük bölümünü görsel ipuçlarına göre verir — ve bu görsel ipuçlarının en güçlü iki bileşeni renk ve tipografidir. Doğru renk paleti bir markayı sektörde konumlandırır, güven inşa eder ve tekrar eden temaslarda akılda kalıcılığı pekiştirir. Tipografi ise rengin kurduğu duygu zeminini ses ve kişilikle doldurur. İkisi birlikte sistemli biçimde tanımlanmadığında her yeni tasarım çıktısı farklı görünmeye başlar; marka kimliği tutarlılığını yitirir. Bu rehber, marka renk sistemini ve tipografisini doğru katmanlarla kurmanın ve Figma'ya entegre etmenin pratik yolunu açıklıyor.

Renk Paleti Neden Marka Kimliğinin Çekirdeği?

Renk, logonun hemen ardından markanın en hızlı tanınan görsel öğesidir. Araştırmacılar, tüketicilerin satın alma kararlarının önemli bir bölümünü görsel faktörlere — bunların başında renk — dayandırdığını belgelemektedir. Üniversite markalaşma araştırmaları (bkz. WebAIM, W3C WCAG literatürü) rengin erişilebilirlik boyutunu da kritik bir tasarım parametresi olarak tanımlar. Tutarlı renk kullanımı, markanın farklı mecralarda — web, baskı, sosyal medya — aynı duygusal çağrışımı uyandırmasını sağlar; renk dağınıklığı ise kurumsal kimliği bir arada tutan görsel bağı koparır.

Renk seçimi sezgisel değil, stratejiktir. Sektör konumu, hedef kitle psikolojisi, rakip paleti ve erişilebilirlik gereksinimleri — bunların tamamı renk kararlarını şekillendirir. Sezgiyle seçilmiş bir renk şık görünebilir; ancak rakibinizle aynı tonu taşıyorsa ya da düşük kontrast nedeniyle WCAG AA eşiğini geçemiyorsa tasarım sürecine başlanmadan önce stratejik zemin kaçırılmış demektir.

Primary, Secondary, Accent: Üç Katmanlı Renk Sistemi

Profesyonel marka renk sistemleri genellikle üç katmandan oluşur. Bu yapı Adobe, Google Material Design ve kurumsal brand kılavuzu literatüründe yaygın olarak kullanılan standarttır.

• Primary (birincil) renk: Markanın en güçlü ve en sık kullandığı renktir. Logo, başlıklar, butonlar ve ana yüzeylerde görünür. Markanın ilk akılda kalan renginin bu olması hedeflenir.
• Secondary (ikincil) renk: Primary'yi destekleyen, tamamlayan ya da kontrast oluşturan renktir. Alt başlıklar, kart arka planları, ikonografi ve yardımcı butonlarda kullanılır. Primary'nin tek başına monoton kalmasını önler.
• Accent (vurgu) rengi: Harekete geçirici mesaj (CTA) butonları, bildirimler, etiketler gibi dikkat çekici ancak sınırlı alanlarda kullanılır. Palete canlılık katar; fazla kullanıldığında etkisini yitirir.
• Neutral (nötr) grup: Arka planlar, metin, kenarlıklar için beyaz, siyah, gri tonları. Teknik olarak 'renk' değil ama sistemin dördüncü zorunlu bileşenidir; göz ardı edildiğinde palette bütünlük kaybolur.

Paletteki Renk Sayısı: Disiplin Neden Kritik?

Pek çok marka kılavuzunu incellediğinizde iyi kurulmuş paletlerin genellikle 3 ila 5 çekirdek renk içerdiğini görürsünüz. Bu sayının üzerine çıkmak tasarımcı için seçenek zenginliği anlamına gelir; ancak marka tutarlılığı açısından karmaşa demektir. Çok fazla renk — her biri farklı sıklıkta kullanıldığında — marka çağrışımını zayıflatır ve yeni tasarımcıların hangi rengi ne zaman kullanacağı konusunda belirsizlik yaşamasına yol açar.

Pratik kural şudur: başlarken daha az, sonra genişlet. Lansman aşamasında primary + secondary + accent + 2-3 nötr ton yeterlidir. Marka oturduğunda ve ürün/hizmet çeşitliliği arttığında genişletilmiş palet (extended palette) tanımlanabilir; ancak bu genişletme temel sistemi bozmamalı, aksine üzerine inşa etmelidir.

HEX, RGB, CMYK, Pantone: Hangi Format Nerede Kullanılır?

Marka renk kılavuzunda tek bir HEX kodu yetmez. Her çıktı ortamı farklı bir renk uzayı kullanır ve bu uzaylar birbirine birebir dönüşmez. Kılavuzda her renk için dört format bir arada tanımlanmalıdır.

• HEX (#1A2B3C): Web ve dijital tasarım için standart. CSS, Figma, Webflow, Canva gibi araçlarda kullanılır. Ekran ortamlarında referans değer budur.
• RGB (R:26 G:43 B:60): Ekran çıktısı için HEX ile aynı uzayda; ancak bazı tasarım araçları ve video prodüksiyon yazılımları RGB değerini doğrudan alır.
• CMYK (C:57 M:28 Y:0 K:76): Baskı için. Ofset ve dijital baskıda mürekkep karışım oranlarını belirler. Ekran rengiyle birebir eşleşmez; baskı öncesi renk proofing zorunludur.
• Pantone (PMS): Fiziksel ürünlerde — ambalaj, tekstil, kartvizit baskısı, tabela — renk standardizasyonu için. Pantone kodu, farklı tesislerde üretilse de aynı rengi garanti eder. Pantone lisansı ayrıca satın alınması gereken bir standarttır.

Küçük işletmeler başlangıçta HEX ve CMYK ile yetinebilir. Ancak ürün ambalajı, tekstil veya global üretim süreçleri söz konusu olduğunda Pantone kodu olmadan tedarikçiler arasında tutarlı renk sağlamak güçleşir.

Renk Kontrastı ve Erişilebilirlik: WCAG AA Standardı

Bir marka rengi estetik açıdan güzel olabilir ama web ortamında kullanıcılar için okunamaz da olabilir. Bu yüzden W3C'nin Web İçeriği Erişilebilirlik Kılavuzu (WCAG) 2.1 ve 2.2 sürümlerinde tanımlanan kontrast oranları, tasarım aşamasında renk kararlarına dahil edilmelidir. WebAIM.org ve W3C WCAG 2.2 belgesi bu eşikleri açıkça tanımlamaktadır.

• Normal metin (18pt altı veya 14pt altı kalın değil): Arka plan ile metin arasında minimum 4,5:1 kontrast oranı — WCAG AA seviyesi.
• Büyük metin (18pt ve üzeri düz veya 14pt ve üzeri kalın): Minimum 3:1 kontrast oranı.
• UI bileşenleri (buton kenarlıkları, form alanları, ikonlar): Minimum 3:1.
• AAA seviyesi (yüksek erişilebilirlik): Normal metin için 7:1, büyük metin için 4,5:1.

WebAIM Million 2024 raporuna göre web sitelerinin büyük çoğunluğunda düşük kontrast en yaygın erişilebilirlik hatasıdır. Pratikte bu şu anlama gelir: primary renginizi belirlediğinizde hemen Colour Contrast Analyser (Paciello Group, ücretsiz) veya WebAIM Contrast Checker aracıyla beyaz ve siyah metin üzerindeki kontrast oranlarını test edin. 4,5:1 eşiğini geçemeyen bir primary rengi ya hafif karartılarak ya da metin rengi ayarlanarak uyumlu hale getirilmelidir. Logolar bu kuralın dışındadır — WCAG, logo içindeki metni kontrast zorunluluğundan muaf tutar; ancak logonun okunabilir kalması kullanıcı deneyimi açısından yine de önemlidir.

Rakip Renk Paleti Analizi ve Farklılaşma

Renk seçiminin stratejik boyutu şu soruyla başlar: rakipleriniz hangi renkleri kullanıyor? Sektörünüzde hakim bir renk tonu varsa — finans sektöründe koyu mavi, sağlık sektöründe yeşil/beyaz kombinasyonu gibi — bu tonu kullanmak sizi tanıdık kılar ama öne çıkarmaz. Rengi kullanmamak ise kalabalıktan sıyrılmanın en hızlı görsel yoludur.

Rakip paleti analizinin adımları basittir: sektördeki 5-10 rakibin logosunu ve ana sayfasını toplayın, her birindeki baskın rengi not edin, frekans haritası çıkarın. Hangi renk grubu az kullanılmış veya hiç denenmemiş? Bu analiz yalnızca farklılaşma değil aynı zamanda renk telifi açısından da önemlidir — başka bir markayla birebir aynı veya yanıltıcı derecede benzer bir renk tonu ciddi hukuki riskler taşıyabilir.

Tipografi Marka Karakterini Nasıl Taşır?

Font seçimi, renk kadar stratejik bir karardır. Bir serif font — Times New Roman, Playfair Display gibi — güven, gelenek ve uzmanlık çağrışımı yaratır. Sans-serif bir font — Inter, Helvetica, Manrope gibi — modernlik, sadelik ve teknoloji hissi verir. Bu çağrışımlar sabit değil; ama sektör normlarıyla örtüştüğünde güçlenirler. Tipografi aynı zamanda hiyerarşi kurar: kullanıcı bir sayfaya baktığında neyin başlık, neyin alt metin, neyin CTA olduğunu — font ağırlığı, boyutu ve ailesi aracılığıyla — sezgisel olarak anlar.

Serif mi, Sans-Serif mi? Sektör Çerçevesi

Tüm kategoriler için geçerli tek bir doğru yoktur; ancak sektör eğilimleri ve kullanıcı algısı araştırmaları bazı çerçeveler sunar. Kesin kural değil, başlangıç noktası olarak kullanılmalıdır.

• Hukuk, finans, danışmanlık, lüks: Serif fontlar güven ve otorite algısını pekiştirir. Örnekler: Playfair Display, Georgia, Cormorant Garamond.
• Teknoloji, SaaS, e-ticaret, startup: Sans-serif fontlar temizlik, hız ve modernlik hissi yaratır. Örnekler: Inter, Manrope, Plus Jakarta Sans, DM Sans.
• Yaratıcı ajans, moda, güzellik: Display fontlar — geometric sans veya özel tipografi — kişilik ve ayrışma için kullanılabilir; ancak okunabilirlik korunmalıdır.
• Sağlık, eğitim, STK: Yüksek okunabilirlik öncelikli; nötr sans-serif tercih edilir. Accessible font ailesi (geniş x-yüksekliği, açık sayılar) önemli.
• Script veya el yazısı fontlar: Sadece logo, başlık veya dekoratif alanda. Uzun metinlerde okunabilirliği ciddi biçimde düşürür — gövde metninde kesinlikle kullanılmamalıdır.

Primary ve Secondary Font: İki Katmanlı Sistem

Çoğu marka için iki font ailesi yeterlidir ve önerilir. Daha fazlası görsel gürültü yaratır; her yeni font ailesi ayrıca öğrenilmesi gereken bir dil anlamına gelir ve tasarım tutarlılığını zorlaştırır.

• Primary font (birincil): Başlıklar (H1-H3), hero bölümü, kapak materyalleri. Markanın sesi bu fontla taşınır. Belirgin kişiliği olmalı ama ağırlık/boyut farklılıklarında iyi ölçeklenmelidir.
• Secondary font (ikincil): Gövde metni, alt başlıklar (H4-H6), açıklama metinleri, form alanları. Yüksek okunabilirlik önceliği. Çoğu projede primary bold/display + secondary regular/light kombinasyonu çalışır.
• Ağırlık skalası: Her font ailesi için kullanılacak ağırlıklar önceden tanımlanmalı (ör. Regular 400, Medium 500, Semibold 600, Bold 700). Tüm ağırlıkların aynı anda kullanımı hiyerarşiyi bozar.

Google Fonts mu, Lisanslı Font mu? Maliyet ve Hukuk

Bu karar hem bütçeyi hem de hukuki riski etkiler. Google Fonts kütüphanesindeki fontların büyük çoğunluğu SIL Açık Font Lisansı (OFL) veya Apache 2.0 ile lisanslanmıştır. Google Fonts resmi belgesine (developers.google.com/fonts/faq) göre bu fontlar ticari projelerde, ürünlerde ve müşteri çalışmalarında ücretsiz ve atıf zorunluluğu olmadan kullanılabilir. Sınırlama yalnızca font dosyasının tek başına bir ürün olarak satılmasına yöneliktir.

Lisanslı (ticari) fontların avantajı benzersizliktir. Inter veya Montserrat gibi çok yaygın Google Fonts, on binlerce sitede kullanıldığı için marka ayrışmasına katkısı sınırlı kalabilir. Özel veya az kullanılan bir ticari font, rakiplerle görsel farkı büyütür. Ancak lisanslı fontlarda dikkat edilmesi gereken iki nokta vardır: web font lisansı (sayfa görüntüleme sayısına göre kademelenen fiyat) ve masaüstü lisansı (tasarımcı bilgisayarları için ayrı). Müşteri projesinde kullanılıyorsa lisansın ajansı değil müşteriyi kapsaması gerekip gerekmediği sözleşmede netleştirilmelidir.

Web, Baskı ve Sosyal Medya: Tipografi Uygulama Farklılıkları

Aynı font aynı puntoda web sayfasında, baskıda ve sosyal medya görselinde çok farklı görünebilir. Bu farklılıkları öngörmek ve kılavuzda belgelemek, ekibin her platformda tutarlı üretim yapmasını sağlar.

• Web: Piksel ızgarasına uyum (hinting) önemli. 16px altı gövde metni okunabilirlik sorununa yol açar. Variable font kullanımı performansı artırır (tek dosya, tüm ağırlıklar).
• Baskı: Nokta (pt) birimi ve minimum 9pt gövde metni. Düşük kağıt kalitesinde ince (thin/light) ağırlıklar mürekkep yayılması nedeniyle okunamaz hale gelebilir; minimum Regular kullanın.
• Sosyal medya görseli: Başlık fontlarının büyük, az kelimelik metinlerde kullanımı etkili. Küçük puntolu metin sosyal medya görselinde okunmaz — 24px altını görselde kullanmayın.
• Sunum (Keynote/PowerPoint): Sistem fontları (San Francisco, Segoe UI) güvenli seçenektir; çünkü tüm cihazlarda kurulu gelir. Özel font kullanılacaksa dosyayla birlikte font paketi sunulmalıdır.

Renk ve Tipografi Uyum Kuralları

İki sistem — renk ve tipografi — birbirinden bağımsız tanımlanamaz. Birinin kararı diğerini etkiler. Aşağıdaki uyum kuralları, ikisini bir arada tutarlı biçimde çalıştırmak için pratik çerçeve sunar.

• Primary font rengi: Gövde metninde renk kullanmak okunabilirliği düşürür. Nötr koyu ton (siyah veya koyu gri, ör. #1A1A1A veya #333) metin için varsayılan olmalıdır. Primary marka rengi metin olarak yalnızca vurgu amaçlı, sınırlı kullanılmalıdır.
• Arka plan - metin denklemi: Her arka plan / metin kombinasyonu için WCAG AA (4,5:1) testi yapılmalıdır. Özellikle primary veya secondary renk arka planında beyaz metin kullanıldığında kontrast hızla bozulabilir.
• Font ağırlığı ile renk birleşimi: İnce ağırlık (thin/light) küçük puntoda az kontrastlı bir renk üzerine yazıldığında çift kayıp yaşanır — hem ağırlık hem kontrast düşer. Bu kombinasyonu kılavuzda açıkça yasaklayın.
• Accent rengi ve font: CTA butonu accent renk arka planı üzerine beyaz metin yeterli kontrast sağlamıyorsa — bu sıklıkla soluk sarı veya açık turuncu gibi parlak aksan renklerinde görülür — koyu metin tercih edin.

Marka Kılavuzuna Entegrasyon: Figma'da Renk ve Tipografi Sistemi

Renk ve tipografi kararları alındıktan sonra bu kararların tasarım ekibine erişilebilir, güncellenebilir biçimde aktarılması gerekir. Figma, günümüzde bu sürecin fiili standardıdır. Birkaç temel adım sistemi çalıştırır.

• Color Styles (Renk Stilleri): Figma'da her renk için isimlendirilmiş stil oluşturun: brand/primary, brand/secondary, brand/accent, neutral/text, neutral/bg gibi. Doğrudan HEX değil stil adıyla atıfta bulunan tasarım, renk güncellendiğinde otomatik güncellenir.
• Text Styles (Metin Stilleri): Her başlık seviyesi (H1-H6), gövde metni, altyazı, etiket için font ailesi + boyut + ağırlık + satır aralığı kombinasyonunu stil olarak kaydedin. Tasarımcının her seferinde manüel seçim yapması gerekmez.
• Design Token'ları (ileri seviye): Figma Variables veya ayrı bir token yönetim aracı (Style Dictionary, Tokens Studio) kullanılarak renk ve tipografi değerleri kod tabanıyla senkronize edilebilir. Web bileşenlerine doğrudan CSS değişkeni olarak aktarılır; tek noktadan tüm platformlar güncellenir.
• Erişim ve versiyon: Kılavuz dosyası ekip kütüphanesi olarak paylaşıldığında tüm proje dosyaları aynı stili kullanır. Güncelleme yapıldığında Figma kütüphane güncellemesi bildirir — onaylayıp projeye uygularsınız.

Archidecors için geliştirdiğimiz kurumsal kimlik çalışmasında renk sistemini Figma Color Styles ile belgelemiş, tipografi hiyerarşisini Text Styles'a işlemiş ve bu kütüphaneyi hem web hem baskı tasarımlarında ortak kaynak olarak kullanmıştık. Bu yaklaşım, farklı tasarımcıların ürettiği materyallerin marka dili açısından tutarlı kalmasını sağladı.

Renk ve Tipografinizi Profesyonel Olarak Belirleyin

Renk ve tipografi sisteminizi güçlü bir temele oturtmak, sonraki tüm tasarım kararlarını hızlandırır ve marka tutarlılığını garanti altına alır. ADWEBX, marka kimliği projelerinde renk sistemi, tipografi seçimi ve Figma kılavuz entegrasyonunu birlikte yönetiyor. Ücretsiz marka analizi için ekibimizle /analiz sayfası üzerinden iletişime geçebilir ya da WhatsApp hattımız 905322477388 üzerinden doğrudan ulaşabilirsiniz.

Sık Sorulan Sorular

Marka renk paleti seçiminde kaç renk yeterlidir?

Başlangıç için primary, secondary, accent ve 2-3 nötr tondan oluşan 5-7 değerlik bir sistem yeterlidir. Daha fazla renk tutarlılığı zorlaştırır; tasarımcılar hangi rengi ne zaman kullanacağı konusunda belirsizlik yaşar. Marka oturdukça genişletilmiş palet tanımlanabilir, ancak çekirdek sistem korunmalıdır.

WCAG AA renk kontrastı neden önemlidir?

WCAG AA standardı (W3C WCAG 2.1/2.2), normal metin için 4,5:1 kontrast oranını minimum şart olarak tanımlar. Düşük kontrast, görme güçlüğü olan kullanıcıların içeriğinizi okuyamamasına yol açar ve pek çok ülkede yasal erişilebilirlik gerekliliklerini ihlal eder. Ayrıca güneş ışığında veya düşük parlaklıkta ekran kullananlar için de okunabilirliği doğrudan etkiler.

Google Fonts ticari projede kullanılabilir mi?

Evet. Google Fonts'taki fontların büyük çoğunluğu SIL Açık Font Lisansı (OFL) veya Apache 2.0 ile lisanslanmıştır. Google Fonts resmi belgesi (developers.google.com/fonts/faq), bu fontların ticari projelerde ve müşteri çalışmalarında ücretsiz, atıf zorunluluğu olmadan kullanılabileceğini açıkça belirtmektedir. Tek kısıtlama: font dosyasını bağımsız bir ürün olarak satmaktır.

Serif ve sans-serif font arasında nasıl karar verilir?

Karar sektör normları, hedef kitle beklentisi ve marka kişiliğine göre verilir. Hukuk, finans ve lüks sektörler serif fontla güven ve otorite çağrışımı yaratır; teknoloji, SaaS ve startup'lar sans-serif ile modernlik ve temizlik hissi verir. Seçimden önce rakip paleti incelemek faydalıdır — sektörde baskın olan neyse, farklılaşmak için tersi düşünülmeye değer.

Pantone renk kodu her marka için şart mıdır?

Hayır. Yalnızca dijital mecrada faaliyet gösteren bir marka için HEX ve RGB yeterlidir. Pantone kodu, fiziksel üretim süreçleri — ambalaj, tekstil, tabela, baskılı materyal — gerektiren markalar için kritik hale gelir. Farklı tesislerde veya farklı ülkelerde üretim yapılıyorsa renk standartlaşması için Pantone zorunlu hale gelebilir; bu aşamada geriye dönük Pantone dönüşümü yerine sürecin başında Pantone'u sisteme eklemek daha verimlidir.