aslain.dev
0%
01 Hizmetler 02 Hakkımda 03 Projeler 04 Stack 05 Blog 06 İletişim
← Tüm makaleler Tasarım

Marka Stil Kılavuzu Hazırlama: Adım Adım Rehber

Bir marka stil kılavuzu (brand style guide ya da brand guideline), markanın görsel kurallarını tek bir belgede toplayan referanstır: logonun nasıl kullanılacağı, hangi renklerin geçerli olduğu, tipografinin nasıl uygulanacağı ve nelerin yapılmaması gerektiği. İyi hazırlanmış bir kılavuz, marka kimliğini bir tasarımcının kafasından çıkarıp herkesin erişebileceği, tekrar üretilebilir bir sisteme dönüştürür. Bu yazıda böyle bir kılavuzu sıfırdan, hangi bölümlerle ve nasıl bir detay seviyesiyle hazırlayacağını anlatıyorum.

Stil kılavuzu ne işe yarar?

Marka, tek bir kişi tarafından değil; zamanla birçok kişi tarafından uygulanır. Bir sosyal medya görseli, bir fatura, bir web sitesi, bir tabela ya da bir reklam farklı ellerden çıkar. Yazılı bir kural olmadığında herkes logonun rengini biraz farklı, boşluğu biraz başka, yazı tipini gönlünce seçer ve marka zamanla dağılır. Stil kılavuzu bu dağılmayı önler:

  • Tutarlılık: Her temas noktasında marka aynı görünür, bu da tanınırlık ve güven oluşturur.
  • Hız: Yeni bir tasarım ya da içerik üretirken kararlar zaten verilmiştir; sıfırdan tartışmazsın.
  • Devredilebilirlik: Yeni bir ekip üyesi, ajans ya da baskıcı belgeye bakıp markaya sadık kalabilir.

Kılavuzu PDF, paylaşılan bir sayfa (Figma, Notion) ya da basit bir web sayfası olarak yayınlayabilirsin. Önemli olan format değil, içeriğin net ve örneklerle desteklenmiş olması.

Logo kullanım kuralları

Kılavuzun kalbi genelde logo bölümüdür çünkü en çok burada hata yapılır. Önce logonun tüm geçerli versiyonlarını göster: yatay ve dikey kilit (lockup), sadece sembol, açık zemin ve koyu zemin varyantları, ve gerekiyorsa tek renk (siyah/beyaz) hali. Her birinin nerede kullanılacağını bir cümleyle belirt.

İki kural neredeyse her kılavuzda bulunur ve bunlar görsel olarak gösterilmelidir:

  • Clear space (güvenli boşluk): Logonun etrafında bırakılması gereken minimum boşluk. Genelde logonun bir öğesine (örneğin sembolün yüksekliği ya da bir harfin "x-height" değeri) oranla tanımlanır, böylece logo büyütülüp küçültüldüğünde kural geçerli kalır.
  • Minimum boyut: Logonun okunaklı kalacağı en küçük ölçü (örneğin ekranda 24px yükseklik, baskıda 15mm genişlik gibi). Bunun altında logo bozulur.

Bir de "yapılmayacaklar" (misuse) listesi ekle ve bunu görsel örneklerle anlat: logoyu germe, oranını bozma, izinsiz renk değiştirme, gölge/efekt ekleme, kalabalık bir fotoğrafın üzerine kontrastsız yerleştirme, döndürme. "Yapma" örnekleri, çoğu zaman uzun açıklamalardan daha etkilidir.

Renk paleti ve renk kodları

Renk bölümü, markanın renklerini hem ekran hem baskı için kesin değerlerle tanımlar. Aynı maviyi web'de ve broşürde aynı göstermek istiyorsan her rengi farklı renk uzaylarında yazman gerekir:

  • HEX ve RGB — dijital (web, uygulama, ekran).
  • CMYK — baskı (broşür, kartvizit, tabela).
  • Gerekiyorsa Pantone (PMS) — özel baskı ve tek renk işler için referans.

Paleti rollere göre düzenle: bir-iki ana renk, bir vurgu rengi ve birkaç nötr ton (metin ve zemin için). Web tarafında bu renkleri değişken olarak tanımlamak, hem belgeyi hem kodu tek kaynakta tutmanın pratik yoludur:

:root {
  --brand-primary: #1f6feb;   /* ana ton  */
  --brand-accent:  #ffb020;   /* vurgu    */
  --brand-ink:     #11151c;   /* metin    */
  --brand-paper:   #f7f8fa;   /* zemin    */
}

Erişilebilirliği de kuralın parçası yap: metin ve arka plan arasındaki kontrast oranı okunabilirlik için kritiktir. WCAG, normal boyutlu metin için en az 4.5:1 kontrast önerir. Hangi renk kombinasyonlarının metin için kullanılabileceğini, hangilerinin yalnızca dekoratif olduğunu kılavuzda net belirt.

Tipografi kuralları

