Marka

Nasıl çalışır

• BigBang marka bağımsızdır. Her müşterinin markası kapalı şemalı bir marka paketiyle gelir ve derleme anında uygulanır; çalışma anında tema yüklenmez (D-09).
• Bir marka paketi yalnızca renk rampalarını, yazı tiplerini, radius.preset ve shadow.tint değerlerini, logo dosyalarını ve marka metinlerini taşır. Bileşen yapısı markaya göre değişmez (BRAND-04).
• Ürün ekranında markanın adı hiçbir zaman sabit yazılmaz; {brandName} değişkeninden gelir. “BigBang” yalnızca tasarım sisteminin adıdır (D-12).
• Bu sitedeki marka seçici, aynı bileşenlerin farklı bir marka paketiyle nasıl göründüğünü gösterir.

Marka paketinin içeriği

brands/<marka-kimliği>/
  brand.manifest.json     kimlik, paket sürümü, şema sürümü, diller, tüzel ad,
                          destek iletişimi, uygulama adı, yazı tipleri, lisanslar
  tokens/                 primitives.json, overrides.dark.json, brand-type.json, brand-effect.json
  assets/logo/            primary, stacked, symbol, mono, inverse, print, email
  assets/favicon/         SVG ve 32, 180, 192, 512 px PNG
  assets/app-icon/
  assets/illustration/    slot başına SVG
  fonts/                  *.woff2 ve lisans kaydı
  content/                messages.{tr,en}.json (yalnızca brand.*), legal.json, templates/

Kural	Ayrıntı
Marka kimliği	Kebab-case, tüzel ad değil: ornek-marka
Kapalı şema	Boş slot ya da başka markanın dosyası derlemeyi durdurur; varsayılan markaya sessiz geri dönüş yoktur (BRAND-01).
Renk	brand, accent ve neutral rampaları 50-950 arası 11 adım. Metin 4.5:1, kenarlık ve durum işareti 3:1 kontrastı geçmeyen değer rampada kaydırılır, olduğu gibi yayımlanmaz (BRAND-07, BRAND-12).
Yazı tipi	woff2 dosyası, ticari web kullanımına izin veren lisans kaydıyla; Ç Ğ İ ı Ö Ş Ü ve ₺ karakterlerini kapsar. Lisans doğrulanamazsa Inter kullanılır.
Sürüm	packVersion anlamsal sürüm taşır; şema değişikliği büyük sürümdür (BRAND-08).
Geçici paket	Müşterinin marka rehberi gelene kadar paket provisional işaretlidir: geliştirme, Storybook ve kabul testinde çalışır, üretimde çalışmaz (BRAND-14).

Logo slotları

Her marka paketi aşağıdaki kapalı slot listesini doldurur (BRAND-13). Boş slot nötr yer tutucuyu kullanır ve paketi geçici yapar.

Slot	Biçim	Nerede
logo.primary	Yatay, tam renk SVG	Uygulama başlığı, oturum açma ekranı
logo.stacked	Dikey, tam renk SVG	Dar ve kare alanlar
logo.symbol	Yalnızca işaret, SVG	Daraltılmış kenar menü, küçük alanlar
logo.mono	Tek renk SVG	Tek renkli baskı, filigran
logo.inverse	Koyu zemin için SVG	Koyu mod, koyu yüzeyler
logo.favicon	SVG ve 32, 180, 192, 512 px PNG	Tarayıcı sekmesi, ana ekran
logo.app-icon	Uygulama ikonu	Mobil uygulama
logo.print	Tek renk	Makbuz ve PDF
logo.email	PNG	E-posta şablonları

Boşluk alanı

Logonun çevresinde başka bir öğenin girmediği bir boşluk bırakılır. Varsayılan boşluk, logo işaretinin yüksekliğinin yarısı kadardır ve dört yönde de geçerlidir. Marka paketi her slot için kendi değerini manifestoda verebilir; bu değer varsayılandan küçük olamaz.

Kesikli çizgi boşluk alanını gösterir; içine metin, ikon ya da kenarlık girmez.

En küçük boy

