Kurumsal Kimlik Kılavuzu
Zafer
Teber
v1.0Şubat 2026zaferteber.com
01 — Renk Paleti
Renkler
Siyah ve beyaz dominant. Renk yalnızca vurgu ve yönlendirme amacıyla kullanılır.
Ana Renkler
Accent Blue#0071e3Açık tema vurgu
Accent Blue Dark#0a84ffKoyu tema vurgu
Purple#5856d6Gradient orta
Violet#af52deGradient bitiş
CTA Green#10b981Aksiyon butonları
LinkedIn Blue#0A66C2LinkedIn butonu
Nötr Skala
Black#000000Koyu arka plan, başlıklar
Rich Black#1d1d1fAna metin (açık tema)
Gray 60#6e6e73İkincil metin
Gray 40#98989dÜçüncül metin
Gray 20#d2d2d7Çizgiler, kenarlıklar
Off White#f5f5f7İkincil arka plan
White#ffffffBirincil arka plan
02 — Gradientler
Gradient
Sistemi
135° açı ile üç noktalı geçiş. Marka kimliğinin en tanımlayıcı öğesi.
Accent — Açık Tema#0071e3 → #5856d6 → #af52de
Accent — Koyu Tema#0a84ff → #5e5ce6 → #bf5af2
CTA Butonu#10b981 → #059669
Dil Değiştirici#3b82f6 → #8b5cf6 → #a855f7
03 — Tipografi
Inter
Geometrik sans-serif. Yüksek okunabilirlik, geniş ağırlık skalası.
Zafer Teber
Kurumsal Satış & İş Geliştirme
Ağırlık Skalası
800 · ExtraBold · -2px
Başlıklar, isim
700 · Bold · -1px
Bölüm başlıkları
600 · SemiBold · 0
Butonlar, etiketler
500 · Medium · 0
Navigasyon, vurgu
400 · Regular · 0
Paragraf, açıklama
300 · Light · 0
Alt başlık, slogan
Font Stack
'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
04 — Tema Sistemi
Açık &
Koyu
Otomatik tema algılama ve manuel geçiş.
05 — Bileşenler
UI
Elementleri
Buton hiyerarşisi ve temel etkileşim stilleri.
Butonlar
padding: 0.85rem 2rem · font-weight: 600 · border-radius: 50px · transition: 0.3s
Glassmorphism Nav
Zafer Teber
Ana SayfaBlog
06 — Spacing & Radius
Köşeler
Minimum süsleme. Düz çizgiler ve sınırlı yuvarlaklık.
Border Radius
Box Shadow
07 — İş Kartı
Kartvizit
85 × 50 mm. İki renk varyantı. QR kod ile siteye erişim.
Koyu Versiyon — Birincil
Zafer Teber
Kurumsal Satış & İş Geliştirme
ZT
Kurumsal Satış & İş Geliştirme
zaferteber.com
Açık Versiyon — Alternatif
Zafer Teber
Kurumsal Satış & İş Geliştirme
ZT
Kurumsal Satış & İş Geliştirme
zaferteber.com
08 — Sosyal Medya
Dijital
Varlıklar
Tüm platformlarda tutarlı kimlik. Ortak kullanıcı adı: @zaferteber
Profil Fotoğrafı Alternatifleri
Profesyonel
Portre
A — Fotoğraf
Yüz merkezli · Nötr arka plan
Dairesel · 400×400px
ZT
B — Monogram Koyu
Inter 800 · Beyaz / Siyah
Dairesel · 400×400px
ZT
C — Monogram Açık
Inter 800 · Siyah / Beyaz
Dairesel · 400×400px
Platform Boyutları
Kapak Görseli Alternatifleri
A — Siyah Minimal
Zafer Teber
Kurumsal Satış & İş Geliştirme
B — Beyaz Temiz
Zafer Teber
Kurumsal Satış & İş Geliştirme · zaferteber.com
C — İkili Bölünmüş
Zafer Teber
zaferteber.com
ZT
D — Gradient Çizgi
Zafer Teber
Kurumsal Satış & İş Geliştirme
zaferteber.com
09 — Kullanım Kuralları
Yapılması &
Yapılmaması
Marka tutarlılığı için temel kurallar.
Yapılması Gerekenler
- Gradient'i her zaman 135° açıyla uygula
- Inter fontunu tüm dijital materyallerde kullan
- Koyu temada #0a84ff, açık temada #0071e3 kullan
- Butonlarda border-radius: 50px uygula
- Başlıklarda negatif letter-spacing kullan
- Profil fotoğrafını daima dairesel göster
- Boşluğu cömertçe kullan — minimal his
- Siyah-beyaz dominant, renk sadece vurgu
- Tüm platformlarda aynı profil görseli kullan
- QR kodu marka renkleriyle oluştur
Yapılmaması Gerekenler
- Gradient renklerini değiştirme veya sırasını bozma
- Inter yerine başka font kullanma
- Koyu ve açık tema renklerini karıştırma
- Profil fotoğrafını kare veya köşeli gösterme
- Logo/monogram gradient'ini düz renge dönüştürme
- Font ağırlığını 300'ün altına düşürme
- Yüzeyleri gereksiz süslemeyle doldurma
- 4'ten fazla font ağırlığını aynı sayfada kullanma
- Marka renklerini %50 altı opaklıkla kullanma
- Platformlar arası farklı kullanıcı adı kullanma
Dijital
Varlıklar
Tüm platformlarda tutarlı kimlik. Ortak kullanıcı adı: @zaferteber
Portre
Dairesel · 400×400px
Dairesel · 400×400px
Dairesel · 400×400px