Ne işe yarar (iş diliyle)
Marka tutarlılığı için katı bir tasarım çerçevesi: renk paleti, font ağırlığı, harf kasası, boyut
hiyerarşisi tek dosyada sabitlenir. Üretilen her görsel referans (ref.jpg) ile piksel düzeyinde
yan-yana karşılaştırılır. AI’da renkler kaymış, Türkçe karakter eksik, alt bant yamuk gibi
tartışmalar baştan kapanır. Kurumsal kimlik koruyan markalar için garanti.
Hangi müşteri/projelerde işe yarar
- Kurumsal kimliği ödün vermeyen büyük markalar (banka, enerji, telekom, sigorta)
- Çok-bayili sistemde merkez kontrolü gereken senaryolar
- Yüksek hacimli üretimde varyans toleransı sıfır olan kampanyalar
- Resmi / regülatör doküman üretimi (logo, font kurallı)
- Multi-channel kampanya (sosyal + basılı + dijital tek tema)
Nasıl çalışır (kısa, sade)
design-tokens.ts tek dosyası tüm sabitleri tutar: colors (palette üçlüsü), typography
(family + weight + case), layout (canvas boyutu, bölge yerleri, font min/max). Tüm görsel
bileşenler bu dosyadan değer alır. Marka briefi (brief.md) her sprint sonu checklist içerir:
gradient eşleşmesi, photo feather, font weight, renk üçlüsü, alt bant ortalanması, Türkçe
karakterler, çözünürlük. Sapma → o adım tamamlanmamış sayılır, bir sonrakine geçilmez.
Olgunluk
canlida-kanitlanmis. Pratik metodoloji; insan kontrolü tabanlı (otomatik test değil). CI’da otomasyon için bir sonraki sertleştirme adımı: visual regression test (Playwright + pixelmatch) ile ref vs çıktı diff her PR’da otomatik.
Teknik (geliştiriciler için)
- Kod:
src/lib/design-tokens.ts(tek kaynak palette/font/case/boyut),brief.md(referans açıklama + sprint sonu doğrulama checklist’i),ref.jpg(onaylanmış nihai kompozisyon). - Doğrulama yöntemi: her büyük layer (gradient, photo, wordcloud, bottombar) tamamlandıktan sonra ref.jpg ile yan yana koy, checklist’i tek tek geç.
- Sertleştirme önerisi: Playwright + pixelmatch ile visual regression test’i CI’a entegre et; threshold belirlenir, üstüne çıkan diff’ler PR check fail eder.
- Sınır: ref görsel tek bir kompozisyon (1920×1080) — alt-tipler (Instagram Story 1080×1920, LinkedIn 1200×627) için her birine ayrı ref ve checklist gerekir. Token dosyası tek-marka; çok-marka senaryosunda tokens’i marka bazlı namespace’lemek gerekir.