Tipografi bölümü, markanın yazı tiplerini ve bunların nasıl kullanılacağını tanımlar. Önce yazı tiplerini listele: başlıklar için bir tip, gövde metni için bir tip (genelde iki tip yeterlidir). Web ve baskı için farklı tipler gerekiyorsa eşdeğerlerini de belirt. Sonra bir tipografik ölçek ver; böylece her sayfa aynı hiyerarşiyle görünür:

  • Yazı tipi aileleri: İsimleri, kalınlıkları (light/regular/bold) ve lisans bilgisiyle.
  • Hiyerarşi: Başlık, alt başlık, gövde ve küçük metin için boyut ve kalınlık değerleri.
  • Satır yüksekliği ve boşluk: Okunabilirliği belirleyen ama çoğu zaman atlanan ayrıntılar.

Web için tipografiyi de kodla bağlamak iyi bir alışkanlıktır:

:root {
  --font-head: "Sora", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --step-h1: 2rem;     /* 32px */
  --step-h2: 1.5rem;   /* 24px */
  --step-body: 1rem;   /* 16px */
  --leading-body: 1.6;
}

Yazı tiplerinde lisansa dikkat et: Google Fonts gibi kaynaklar web ve çoğu ticari kullanım için ücretsizdir, ama bir tipi satın aldıysan kullanım kapsamını kılavuzda not et ki ekip yanlışlıkla lisans dışına çıkmasın.

Yardımcı öğeler ve ses tonu

Logo, renk ve tipografi çekirdektir ama kılavuzu eksiksiz yapan birkaç ek bölüm daha vardır. Markaya göre şunları ekleyebilirsin:

  • İkonografi: İkon stili (çizgi mi dolu mu, köşe yarıçapı, çizgi kalınlığı), böylece farklı kaynaklardan gelen ikonlar bir bütün gibi durur.
  • Fotoğraf/illüstrasyon stili: Hangi tonda, hangi atmosferde görseller kullanılacağına dair örnekler.
  • Boşluk ve grid: Düzen kurarken kullanılan temel ölçü birimi (örneğin 8px tabanlı bir sistem).
  • Ses tonu: Markanın nasıl konuştuğu — "böyle söyleriz / böyle söylemeyiz" örnekleriyle.

Bu bölümler markayı sadece "doğru görünen" değil, "doğru hissettiren" bir bütüne dönüştürür. Hepsini aynı kişilikten (markanın üç-beş sıfatı) beslemek tutarlılığın anahtarıdır.

Kılavuzu canlı tutmak

Bir stil kılavuzu, yazıldığı gün biten bir belge değildir. Marka büyüdükçe yeni durumlar çıkar: bir sosyal medya platformu, yeni bir ürün, yeni bir dil. Kılavuza bir sürüm numarası ve tarih koy, değişiklikleri kayıt altına al ve dosyayı ekibin kolay ulaşacağı tek bir yerde tut. Tek kaynak (single source of truth) ilkesi burada da geçerli: herkes aynı, güncel belgeye baksın.

Kılavuzun amacı kuralları katı bir polis gibi dayatmak değil; tutarlı, güçlü ve tanınır bir marka inşa etmenin önündeki belirsizliği kaldırmaktır. Net kurallar, paradoksal biçimde, yaratıcılığı kolaylaştırır çünkü temel kararlar verilmiştir ve enerjini asıl işe ayırabilirsin.

Sık Sorulan Sorular

Marka stil kılavuzu ile marka kimliği aynı şey mi?

Hayır. Marka kimliği logo, renk, tipografi ve ses tonu gibi öğelerin bütünüdür; stil kılavuzu ise bu öğelerin nasıl kullanılacağını belgeleyen kurallar dosyasıdır. Kimlik "ne", kılavuz "nasıl" sorusunu yanıtlar.

Küçük bir marka için kapsamlı bir kılavuz şart mı?

Hayır, kapsam markaya göre ölçeklenir. Küçük bir marka için logo varyantları, clear space, renk kodları ve bir tipografi ölçeği içeren birkaç sayfalık bir belge bile büyük fark yaratır. Önemli olan sayfa sayısı değil, kuralların net olması.

Kılavuzu hangi formatta hazırlamalıyım?

Markaya ve ekibe göre değişir. PDF paylaşımı kolaydır; Figma ya da Notion gibi canlı bir sayfa güncellemeyi kolaylaştırır; bir web sayfası ise web ekibi için doğrudan referans olur. Çoğu durumda PDF artı paylaşılan canlı bir dosya kombinasyonu iyi çalışır.

Markan için sıfırdan bir stil kılavuzu mu lazım? Logo kullanımını, renk kodlarını ve tipografi kurallarını tutarlı, kullanışlı bir belgeye dökerek ekibinin marka standardına kolayca uymasını sağlayabilirim. Projeni konuşmak için benimle iletişime geç.

Bu kategorideki tüm yazılar →

Devamı için