İçeriğe geç
13 Eylül 2026 Pazar
KünyeİletişimReklam
Kurumsal

Kurumsal Kimlik

Logo kullanımı, renk paleti, tipografi ve marka kuralları.

Renk

Renkler assets/css/tokens.css içinde tek yerden tanımlıdır. Kimliği değiştirmek için burada listelenen değişkenleri düzenlemek yeterlidir; şablonun tamamı yeni değeri kullanır.

Marka

Marka kırmızısı#d3122avar(--marka)Logo, bağlantı, birincil düğme
Koyu kırmızı#a20d20var(--marka-koyu)Üzerine gelme (hover) ve basılı durum
Açık kırmızı#fdeceevar(--marka-acik)Vurgulu zemin, uyarı kutusu
Lacivert#0b2545var(--lacivert)Menü şeridi, sayfa altı
Son dakika#b00016var(--sondakika)Yalnızca son dakika şeridi

Kategori

Gündem#d3122avar(--kat-gundem)Kategori rozeti ve çizgisi
Dünya#1f5fa9var(--kat-dunya)
Ekonomi#0d7ea8var(--kat-ekonomi)
Spor#16a34avar(--kat-spor)
Magazin#c2185bvar(--kat-magazin)
Yaşam#7b1fa2var(--kat-yasam)
Sağlık#0891b2var(--kat-saglik)
Teknoloji#4f46e5var(--kat-teknoloji)
Kültür-Sanat#b45309var(--kat-kultur)
Resmi İlan#64748bvar(--kat-ilan)

Yüzey ve metin

Sayfa zemini#f1f3f6var(--zemin)Gövde arka planı
Kart#ffffffvar(--kart)Kart ve panel zemini
Ana metin#10151cvar(--yazi)Başlık ve gövde
İkincil metin#4a5568var(--yazi-2)Spot, açıklama
Sönük metin#8a94a6var(--yazi-3)Meta, tarih
Çizgi#e2e6ecvar(--cizgi)Kenarlık ve ayraç

Yukarıdaki kutular açık tema değerlerini gösterir; yüzey ve metin renkleri koyu temada tokens.css içindeki [data-tema="koyu"] bloğundan gelir. Marka ve kategori renkleri iki temada da aynıdır.
Kategori renkleri hem CSS’te hem data.js içinde bulunur. Birini değiştirirken diğerini de güncelleyin; rozet rengi ile çizgi rengi aksi hâlde ayrışır.

Tipografi

Üç aile kullanılır: başlıklar için sıkı bir gruteks, arayüz metinleri için aynı ailenin normal kesimi, haber gövdesi için serif. Okur, görünüm menüsünden hazır profiller arasından seçim yapabilir.

Manşetclamp(26–44px) · 800 · sıkı satır aralığı
Gündemi belirleyen başlık
Sayfa başlığı (H1)40px · 800
Sayfa başlığı
Bölüm başlığı (H2)30px · 700
Bölüm başlığı
Kart başlığı17px · 700
Kart başlığı örneği
Gövde metni17px serif · 1.75 satır aralığı
Haber gövdesi serif ailesiyle dizilir; uzun metinde okuma yorgunluğunu azaltır.
Meta12px · 600 · sönük
GÜNDEM · 15 Ağustos 2026, 09:40

Yazı tipi ailesi --f-baslik, --f-metin ve --f-serif değişkenleriyle değişir. Ticari lisans gerektiren aileler pakete dâhil değildir; sisteme kurulu değilse tarayıcı yedeğe düşer.

İkon ve fotoğraf dili

İkonlar

Tüm ikonlar satır içi SVG’dir, currentColor ile boyanır ve 1,7 px çizgi kalınlığı kullanır. Şablonda emoji kullanılmaz; emoji işletim sistemine göre değişir ve kurumsal bir dil kurmaz.

Fotoğraf

  • Haber fotoğrafı kırpılırken olayın bağlamı korunur.
  • Yapay zekâ ile üretilmiş görseller “Yapay görsel” etiketiyle işaretlenir.
  • Arşiv görseli kullanıldığında altyazıda belirtilir.
  • Fotoğraf üzerine yazı basılmaz; başlık kartın içinde durur.
  • Her karede kaynak (ajans ya da fotoğrafçı) gösterilir.

Uygulama örnekleri

YP
Sosyal medya profil görseli · 400×400
YP example.com
Favicon · 32×32
Ad Soyad Muhabir · Haber Merkezi ornek@ ·
E-posta imzası

Logoyu kullanmak isteyenler

Haber alıntılarında logomuzu kaynak göstermek için kullanabilirsiniz; bu izin ayrıca alınmasına gerek olmayan tek durumdur. Bunun dışındaki her kullanım (iş birliği duyurusu, referans listesi, ürün üzerinde kullanım) yazılı izne tabidir.

Logonun, kurumumuzla ilişkilendirilmeyi çağrıştıracak biçimde kullanılması, yanıltıcı ticari uygulama sayılabilir. İzin talebinizi iletişim formundan “Reklam ve iş birliği” konusuyla iletin.

Dosyalar

  • Logo · SVG (birincil, tek renk, beyaz)
  • İşaret · SVG + 512 px PNG
  • Renk paleti · tokens.css

Şablon sürümünde dosyalar örnek amaçlıdır; gerçek marka dosyalarınızı assets/img/marka/ klasörüne koyun.