Slot	Ekran	Baskı
logo.primary	24 px yükseklik	8 mm yükseklik
logo.stacked	40 px yükseklik	14 mm yükseklik
logo.symbol	16 px	5 mm

Bu değerlerin altında logo okunmaz. Daha küçük bir alan varsa logo.symbol kullanın. Marka paketi daha büyük bir en küçük boy verebilir.

Zemin ve renk

• Açık zeminde logo.primary, koyu zeminde logo.inverse kullanılır. Koyu modda geçiş BrandLogo tarafından kendiliğinden yapılır (TKN-12).
• Logo yeniden renklendirilmez, gölge, kontur ya da efekt almaz, döndürülmez, oranı bozulmaz.
• Logo fotoğrafın ya da desenli zeminin üstüne konmaz. Konması gerekiyorsa düz bir yüzey üstünde ve boşluk alanıyla konur.
• Logolar kontrast kuralının dışındadır; yine de zeminle karışmayacak sürüm seçilir.

Ortak markalama

Müşteri markası bir iş ortağının markasıyla birlikte göründüğünde:

• Müşterinin logosu başta (soldan sağa okumada solda), iş ortağının logosu sonra gelir.
• İki logo arasında border-default renginde 1 px dikey ayraç ve iki yanda boşluk alanı kadar mesafe olur.
• İki logo aynı optik yükseklikte görünür; biri diğerinden büyük gösterilmez.
• İş ortağı logosu iş ortağının verdiği dosyadan, renkleri değiştirilmeden kullanılır. Kaynağı ve kullanım izni varlık kaydında yazar (ASSET-05, BRAND-10).
• Kart ağı ve ödeme yöntemi işaretleri her sahibin kendi kurallarıyla, ayrı bir klasörden kullanılır; tasarım sistemi bunları yeniden çizmez.
• İki logo hiçbir zaman tek bir işarette birleştirilmez.

BrandLogo kuralları

BrandLogo, ürün ekranlarında logonun tek giriş noktasıdır; logo dosyası doğrudan <img> ya da içe aktarma ile kullanılmaz (BRAND-10).

Kural	Ayrıntı
Slot	slot özelliği yukarıdaki listeden biridir: primary, stacked, symbol, mono, inverse.
Mod	Koyu modda primary istenirse inverse çizilir.
Kaynak	Dosya aynı kaynaktan (img-src 'self') gelir; satır içi stil yoktur (BRAND-03).
Boyut	height token ölçeğinden verilir; slotun en küçük boyunun altına inemez.
Erişilebilir ad	Tek başına logo: ad {brandName}. Ana sayfaya giden bağlantının içinde: bağlantının adı {brandName}, ana sayfa. Yanında markanın adı metin olarak yazıyorsa logo süstür ve alt="" alır.
Kayıt	Her logo dosyası marka varlık manifestosunda sahibi, lisansı, izin verilen kullanımları ve bitiş tarihiyle listelenir; listede olmayan dosya derlemeyi durdurur.

Bu tablo BrandLogo bileşeninin sözleşmesidir.

Yeni marka ekleme

1. Müşteriden marka bilgileri alınır: tüzel ad, destek iletişimi, renkler ve kullanım amaçları, SVG logolar, yazı tipi lisansı.
2. Boş şemadan yeni bir paket oluşturulur; başka bir markanın dosyaları kopyalanmaz.
3. Paket doğrulanır: şema, kontrast ve marka adı taraması.
4. Marka ve mod matrisi derlenir; her bileşen yeni markada gözden geçirilir.
5. Marka kabul sayfası tasarım lideri ve müşterinin marka sahibi tarafından onaylanır; ardından geçici işareti kalkar.

Yönergeler

Logoyu BrandLogo ile kullanın

<BrandLogo slot=“primary” height=“lg” />

YapınSlot, mod ve erişilebilir ad marka paketinden gelir.

<img src=“/logo.svg” />

YapmayınDoğrudan dosya yolu markaya bağlanır ve koyu modda yanlış sürüm çizilir.

Marka adını sabit yazmayın

{brandName} hesabınız

YapınAd marka paketinden gelir; aynı ekran her markada çalışır.

Örnek Marka hesabınız

YapmayınSabit ad başka bir müşteriye teslimde yanlış kalır.