Marka Kılavuzu
Logo, renk paleti, tipografi ve kullanım kuralları. Kurumsal kimlik tutarlılığı için bu kılavuza uyun.
Logo varyantları
Marka 4 ana SVG varyantı ile gelir. Her biri kullanım bağlamına göre seçilmelidir. Tümü vektör — ölçeklemede kalite kaybı yok.
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).
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)
- 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-07-01