Bir sitenin tipografisi, okuyucunun içerikle kurduğu ilk temas noktasıdır. Biz da tam da bu nedenle ilk blog yazımızı bu temas noktasına ayırmak istedik. Başlığı okumadan önce fontun ağırlığını, ritmini ve karakterini hissedersiniz ya, biz de Emtia Defteri'nin görsel kimliğini oluştururken tam bu noktadan yola çıktık.
Bugün sizinle üç font ve onların arkasındaki hikayeyi paylaşmak istiyoruz.
Literata
Emtia Defteri yazısını taşıyan font Literata. Google'ın e-kitap okuma deneyimini iyileştirmek için TypeTogether ile birlikte geliştirdiği bu serif yazı tipi, ekranda uzun süre okunmak üzere tasarlandı. Ama biz onu farklı bir amaçla kullandık.
Literata'nın 800 ağırlığındaki kalın kesimi, masthead'de — yani site başlığında — güçlü bir editöryel otorite taşıyor. Seriflerinin yumuşak ama kararlı yapısı, klasik gazete estetiğini dijital ortama taşıyor. Financial Times'ın masthead'inde kullandığı Georgia ile benzer bir mantık bu aslında. Serif bir başlık, okuyucuya "burası ciddi bir haber kaynağı" mesajı veriyor.
Literata'yı seçerken düzinelerce serif fontu denedik. Lora'dan Merriweather'a, Crimson Pro'dan Fraunces'a kadar geniş bir yelpazeyi değerlendirdik. Literata'nın öne çıkmasının sebebi optik boyutlandırma desteği, yani font, kullanıldığı boyuta göre otomatik olarak oranlarını ayarlıyor. Küçük boyutlarda daha açık ve okunabilir, büyük boyutlarda daha zarif ve kompakt kalıyor.
Space Grotesk
Yazı başlıklarımız için Space Grotesk'i tercih ettik. Bu font, monospace (sabit genişlikli) bir yazı tipinden türetilmiş geometrik bir sans-serif. Yani kökeni teknik ve veri odaklı dünyada yatıyor, tıpkı emtia piyasaları gibi.
Space Grotesk'in diğer sans-seriflerden ayrılan birkaç özelliği var. Rakamları benzersiz bir karakter taşıyor, bir emtia haber sitesi için bu kritik çünkü başlıklarımızın neredeyse yarısı fiyatlar, yüzdeler ve miktarlar içeriyor. "Brent Petrol 87 Dolara Tırmandı" gibi bir başlıkta rakamların okunabilirliği ve estetik ağırlığı, metnin geri kalanı kadar önemli.
Ayrıca Space Grotesk, Literata ile güçlü bir tezat oluşturuyor. Biri organik ve serifli, diğeri mekanik ve geometrik. Bu karşıtlık, site adı ile haber başlıkları arasında net bir görsel hiyerarşi yaratıyor. Gözünüz asla ikisini karıştırmıyor çünkü tamamen farklı iki dünyadan geliyorlar.
Merriweather
Gövde metni için Merriweather kullanıyoruz. Eben Sorkin'in tasarladığı bu serif yazı tipi, ekranda uzun metin okumak için sıfırdan inşa edildi. Adını bir sokaktan almış olsa da karakteri gazeteciliğe çok yakın duruyor, sağlam, ciddi ve güvenilir.
Merriweather'ı seçmemizin temel sebebi emtia haberlerinin doğasıyla ilgili. Okuyucularımız günde onlarca haber tarıyor ve her birinde rakamlar, şirket isimleri ve teknik terimler yoğun biçimde geçiyor. Merriweather'ın yüksek x-height'ı, yani küçük harflerinin oransal büyüklüğü, bu tür yoğun içeriklerde göz yorgunluğunu azaltıyor. Küçük puntolarda bile harfler birbirine yapışmıyor, her karakter kendi alanında net duruyor.
Bir sans-serif gövde fontu yerine serif tercih etmemizin de bir nedeni var. Uzun okuma deneyiminde serifler göze yol gösterici işlevi görüyor, harf akışını yönlendiriyor ve satır takibini kolaylaştırıyor. Emtia haberleri kısa spotlardan ibaret değil, çoğu zaman birkaç paragraf boyunca veri, bağlam ve yorum iç içe geçiyor. Böyle bir içerikte serif font, okuyucunun metnin içinde kaybolmasını engelliyor.
Merriweather aynı zamanda Space Grotesk ile güçlü bir kontrast yaratıyor. Başlıkta geometrik ve keskin bir sans-serif, gövdede ise sıcak ve köklü bir serif. Bu geçiş, okuyucunun gözüne "başlık bitti, şimdi okumaya başla" sinyalini veriyor. İkisi aynı aileden olsaydı bu ayrım bu kadar net olmazdı.
Ekip İşi
Bu üç fontun bir arada çalışması tesadüf değil. Her biri farklı bir işlev üstleniyor ve birlikte bir hiyerarşi oluşturuyor.
Literata okuyucuya "buradasın, bu Emtia Defteri" diyor. Space Grotesk "işte bugünkü önemli gelişmeler" diyor. Merriweather ise "şimdi rahatça oku" diyor. Bu üç katman, editöryel bir kimliğin temel yapı taşları.
Tüm fontlarımız açık kaynak ve Bunny Fonts CDN üzerinden yükleniyor. Bu da Google Fonts'a kıyasla daha iyi bir gizlilik koruması sağlıyor çünkü Bunny Fonts kullanıcı verisi toplamıyor.
Tipografi bir haber sitesinin sessiz mimarisidir. Doğru yapıldığında fark etmezsiniz ama her kelimeyi daha rahat okursunuz, her başlığı daha net kavrarsınız. Biz Emtia Defteri'nde tam bunu hedefledik.
