Marka Kılavuzu
Logo, renk paleti, tipografi ve kullanım kuralları. Kurumsal kimlik tutarlılığı için bu kılavuza uyun.
Logo varyantları
Marka 5 SVG varyantı ile gelir. Her biri kullanım bağlamına göre seçilmelidir. Tümü vektör — ölçeklemede kalite kaybı yok.
Mark — Düz
Geometri Mark ile birebir aynı; opaklık katmanları opak renklere pişirilmiş. Görsel üretim modelleri, nakış, serigrafi ve tek renk baskı gibi opaklığın korunmadığı ortamlar için.
Kinetic Echo
Üst üste binmiş 3 chevron — hareket ve hız hissi veren katmanlı bir V. Marka karakterinin temelini oluşturur.
| Katman | Opaklık (Dark) | Opaklık (Light) | Renk |
|---|---|---|---|
| Echo 1 (en arka) | 0.20 |
0.25 |
#40C9A2 |
| Echo 2 (orta) | 0.50 |
0.55 |
#40C9A2 |
| Front (ön) | 1.00 |
1.00 |
#40C9A2 dark / #0d8a6c light |
Echo offset: 9px (orta yoğunluk — sıkı 6px ile geniş 12px arasında dengeli ritim).
AI ile görsel üretimi
Echo yapısı markanın karakterini veriyor, ama görsel üretim modellerinin okuyamadığı bir yapı. Logoyu bir modele çizdirdiğinizde bozulmasının sebebi bu.
Üç chevron 36 birim genişliğinde ve aralarındaki kayma yalnızca 9 birim — yani her V'nin %75'i diğerinin içinde. Üçünü ayıran tek şey opaklık; renk aynı, kontur yok, boşluk yok. Modeller geometri değil izlenim üretir; tutunacak bir sınır çizgisi olmadığı için işareti “içinde V olan bir V” diye yeniden çizerler. Açık zeminde arka katmanın zeminden parlaklık farkı 17/255'e düştüğü için sorun orada daha da belirginleşir.
Opaklıklı — üretim için uygun değil
Açık zeminde arka katmanlar neredeyse kayboluyor. Model eksik gördüğü yapıyı uydurarak tamamlıyor.
Düz — üretim için
Aynı geometri, üç opak renk. Katmanlar arasında zeminden bağımsız, sabit renk sınırları var.
| Katman | Opaklıklı | Düz varyant |
|---|---|---|
| Echo 1 (arka) | #40C9A2 @ 0.20 | #1E6B55 |
| Echo 2 (orta) | #40C9A2 @ 0.50 | #2B997A |
| Front (ön) | #40C9A2 @ 1.00 | #40C9A2 |
- Görseli logosuz üretin, gerçek logoyu sonradan bindirin — tek doğru yöntem budur
- Prompt'ta logonun geleceği alanı sade bırakmasını isteyin
- Modele referans vermek zorundaysanız düz varyantı ve yüksek çözünürlüklü sürümü verin
- Türkçe metni dizgiyle koyun — İ, ğ, ş, ç karakterleri üretimde tutarlı çıkmaz
- Prompt'ta logo istemeyin — bindirdiğiniz gerçek logonun altında ikinci bir bozuk logo kalır
- Referans olarak 58×48 piksellik vevona-sig-logo.png dosyasını vermeyin
- Modelin ürettiği logoyu, düz varyantla bile olsa, yayına almayın — yaklaşık üretir, birebir değil
- Düz varyantı web ve baskıda opaklıklı sürümün yerine kullanmayın
Renk paleti
Marka kimliği bu 6 ana renk üzerine kuruludur. Token isimleri CSS custom property olarak vevona.min.css'te tanımlıdır.
Mint Primary
--accentAna marka rengi. Koyu zeminde tüm chevron'lar, vurgu öğeleri, CTA butonları.
Mint Dark
— (light bg variant)Açık zemin için ön chevron. Mint Primary'nin kontrastlı koyu varyantı.
Purple Secondary
--accent-2İkincil aksent. Hover state, vurgu noktaları, ikonografi.
Ink Background
--bgAjans koyu zemin. Ana sayfa, panel, hero arka plan.
Text Primary
--textKoyu zeminde ana metin rengi. Yüksek okunabilirlik, #f4 yumuşak beyaz.
Coral Alert
--redHata, uyarı, destructive aksiyon. Az kullanılır — yalnızca dikkat çekmek gerektiğinde.
Tipografi sistemi
İki tamamlayıcı sans-serif. Plus Jakarta Sans başlıklarda karakter, Inter küçük metinlerde okunabilirlik sağlar.
Modern web ürünleri, dijital strateji ve marka deneyimi.
The quick brown fox jumps over the lazy dog. Çabuk kahverengi tilki tembel köpeğin üzerinden atlar. 0123456789
İndir: Her iki yazı tipi de Google Fonts üzerinde ücretsiz — Plus Jakarta Sans ve Inter.
Yapılması ve yapılmaması gerekenler
Logo bütünlüğünü ve marka tutarlılığını korumak için aşağıdaki kurallara uyun.
- Logo etrafında en az logonun yüksekliği kadar boşluk bırakın
- Mark için minimum 24px, lockup için minimum 80px genişlik koruyun
- Koyu zeminde Mint Primary, açık zeminde Mint Dark varyantı kullanın
- SVG sürümünü tercih edin — vektör sınırsız ölçeklenir
- Echo katmanlarının opacity oranlarını koruyun (0.2 / 0.5 / 1.0)
- Görsel üretiminde logoyu çizdirmeyin, sonradan bindirin — bkz. AI ile görsel üretimi
- Logoyu döndürmeyin, eğmeyin, gerin veya orantısız ölçeklemeyin
- Marka rengini değiştirmeyin — özellikle gradient veya marka dışı tonlar
- Logo üzerine gölge, kontur, glow gibi efektler eklemeyin
- Düşük kontrastlı zeminlerde (mint üzerine mint vb.) kullanmayın
- Echo katmanlarının opaklığını veya offset'ini değiştirmeyin
Sorularınız için [email protected]
vevona-brand-kit · v1.0 · 2026-09-30