Bu belge, Pike Entertainment markasının her ortamda tutarlı görünmesi için uyulması gereken kuralları tanımlar. Tasarım, pazarlama ve iş ortaklarımız için bağlayıcı referanstır.
Kılavuz üç bölümden oluşur: markanın ne olduğu, görsel varlıkların nasıl kullanılacağı ve bunların nerede uygulanacağı.
Pike Entertainment, İstanbul merkezli bağımsız bir oyun geliştirme stüdyosudur. Mobil platformlar için oyun tasarlar, geliştirir ve yayınlar; üretim sürecinin tamamını stüdyo bünyesinde yürütür.
Kendi fikirlerini üreten, oynanış odaklı bağımsız bir geliştirme stüdyosu. Faaliyet alanı yalnızca kendi oyunlarının üretimi ve yayınıdır.
Oyuncular, potansiyel ekip arkadaşları, platform iş ortakları ve yatırımcılar. Marka bu dört gruba aynı anda ciddiyet vermeli.
Görsel dilimiz dört sıfatla özetlenir. Her tasarım kararı bu dördüne uymalıdır.
Bağırmaz. Neon ve abartılı efekt kullanmaz.
Altıgen modül, net kenarlar, hizalı yerleşim.
Olmayan başarıyı iddia etmez. Az ama gerçek.
Moda akımlara göre değişmez, uzun ömürlü.
Kimliğimizi kurarken oyun stüdyolarının ve girişim kuluçka merkezlerinin marka sistemlerini inceledik. Aşağıda hangi yaklaşımın neden benimsendiği açıklanmıştır.
| Kaynak yaklaşım | Gözlem | Bizim uygulamamız |
|---|---|---|
| Büyük mobil oyun stüdyoları Supercell, Peak, Dream Games ölçeğinde |
Kurumsal marka sade ve geri planda durur; öne çıkan şey oyunlardır. Stüdyo logosu tek renk, tek amblem. | Kurumsal kimlik sakin tutuldu. Ürün markaları kendi görsel dillerini taşır, stüdyo paletine zorlanmaz. |
| Kurumsal oyun markaları Riot, Ubisoft ölçeğinde |
Amblem + kelime işareti kilidi katı biçimde korunur. Koyu zemin varsayılan sunum ortamıdır. | Yatay kilit standart kabul edildi; koyu zemin varsayılan, açık zemin istisna. |
| Bağımsız stüdyolar Devolver, Annapurna ölçeğinde |
Karakter tutarlılıktan gelir; az sayıda güçlü öğe her yerde aynı biçimde tekrarlanır. | Tek amblem, tek vurgu rengi, iki yazı tipi. Öğe sayısı bilerek düşük tutuldu. |
| Kuluçka ve hızlandırıcılar Y Combinator, Techstars ölçeğinde |
Tek vurgu rengi ve harf temelli amblem; her ortamda birebir aynı kullanım. Koruma alanı kuralları nettir. | Koruma alanı amblem yüksekliğine bağlandı (bkz. sayfa 06). Vurgu rengi tek: çelik mavisi. |
Marka değeri tekrardan doğar. Aynı logo, aynı renk ve aynı yerleşim yeterince çok tekrar ettiğinde tanınırlık oluşur. Bu kılavuzun tek amacı o tekrarı korumaktır — yaratıcılığı kısıtlamak değil, tanınırlığı biriktirmek.
Logo iki bileşenden oluşur: amblem (altıgen modüllerden kurulu «P») ve kelime işareti (PIKE / ENTERTAINMENT). Bu ikisinin birlikte kullanımına kilit denir.
Ana logo (yatay kilit) — varsayılan kullanım. Web başlığı, sunum kapakları, imza alanları ve iş ortağı belgelerinde bu kullanılır.
Amblem
Kare alanlar, ikon, avatar
Açık zemin
Baskı, beyaz sayfa
Monokrom
Tek renk baskı, gravür
| Durum | Kullanılacak varyant |
|---|---|
| Genişlik amblem yüksekliğinin 3 katından fazla | Yatay kilit (ana logo) |
| Kare veya kareye yakın alan | Amblem tek başına |
| 24 px altı dijital ölçek | Amblem — kelime işareti okunmaz |
| Tek renk baskı, faks, gravür, damga | Monokrom |
| Fotoğraf veya desenli zemin | Amblem + koyu örtü katmanı (bkz. sayfa 07) |
Logonun çevresinde daima boş bir tampon bırakılır. Bu alana hiçbir metin, görsel, çizgi veya sayfa kenarı giremez.
X = amblemin yüksekliği. Koruma alanı her yönde 0,5 X'tir. Ölçü orantısal olduğu için logo hangi boyutta kullanılırsa kullanılsın kural aynı kalır.
0,5 X
0,5 X
0,5 X
0,5 X
Kesikli çizgiyle işaretli alan boş kalmalıdır.
Bu değerlerin altına inildiğinde logo okunmaz hâle gelir. Alan darsa kilit yerine amblem kullanılır.
| Varyant | Dijital (en) | Baskı (en) | Not |
|---|---|---|---|
| Yatay kilit | 120 px | 30 mm | Altında kelime işareti dağılır |
| Amblem | 24 px | 8 mm | Favicon için 32 px önerilir |
| Uygulama ikonu | 512 px | — | Mağaza gereksinimi |
Sayfa kenarına veya bir kutunun köşesine logoyu yapıştırmak. Kenar boşluğu koruma alanının yerine geçmez; koruma alanı kenar boşluğuna ek olarak bırakılır.
Aşağıdakilerin hiçbiri kabul edilemez. Logo dosyası her zaman olduğu gibi, orantısı korunarak kullanılır.
Yatay/dikey esnetme
Döndürme
Renk değiştirme
Marka dışı zemin
Gölge / parlama efekti
Meşgul / desenli zemin
Saydamlık düşürme
Çerçeve içine alma
Pike
Kelime işaretini yeniden dizme
Amblem ile kelime işareti arasındaki mesafe, harf aralıkları, amblemin iç geometrisi ve renk değerleri sabittir. Yeni bir kullanım ihtiyacı doğduğunda logo üzerinde oynanmaz — bu kılavuzun sahibine başvurulur.
Marka üç çekirdek renkten oluşur. Tüm arayüz tonları bu üçünden türetilir; palete dışarıdan renk eklenmez.
Değerler logo dosyalarından ölçülmüştür — logo ile kılavuz arasında renk farkı yoktur.
Çelik mavisi tek başına arayüz kurmaya yetmez. Aşağıdaki tonlar ondan türetilmiştir ve her birinin belirli bir görevi vardır.
| Ton | HEX | Nerede kullanılır |
|---|---|---|
| blue-900 | #273046 | Derin vurgu zeminleri, gradyan sonu |
| blue-700 | #36415E | Buton gradyanının koyu ucu |
| blue-500 | #435276 | Marka mavisi — amblem, buton dolgusu, büyük alanlar |
| blue-400 | #6175A5 | Kenarlıklar, ikon çizgileri, büyük başlık vurgusu |
| blue-300 | #8191B7 | Bağlantılar ve küçük metinde marka rengi |
| blue-200 | #9CA9C7 | Koyu zeminde en açık vurgu, hover durumu |
Aşağıdaki oranlar WCAG 2.1 yöntemiyle ölçülmüştür. Bu tablo tavsiye değil, uyulması zorunlu bir tekniktir.
Çelik mavisi (#435276) koyu zeminde metin olarak kullanılamaz. Kömür grisi üzerinde yalnızca 1,89:1 kontrast verir ve WCAG'ın hiçbir eşiğini geçmez. Metin, bağlantı ve ince ikonlarda blue-300 (#8191B7) kullanılır.
| Renk çifti | Oran | Sonuç | Kullanım |
|---|---|---|---|
| Kemik beyazı / Kömür grisi | 9,36:1 | AAA | Tüm gövde metni |
| blue-200 / Kömür grisi | 6,21:1 | AA | Hover, açık vurgu |
| blue-300 / Kömür grisi | 4,64:1 | AA | Bağlantı, küçük metin |
| Kemik beyazı / Çelik mavisi | 4,96:1 | AA | Buton üzeri yazı |
| blue-400 / Kömür grisi | 3,20:1 | Sınırlı | Yalnızca 24 px+ başlık, kenarlık, ikon |
| Çelik mavisi / Kömür grisi | 1,89:1 | Geçmiyor | Metinde kullanılmaz — yalnızca dolgu |
Düşük kontrast yalnızca görme güçlüğü olan kullanıcıları etkilemez; güneş altındaki telefon ekranında ve ucuz panellerde herkes için okunmaz hâle gelir. Ayrıca dijital mağazaların erişilebilirlik denetimlerinde sorun çıkarabilir.
İki yazı tipi kullanılır. Üçüncü bir yazı tipi eklenmez.
Aa Bb Çç
Geometrik yapısı logonun kelime işaretiyle aynı karakterde. Başlıklar, butonlar, etiketler ve navigasyonda kullanılır. Ağırlıklar: 500 / 600 / 700.
Aa Bb Çç
Ekranda uzun metin için tasarlandı; küçük boyutlarda okunaklılığı yüksek. Paragraflar, form etiketleri ve yasal metinlerde kullanılır. Ağırlıklar: 400 / 500 / 600.
Konum rastgele seçilmez. Aşağıdaki yerleşimler standarttır ve her üründe aynı biçimde tekrarlanır.
Üst başlık — sol üst. Yükseklik 40 px, sayfa kaydırılınca 34 px. Daima ana sayfaya bağlantı verir.
© 2026
Alt bilgi — sol. Yükseklik 42 px. Yanında kısa tanım cümlesi ve sosyal medya bağlantıları yer alır.
Sosyal avatar
Koyu zemin, amblem ortalı
Uygulama ikonu
Köşe yarıçapı %23
Mavi zemin
Amblem kemik beyazı
Açık zemin
Amblem çelik mavisi
| Ortam | Konum | Varyant | Boyut |
|---|---|---|---|
| Web üst başlık | Sol üst | Yatay kilit | 40 px yükseklik |
| Web alt bilgi | Sol | Yatay kilit | 42 px yükseklik |
| Favicon | — | Amblem | 32 × 32 px |
| Sosyal medya avatarı | Ortalı | Amblem | 400 × 400 px |
| Paylaşım görseli (OG) | Sol alt | Yatay kilit | 1200 × 630 px |
| Sunum kapağı | Sol üst veya ortalı | Yatay kilit | Slayt eninin %18'i |
| Sunum iç slayt | Sağ alt | Amblem | Slayt eninin %4'ü |
| Oyun açılış ekranı | Ortalı | Yatay kilit | Ekran eninin %40'ı |
| Kartvizit ön yüz | Sol üst | Yatay kilit | 30 mm en |
| E-posta imzası | Metnin altında | Yatay kilit | 120 px en |
Markanın koyu zeminde nasıl göründüğüne dair örnekler. Varsayılan sunum ortamımız budur.
Web sitesi üst bölümü. Logo sol üstte, vurgu rengi yalnızca başlığın ikinci satırında ve butonda kullanılıyor.
Oyun açılışında amblem ortalı, sabit zemin.
Sosyal medya profili — amblem avatar olarak.
E-posta imzası — logo metnin altında.
Ürün markaları kurumsal kimlikten bağımsızdır; kendi görsel dillerini taşır ve stüdyo paletine zorlanmaz. Kurumsal logo ürün içinde yalnızca açılış ekranında ve mağaza sayfasındaki geliştirici alanında görünür.
Doğru dosyayı seçmek, logoyu doğru kullanmanın yarısıdır. Aşağıdaki tablo hangi dosyanın nerede kullanılacağını belirler.
| Dosya | Biçim | Kullanım alanı |
|---|---|---|
| amblem.svg | SVG · vektör | Amblem ana kaynağı — her ölçekte baskı, kesim, ikon |
| logo.svg | SVG · vektör | Yatay kilit vektör kaynağı — yazı dönüştürülmemiş, aşağıdaki nota bakın |
| logo.png | PNG · saydam · 2569 px | Yatay kilit, koyu zemin — web, sunum, imza |
| logo-acik.png | PNG · saydam · 2569 px | Yatay kilit, açık zeminli baskı ve belgeler |
| logo-mono.png | PNG · tek renk · 2569 px | Gravür, damga, tek renk baskı |
| mark.png | PNG · saydam · 1363 px | Avatar, uygulama ikonu |
| favicon.ico | ICO · 16–256 px | Tarayıcı sekmesi ve yer imi ikonu |
Tüm logo dosyaları ve bu kılavuzun güncel sürümü marka kiti sayfasındadır:
pikeentertainment.com/marka
Dosyalar tek tek ya da tek pakette
(pike-logo-paketi.zip) indirilebilir. Logoyu
e-posta ekinden, sunumdan veya ekran görüntüsünden almayın — daima bu
sayfadaki kaynak dosyayı kullanın.
logo.svg dosyasındaki PIKE ve ENTERTAINMENT kelimeleri canlı metin olarak duruyor ve Montserrat Bold fontuna bağlı. Bu font kurulu olmayan bir bilgisayarda dosya açıldığında yazı yedek bir fontla çizilir ve logo bozuk görünür. Bu yüzden kilidin vektör hâli gerektiğinde dosyayı Illustrator'da açıp Yazı › Eğriye Dönüştür (Type › Create Outlines) uygulanarak yeniden dışa aktarılmalıdır.
amblem.svg bu sorundan etkilenmez: içinde hiç yazı yoktur, yalnızca eğri vardır. Ölçekten bağımsız her işte güvenle kullanılabilecek vektör kaynak budur.
JPEG saydamlık desteklemez ve keskin kenarlarda sıkıştırma artefaktı üretir. Logo hiçbir koşulda JPEG olarak kaydedilmez. Ekran görüntüsünden kopyalanan logo da kullanılmaz — daima kaynak dosyadan alınır.
Kılavuzun tamamını okuyacak vakti olmayanlar için. Bu sayfayı yazdırıp masaya asabilirsiniz.
Bu kılavuzda cevabı olmayan bir kullanım ihtiyacı doğarsa, logo üzerinde kendi başınıza değişiklik yapmayın. info@pikeentertainment.com adresinden bize yazın — doğru varyantı birlikte belirleyelim.