Marka kılavuzu · Temel kurallar
Sürüm 1.0 · Eylül 2026
Marka KılavuzuTemel Kurallar
Logo, renk ve tipografi. vignetim. markasını doğru kullanmak için ihtiyacınız olan her şey.
Logo
Logo düzenleri ve renk varyantları
Onaylı dört logo düzeni
Yatay · sembol
Varsayılan. Web, belgeler, sunumlar, e-posta imzaları.
Dikey · sembol
Kare ve dikey alanlar, sosyal medya, roll-up'lar.
Yatay · rozet
Uygulama içi başlıklar, uygulama mağazası görselleri.
Dikey · rozet
Açılış ekranları, reklam kreatifleri.
Üç renk versiyonu
Teal / açık zemin
Beyaz, Neutral 50, Teal 50.
Beyaz / teal zemin
Teal 500 ile 800 arası.
Beyaz / koyu zemin
Neutral 800 ile 900 arası, fotoğraf üzerinde.
Ayrıca mevcut
Tek renkli baskı için tek renk koyu versiyon bulunur. Gri tonlamaya çevirmek yerine bu dosyayı kullanın.
Tek renk koyu
- Logo yazısı her zaman küçük harfle ve noktayla yazılır: vignetim. İlk harfi asla büyütmeyin, harf aralığı eklemeyin.
- Teal rozeti asla teal zemin üzerine yerleştirmeyin. Kaybolur. Teal zeminde beyaz sembolü tek başına kullanın.
- Sembolü veya rozeti tek başına yalnızca marka adı aynı yüzeyde başka bir yerde yer alıyorsa kullanın: uygulama ikonu, favicon, profil fotoğrafı.
- Logo düzenlerini asla elle oluşturmayın. Her zaman sağlanan dosyayı kullanın; parçaların yerini asla değiştirmeyin.
Boşluk alanı ve minimum boyut
Nefes alan, okunaklı kalan boyutlar
Logonun her yanında en az 0.5 X boşluk bırakın. X, ilgili logo düzenindeki sembolün (veya rozetin) yüksekliğidir. Bu alana hiçbir metin, görsel, çizgi, başka logo veya sayfa kenarı giremez.
Minimum boyutlar
| Öğe | Dijital | Baskı |
|---|---|---|
| Yatay düzen · sembol | 140 px | 30 mm |
| Yatay düzen · rozet | 160 px | 34 mm |
| Dikey düzen · sembol | 72 px | 16 mm |
| Dikey düzen · rozet | 80 px | 18 mm |
| Sembol (tek başına) | 20 px | 5 mm |
| Rozet (tek başına) | 44 px | 8 mm |
Değerler genişliktir. Bu boyutların altında logo düzeni yerine sembolü veya rozeti tek başına kullanın.
İki istisna
- Uygulama ikonu: boşluk alanı kuralı geçerli değildir. Rozet çerçeveyi doldurur, köşeleri platform yuvarlar.
- Favicon (16 ile 32 px): rozet okunaksız hale gelir; şeffaf zemin üzerinde yalın teal sembolü kullanın.
Diğer logoların yanında
İki logo arasında en az 1 X bırakın ve logoları aynı optik yükseklikte dengeleyin.
Renk
Tek marka rengi, tek nötr skala
Marka rengi Teal 500 · #049CB9'dur. İkincil bir marka rengi yoktur; derinlik, teal skalasının tonlarından ve nötr grilerden gelir.
Vignetim teal
Nötrler
Teknik değerler
- HEX
- #049CB9
- RGB
- 4 · 156 · 185
- CMYK (ref.)
- 98 · 16 · 0 · 27
- PANTONE (yakl.)
- 313 C ile 314 C
CMYK hesaplanmış bir referanstır; matbaanın ICC profiliyle dönüştürün.
Kullanım oranı
- Beyaz / Neutral 50
- Nefes alanı
- Neutral 600 ile 900
- Metin ve yapı
- Teal
- Vurgu ve eylem
Her ekranda teal renkte tam olarak bir birincil eylem bulunur.
Buton durumları
Üç kontrast kuralı
- Teal 500 bir metin rengi değildir (beyaz üzerinde 3.25:1). Metin ve bağlantılar için Teal 700 kullanın.
- Teal 500 üzerindeki beyaz metin en az 18 px / 14 pt kalın olmalıdır; daha küçük metinlerde Teal 700 zemin kullanın.
- Koyu modda vurgu rengi Teal 300 ile 400'dür; koyu zeminlerde Teal 500 yeterli değildir.
Tipografi
Inter, tek yazı tipi, dört ağırlık
Inter, markanın tek yazı tipidir. Yalnızca 400, 500, 600 ve 700 ağırlıkları kullanılır. Inter yüklenemezse önce sistem yazı tipine, ardından Arial'a geçin.
Aa Bb Cc Çç Ğğ Iı İi Şş Öö Üü 0123456789
Aa
Regular · 400
Gövde metni, uzun metinler.
Aa
Medium · 500
Etiketler, tablo başlıkları, vurgu.
Aa
SemiBold · 600
Başlıklar, butonlar, üst başlıklar.
Aa
Bold · 700
Yalnızca kampanya manşetleri.
H1 32 / 38 px · 600 · -0.020em
Vinyetiniz, sınırdan önce hazır
H2 24 / 30 px · 600 · -0.016em
Dijital vinyet nasıl çalışır?
H3 20 / 26 px · 600 · -0.012em
Aracınızın plaka numarasını girin
Body 16 / 26 px · 400
Uygulama, sınıra 30 km kaldığında size hatırlatma gönderir.
Body S 14 / 22 px · 400
Fiyatlar her ülkenin resmi vinyet tarifesine dayanır.
Overline 11 / 14 px · 600 · +0.11em · CAPS
Ülkeler · Fiyatlar · SSS
Satır yüksekliği: başlıklarda 1.10 ile 1.25, gövde metninde 1.50 ile 1.65. Satır uzunluğu 60 ile 75 karakter. Her zaman sola hizalı.
- Gövde metnini büyük harflerle yazmayın. Büyük harfler yalnızca üst başlıklar ve kısa etiketler içindir.
- Gövde metnine harf aralığı eklemeyin, gövde metnini teal renkte de kullanmayın.
- Metni esnetmeyin veya eğmeyin; sahte italik veya sahte kalın kullanmayın.
- Tek bir yüzeyde en fazla dört seviye kullanın.
Türkçe büyük harf tuzağı
Otomatik dönüşümde “i” harfi İ olmalıdır. HTML'de lang="tr" ayarlayın ve kodda toLocaleUpperCase('tr') kullanın. Aksi halde “istanbul”, “ISTANBUL” olur.
Tersi de geçerlidir: İngilizce metin lang="en" gerektirir, aksi halde “Size”, “SİZE” olur.
Diller: TR ve RO için latin-ext alt kümeleri, UA için cyrillic, DE ve EN için latin. Tümü Inter'in parçasıdır. Farklı bir dil için asla yazı tipi değiştirmeyin.
Hatalı kullanım
Logoyla asla yapılmaması gerekenler
Bu liste kapsamlı değildir: logoyu sağlanan dosyadan farklı herhangi bir şekilde değiştirmek hatalı kullanım sayılır.
Tek renkli baskı gerektiğinde gri tonlama değil, onaylı tek renk koyu versiyonu kullanın.
Hızlı başvuru
Kılavuzun tamamı bir bakışta
Renk kartı
- Teal 500 · marka#049CB9
- Teal 700 · metin / bağlantılar#046B80
- Teal 300 · koyu mod vurgusu#5FCEE2
- Neutral 900 · başlıklar#161B1E
- Neutral 600 · ikincil metin#565E64
- Neutral 50 · yüzey#F7F8F9
Beş kural
- Logoyu sağlanan dosyadan kullanın.
- Her yanda 0.5 X boşluk bırakın.
- Teal 500 bir metin rengi değildir. Teal 700 kullanın.
- Tek yazı tipi: Inter, 400 / 500 / 600 / 700.
- Hiçbir yüzeyin %10'undan fazlası teal olmamalıdır.
Dosya listesi
- Tüm logolarZIP
- vignetim-horizontal-tealPNG
- vignetim-horizontal-whitePNG
- vignetim-horizontal-single-colour-darkPNG
- vignetim-vertical-tealPNG
- vignetim-badge-horizontalPNG
- vignetim-badge-verticalPNG
- vignetim-badgePNG
- vignetim-symbol-teal / whiteTalep üzerine
- vignetim-appicon-1024Talep üzerine
- vignetim-favicon-16/32/48Talep üzerine
Baskı ve büyük format kullanımı için vektörel (SVG veya EPS) dosyaları talep edin. PNG'yi yalnızca vektörün desteklenmediği yerlerde kullanın.
Uygulama ikonu
- App Store (iOS)
- 1024 × 1024 px, şeffaflık yok
- Google Play
- 512 × 512 px, 32-bit PNG
- Play · öne çıkan görsel
- 1024 × 500 px
- Sosyal medya profili
- 1000 × 1000 px
Köşeleri yuvarlatılmamış, kenardan kenara dolu bir kare yükleyin. Köşeleri işletim sistemi yuvarlar.
CSS değişkenleri
:root {
--brand-500: #049CB9;
--brand-600: #03849E;
--brand-700: #046B80;
--brand-300: #5FCEE2;
--brand-50: #EAF8FB;
--ink-900: #161B1E;
--ink-600: #565E64;
--ink-200: #DDE1E4;
--ink-50: #F7F8F9;
--font-sans: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}Sorular ve onaylar
Bu kılavuzda yer almayan her türlü kullanım veya yeni bir dosya talebi için marka sahibiyle iletişime geçin.
Sürüm 1.0 · Eylül 2026