Logo
Dört elmaslı küp logosu markamızın temelidir. Küp formu, mühendislik disiplinini ve çok boyutlu düşünceyi simgeler.
TeknikDanışman
Boş alan (Clearzone)
Logonun etrafında en az logonun genişliğinin ¼'ü kadar boş alan bırakın. Başka öğelerle iç içe geçmesin.
Teknik Danışman
Renkler
Renk sistemimiz iki eksenli: yüzey nötrleri (açık/koyu mod), tek marka rengi #006AFF. Marka rengi sadece aksent ve CTA'larda kullanılır.
Tipografi
Tüm yazılar Geist ailesiyle kurulur. Geist Sans ara yüz ve metin için, Geist Mono kod ve teknik değerler için.
| Örnek | Kullanım | CSS |
|---|---|---|
| Başlık | Hero H1 | 48px / 800 / -0.04em |
| Bölüm | H2 | 28px / 700 / -0.02em |
| Giriş metni | Lead / intro | 18px / 400 / muted |
| Gövde metni. Her cümle kısa ve net. | Gövde | 14px / 400 / text |
| BAŞLIK ETİKETİ | Etiket / label | 11px / 600 / uppercase / +0.06em |
| Küçük not · yardımcı metin | Yardımcı | 12px / 400 / muted |
name: "Teknik Danışman",
color: "#006AFF",
font: "Geist",
mono: "Geist Mono",
origin: "Türkiye"
};
İkonlar
Arayüzde Bootstrap Icons kullanılır. 1800+ ikon, tutarlı vuruş kalınlığı ve SVG boyutu.
Yapılacaklar & Yapılmayacaklar
Tutarlı bir marka deneyimi için aşağıdaki kurallara uyun.
- Logoyu orijinal mavi (#006AFF), siyah veya beyaz kullanın.
- Clearzone'a (¼ genişlik boş alan) uyun.
- Geist Sans ve Geist Mono'yu kullanın.
- Metni her zaman yeterli kontrast oranıyla (WCAG AA) kullanın.
- Yalnızca Bootstrap Icons simge setinden seçim yapın.
- Logoyu döndürmeyin, eğmeyin veya deforme etmeyin.
- Marka mavisiyle aynı tondaki renkler üzerine logo koymayın.
- Metni CSS değişkeni yerine doğrudan hex kodla renklendirmeyin.
- İkonu dekoratif değil işlevsel kullanın; yalnız ikon kullanımında aria-label ekleyin.
- Birden fazla ağırlıkta ikon stili karıştırmayın.
Ses Tonu
Teknik Danışman insan gibi konuşur, kurumsal gibi değil. Net, samimi, ama her zaman profesyonel.
Jargonsuz, düz cümle. Müşteri anlamak için uğraşmasın.
Gerçek fayda vaad et. Abartı ve boş pazarlama dili yok.
Tutarlı ol; ne dersen onu yap. Güven her etkileşimde inşa edilir.
İndirmeler
Onaylı marka varlıkları. Kullanmadan önce bu kılavuzu okuyun.
